aria-describedby for forms

This ARIA property provides additional direction or information about the control. This does not work well in Chrome or with WindowEyes. There are also some issues where the description gets read two times in IE. Internet Explorer requires that the referenced elements are either “accessible elements” or have tabindex=”-1” added.

Testing took place March 19, 2012.


Test Form

This field uses p element with tabindex =-1 for aria-describedby.

If possible, use your email address for this.

This field uses label element for aria-describedby.


This field uses title attribute with no label and no aria-describedby.

Confirm Password

Enter the same password again.


Results

Configuration
<p> with tabindex
<label>
title attribute Result Notes
JAWS 11 & IE 8
Yes
Yes
Yes
 
JAWS 12 & IE 8
Yes
Yes
Yes
 
JAWS 13 & IE 8
Read 2x
Yes
Yes
When aria-describedby used with p id reference, the description is read 2x
JAWS 11 & IE 9
Yes
Yes
Yes
 
JAWS 12 & IE 9
Yes
Yes
Yes
 
JAWS 13 & IE 9
Read 2x
Read 2x
Yes
When aria-describedby used with p or label id reference, the description is read 2x
JAWS 11 & FF 9
Yes
Yes
Yes
 
JAWS 12 & FF 9
Yes
Yes
Yes
 
JAWS 13 & FF 9
Yes
Yes
Yes
 
JAWS 11 & FF 11
Yes
Yes
Yes
 
JAWS 12 & FF 11
Yes
Yes
Read 2x
Title attribute is read 2x.
JAWS 13 & FF 11
Read 2x
Yes
Yes
When aria-describedby used with p id reference, the description is read 2x
JAWS 11 & Chrome 17
No
No
Yes
Only label and title attribute are read.
JAWS 12 & Chrome 17
Yes
Yes
Yes
 
JAWS 13 & Chrome 17
Only Description Read
Only Description Read
Yes
Only the description is read. The label for the field is not read.
WindowEyes 7.5.3 & IE 9
No
No
Yes
The description text is not read
WindowEyes 7.5.3 & Chrome 17
Only Description Read
Only Description Read
Yes
Only the description is read. The label for the field is not read. No issues with title attribute.
WindowEyes 7.5.3 & FF 11
No
No
Yes
The description text is not read. Only label and title.
VoiceOver & Safari 5.1.3
Yes
Yes
The label next to the field and the title attribute are read.
VoiceOver reads - confirm password. enter the same password again. confirm password
VoiceOver & Safari in iOS 5.0.1 for iPad
 
NVDA 2012.1beta2 & IE 9
 
NVDA 2012.1beta2 & FF 10
 
NVDA 2011.3 & IE 9
Yes
Yes
Yes
 
NVDA 2011.3 & FF 11
Yes
Yes
Read 2x
The title attribute gets read 2x.