Difference between revisions of "ARIA Describedby property"

From Level Access Web Labs
Jump to navigation Jump to search
m (Jon Avila moved page Describedby to ARIA Describedby property)
Line 8: Line 8:
 
<body>
 
<body>
 
<form method="post" action="">
 
<form method="post" action="">
<p id="para">This is my page</p>
+
<p id="para">Accessibility training</p>
  
<label id="pre">pre</label>
+
<label id="pre">Options</label>
  
 
<select id="test" aria-labelledby="para pre" aria-describedby="post">
 
<select id="test" aria-labelledby="para pre" aria-describedby="post">
   <option>male</option>
+
   <option>On-site</option>
   <option>female</option>
+
   <option>Online</option>
 
</select>
 
</select>
  
<label id="post">post</label>
+
<label id="post">*Blended options also available</label>
  
<a aria-describedby="p1" href="http://www.ssbbartgroup.com"> SSB </a>
+
<a aria-describedby="p1" href="http://www.ssbbartgroup.com"> Level Access </a>
<p id="p1">Accessibility Solutions</p>
+
<p id="p1">Accessibility onDemand</p>
  
 
</form>
 
</form>

Revision as of 19:04, 1 January 2018

This page uses the aria-describedby attribute on a combo box and a link. The aria-describedby attribute provides an accessible description for an element. The accessible description does not replace the accessible name but instead provides additional information to the user.

Labelledby Describedby Bug

Accessibility training

Level Access

Accessibility onDemand

Screen Reader Support

  • JAWS 18 (Chrome, IE, FF) - announced on tab after pause. Not announced with arrows.
  • NVDA 2017.4 (Chrome, IE, FF) - announced on tab no pause. Not announced with arrows.