Headings ARIA Test

We recommend using the standard HTML headings elements where possible. But, if you have a situation where changing to heading tags is not possible and would cause issues with CSS styles, this solution will provide heading structure for some assistive technology users. Testing took place March 13, 2012.

The Test

Test to see if ARIA headings are supported across browsers with JAWS, WindowEyes and VoiceOver.


ARIA heading level 1

This heading uses role="heading" with aria-level="1".

ARIA heading level 2

This heading uses role="heading" with aria-level="2".





Results

Configuration Does it Work? Result Notes
JAWS 11 & IE 8 Yes  
JAWS 12 & IE 8 Yes  
JAWS 13 & IE 8 Yes  
JAWS 11 & IE 9 Yes  
JAWS 12 & IE 9 Yes  
JAWS 13 & IE 9 Yes  
JAWS 11 & FF 9 Yes  
JAWS 12 & FF 9 Yes  
JAWS 13 & FF 9 Yes  
JAWS 11 & FF 10 Yes  
JAWS 12 & FF 10 Yes  
JAWS 13 & FF 10 Yes  
JAWS 12 & Chrome 17 Yes  
JAWS 13 & Chrome 17 Yes  
WindowEyes 7.5.3 & IE 9 No HTML headers are found, ARIA headings not detected
WindowEyes 7.5.3 & FF 10 No HTML headers are found, ARIA headings not detected
VoiceOver & Safari 5.1.3 Yes  
VoiceOver & Safari in iOS 5.0.1 for iPad Yes  
NVDA 2012.1beta2 & IE 9 No HTML headers are found, ARIA headings not detected and are skipped
NVDA 2012.1beta2 & Chrome 17 Yes Headings are detected but are all read 2 times. Note: this is an issue for all headings not just those using ARIA
NVDA 2012.1beta2 & FF 10 Yes  
NVDA 2011.3 & IE 9 No HTML headers are found, ARIA headings not detected
NVDA 2011.3 & FF 10 Yes