Test: HTML and ARIA headings test (level 6 and below)
Screen Reader support level: supported
Voice Control support level: unknown
On this page
- About this test
- Age of results
- Test HTML
- Dates and Versions of tested combinations
- Summary of screen reader support by expectation
- Summary of voice control support by expectation
- Detailed support tables
- History
- Related features
- Contribute and Feedback
About this test
This test uses both HTML and ARIA headings
Age of results
Results in this test range from 3 years ago to 5 years ago. See detailed information about test dates and versions for more information.
Test HTML
Open the test case HTML file<!DOCTYPE html>
<html lang="en">
<head>
<title>headings test</title>
</head>
<body>
<h1>Lorem ipsum (h1)</h1>
<h2>Lorem ipsum (h2)</h2>
<h3>Lorem ipsum (h3)</h3>
<h4>Lorem ipsum (h4)</h4>
<h5>Lorem ipsum (h5)</h5>
<h6>Lorem ipsum (h6)</h6>
<div role="heading" aria-level="1">Lorem ipsum (h1 - aria)</div>
<div role="heading" aria-level="2">Lorem ipsum (h2 - aria)</div>
<div role="heading" aria-level="3">Lorem ipsum (h3 - aria)</div>
<div role="heading" aria-level="4">Lorem ipsum (h4 - aria)</div>
<div role="heading" aria-level="5">Lorem ipsum (h5 - aria)</div>
<div role="heading" aria-level="6">Lorem ipsum (h6 - aria)</div>
</body>
</html>
Summary of Screen Reader support by expectation
Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
MUST convey the presence and value of the aria-level attribute applied to: heading role | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
MUST convey its role and name | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
MUST provide shortcuts to jump to headings | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
MUST convey its role, level, and name | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
SHOULD provide shortcuts to jump to headings | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
* means that some support is hidden behind settings
Summary of Voice Control support by expectation
Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
Not applicable |
Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |||||||||
Not applicable |
Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |||||||||||||||||
Not applicable |
* means that some support is hidden behind settings
Summary of Keyboard support by expectation
Expectation | Windows Keyboard | Mac Keyboard | iOS Keyboard | Android Keyboard | |||
---|---|---|---|---|---|---|---|
Chrome | Firefox | Edge | Chrome | Safari | Safari | Chrome | |
Not applicable |
Expectation | Windows Keyboard | Mac Keyboard | iOS Keyboard | Android Keyboard | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Firefox | Edge | Chrome | Safari | Safari | Chrome | ||||||||
Not applicable |
Expectation | Windows Keyboard | Mac Keyboard | iOS Keyboard | Android Keyboard | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Firefox | Edge | Chrome | Safari | Safari | Chrome | |||||||||||||||
Not applicable |
* means that some support is hidden behind settings
Detailed support results by expectation
Expectation for the aria-level attribute: convey the presence and value of the aria-level attribute - applied to the heading role
This expectation is applied to the heading role. Expectations and results might differ when the the feature is applied to different roles.
This expectation is from the aria-level attribute feature.
Rationale:
The user needs to know that the element has a level and the value of that level.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- When applied to a heading, the heading might be announced as something like "<name> heading level <level>"
Grading method:
Just one of the listed commands must pass for the expectation to pass.
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | yes |
|
JAWS | Edge | yes |
|
JAWS | Firefox | yes |
|
Narrator | Edge | yes |
|
NVDA | Chrome | yes |
|
NVDA | Edge | yes |
|
NVDA | Firefox | yes |
|
Orca | Firefox | yes |
|
TalkBack | Chrome | yes |
|
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | yes |
|
VoiceOver (macOS) | Safari | yes |
|
Windows Speech Recognition | Edge | not applicable | - |
Windows Speech Recognition | Chrome | not applicable | - |
Windows Voice Access | Edge | not applicable | - |
Windows Voice Access | Chrome | not applicable | - |
Windows Keyboard | Chrome | not applicable | - |
Windows Keyboard | Firefox | not applicable | - |
Windows Keyboard | Edge | not applicable | - |
Mac Keyboard | Chrome | not applicable | - |
Mac Keyboard | Safari | not applicable | - |
iOS Keyboard | Safari | not applicable | - |
Android Keyboard | Chrome | not applicable | - |
Extended Support for: aria-level attribute: convey the presence and value of the aria-level attribute
These are less common combinations
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | IE | not applicable | - |
Dragon Naturally Speaking | Firefox | not applicable | - |
JAWS 2019.1906.10 | IE 11 | yes |
|
Narrator | Firefox | unknown | - |
Narrator | Chrome | unknown | - |
Narrator | IE | unknown | - |
NVDA | IE | unknown | - |
TalkBack | Firefox | unknown | - |
Voice Access (Android) | Firefox | not applicable | - |
VoiceOver (iOS) | Chrome | unknown | - |
VoiceOver (macOS) | Chrome | unknown | - |
VoiceOver (macOS) | Firefox | unknown | - |
Orca | Chrome | unknown | - |
Voice Control (MacOS) | Chrome | not applicable | - |
Voice Control (MacOS) | Firefox | not applicable | - |
Mac Keyboard | Firefox | not applicable | - |
Android Keyboard | Firefox | not applicable | - |
Expectation for the heading role: convey its role and name
This expectation is from the heading role feature.
Rationale:
The user needs to know that the element describes the following content and the name of the heading.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- When applied to a heading, the heading might be announced as something like "<name> heading level <level>"
Grading method:
Just one of the listed commands must pass for the expectation to pass.
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | yes |
|
JAWS | Edge | yes |
|
JAWS | Firefox | yes |
|
Narrator | Edge | yes |
|
NVDA | Chrome | yes |
|
NVDA | Edge | yes |
|
NVDA | Firefox | yes |
|
Orca | Firefox | yes |
|
TalkBack | Chrome | yes |
|
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | yes |
|
VoiceOver (macOS) | Safari | yes |
|
Windows Speech Recognition | Edge | not applicable | - |
Windows Speech Recognition | Chrome | not applicable | - |
Windows Voice Access | Edge | not applicable | - |
Windows Voice Access | Chrome | not applicable | - |
Windows Keyboard | Chrome | not applicable | - |
Windows Keyboard | Firefox | not applicable | - |
Windows Keyboard | Edge | not applicable | - |
Mac Keyboard | Chrome | not applicable | - |
Mac Keyboard | Safari | not applicable | - |
iOS Keyboard | Safari | not applicable | - |
Android Keyboard | Chrome | not applicable | - |
Extended Support for: heading role: convey its role and name
These are less common combinations
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | IE | not applicable | - |
Dragon Naturally Speaking | Firefox | not applicable | - |
JAWS 2019.1906.10 | IE 11 | yes |
|
Narrator | Firefox | unknown | - |
Narrator | Chrome | unknown | - |
Narrator | IE | unknown | - |
NVDA | IE | unknown | - |
TalkBack | Firefox | unknown | - |
Voice Access (Android) | Firefox | not applicable | - |
VoiceOver (iOS) | Chrome | unknown | - |
VoiceOver (macOS) | Chrome | unknown | - |
VoiceOver (macOS) | Firefox | unknown | - |
Orca | Chrome | unknown | - |
Voice Control (MacOS) | Chrome | not applicable | - |
Voice Control (MacOS) | Firefox | not applicable | - |
Mac Keyboard | Firefox | not applicable | - |
Android Keyboard | Firefox | not applicable | - |
Expectation for the heading role: provide shortcuts to jump to headings
This expectation is from the heading role feature.
Rationale:
Headings provide an outline of the page and users need to be able to quickly navigate to different sections of the page.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Grading method:
Just one of the listed commands must pass for the expectation to pass.
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | yes |
|
JAWS | Edge | yes |
|
JAWS | Firefox | yes |
|
Narrator | Edge | yes |
|
NVDA | Chrome | yes |
|
NVDA | Edge | yes |
|
NVDA | Firefox | yes |
|
Orca | Firefox | yes |
|
TalkBack | Chrome | yes |
|
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | yes |
|
VoiceOver (macOS) | Safari | yes |
|
Windows Speech Recognition | Edge | not applicable | - |
Windows Speech Recognition | Chrome | not applicable | - |
Windows Voice Access | Edge | not applicable | - |
Windows Voice Access | Chrome | not applicable | - |
Windows Keyboard | Chrome | not applicable | - |
Windows Keyboard | Firefox | not applicable | - |
Windows Keyboard | Edge | not applicable | - |
Mac Keyboard | Chrome | not applicable | - |
Mac Keyboard | Safari | not applicable | - |
iOS Keyboard | Safari | not applicable | - |
Android Keyboard | Chrome | not applicable | - |
Extended Support for: heading role: provide shortcuts to jump to headings
These are less common combinations
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | IE | not applicable | - |
Dragon Naturally Speaking | Firefox | not applicable | - |
JAWS 2019.1906.10 | IE 11 | yes |
|
Narrator | Firefox | unknown | - |
Narrator | Chrome | unknown | - |
Narrator | IE | unknown | - |
NVDA | IE | unknown | - |
TalkBack | Firefox | unknown | - |
Voice Access (Android) | Firefox | not applicable | - |
VoiceOver (iOS) | Chrome | unknown | - |
VoiceOver (macOS) | Chrome | unknown | - |
VoiceOver (macOS) | Firefox | unknown | - |
Orca | Chrome | unknown | - |
Voice Control (MacOS) | Chrome | not applicable | - |
Voice Control (MacOS) | Firefox | not applicable | - |
Mac Keyboard | Firefox | not applicable | - |
Android Keyboard | Firefox | not applicable | - |
Expectation for the h1, h2, h3, h4, h5, and h6 elements: convey its role, level, and name
This expectation is from the h1, h2, h3, h4, h5, and h6 elements feature.
Rationale:
The user needs to know that the element describes the following content, the level of the heading in the document outline, and the name of the heading.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- When applied to a heading, the heading might be announced as something like "<name> heading level <level>"
Grading method:
Just one of the listed commands must pass for the expectation to pass.
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | yes |
|
JAWS | Edge | yes |
|
JAWS | Firefox | yes |
|
Narrator | Edge | yes |
|
NVDA | Chrome | yes |
|
NVDA | Edge | yes |
|
NVDA | Firefox | yes |
|
Orca | Firefox | yes |
|
TalkBack | Chrome | yes |
|
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | yes |
|
VoiceOver (macOS) | Safari | yes |
|
Windows Speech Recognition | Edge | not applicable | - |
Windows Speech Recognition | Chrome | not applicable | - |
Windows Voice Access | Edge | not applicable | - |
Windows Voice Access | Chrome | not applicable | - |
Windows Keyboard | Chrome | not applicable | - |
Windows Keyboard | Firefox | not applicable | - |
Windows Keyboard | Edge | not applicable | - |
Mac Keyboard | Chrome | not applicable | - |
Mac Keyboard | Safari | not applicable | - |
iOS Keyboard | Safari | not applicable | - |
Android Keyboard | Chrome | not applicable | - |
Extended Support for: h1, h2, h3, h4, h5, and h6 elements: convey its role, level, and name
These are less common combinations
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | IE | not applicable | - |
Dragon Naturally Speaking | Firefox | not applicable | - |
JAWS 2019.1906.10 | IE 11 | yes |
|
Narrator | Firefox | unknown | - |
Narrator | Chrome | unknown | - |
Narrator | IE | unknown | - |
NVDA | IE | unknown | - |
TalkBack | Firefox | unknown | - |
Voice Access (Android) | Firefox | not applicable | - |
VoiceOver (iOS) | Chrome | unknown | - |
VoiceOver (macOS) | Chrome | unknown | - |
VoiceOver (macOS) | Firefox | unknown | - |
Orca | Chrome | unknown | - |
Voice Control (MacOS) | Chrome | not applicable | - |
Voice Control (MacOS) | Firefox | not applicable | - |
Mac Keyboard | Firefox | not applicable | - |
Android Keyboard | Firefox | not applicable | - |
Expectation for the h1, h2, h3, h4, h5, and h6 elements: provide shortcuts to jump to headings
This expectation is from the h1, h2, h3, h4, h5, and h6 elements feature.
Rationale:
Headings provide an outline of the page and users need to be able to quickly navigate to different sections of the page.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
Grading method:
Just one of the listed commands must pass for the expectation to pass.
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | yes |
|
JAWS | Edge | yes |
|
JAWS | Firefox | yes |
|
Narrator | Edge | yes |
|
NVDA | Chrome | yes |
|
NVDA | Edge | yes |
|
NVDA | Firefox | yes |
|
Orca | Firefox | yes |
|
TalkBack | Chrome | yes |
|
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | yes |
|
VoiceOver (macOS) | Safari | yes |
|
Windows Speech Recognition | Edge | not applicable | - |
Windows Speech Recognition | Chrome | not applicable | - |
Windows Voice Access | Edge | not applicable | - |
Windows Voice Access | Chrome | not applicable | - |
Windows Keyboard | Chrome | not applicable | - |
Windows Keyboard | Firefox | not applicable | - |
Windows Keyboard | Edge | not applicable | - |
Mac Keyboard | Chrome | not applicable | - |
Mac Keyboard | Safari | not applicable | - |
iOS Keyboard | Safari | not applicable | - |
Android Keyboard | Chrome | not applicable | - |
Extended Support for: h1, h2, h3, h4, h5, and h6 elements: provide shortcuts to jump to headings
These are less common combinations
AT | Browser | Has Support | Output |
---|---|---|---|
Dragon Naturally Speaking | IE | not applicable | - |
Dragon Naturally Speaking | Firefox | not applicable | - |
JAWS 2019.1906.10 | IE 11 | yes |
|
Narrator | Firefox | unknown | - |
Narrator | Chrome | unknown | - |
Narrator | IE | unknown | - |
NVDA | IE | unknown | - |
TalkBack | Firefox | unknown | - |
Voice Access (Android) | Firefox | not applicable | - |
VoiceOver (iOS) | Chrome | unknown | - |
VoiceOver (macOS) | Chrome | unknown | - |
VoiceOver (macOS) | Firefox | unknown | - |
Orca | Chrome | unknown | - |
Voice Control (MacOS) | Chrome | not applicable | - |
Voice Control (MacOS) | Firefox | not applicable | - |
Mac Keyboard | Firefox | not applicable | - |
Android Keyboard | Firefox | not applicable | - |
Dates and Versions of tested combinations
AT | AT Version | Browser | Browser version | OS version | Date tested |
---|---|---|---|---|---|
JAWS | 2021.2107.12 | Chrome | 92 | Windows 10 version 21h1 | 2021-08-07 |
JAWS | 2021.2107.12 | Edge | 92 | Windows 10 version 21h1 | 2021-08-07 |
JAWS | 2019.1906.10 | Firefox | 68 | Windows 10 version 1903 | 2019-07-13 |
Narrator | Windows 10 version 1903 | Edge | 44 | Windows 10 version 1903 | 2019-07-13 |
NVDA | 2021.1 | Chrome | 92 | Windows 10 version 21h1 | 2021-08-07 |
NVDA | 2021.1 | Edge | 92 | Windows 10 version 21h1 | 2021-08-07 |
NVDA | 2019.1.1 | Firefox | 68 | Windows 10 version 1903 | 2019-07-13 |
Orca | 3.31.4 | Firefox | 69 | Ubuntu 19.04 | 2019-09-15 |
TalkBack | 7.3.0 | Chrome | 75 | 7.0 | 2019-07-27 |
VoiceOver (iOS) | 12.3.1 | Safari | 12.3.1 | 12.3.1 | 2019-07-13 |
VoiceOver (macOS) | 10.14.5 | Safari | 12.1.1 | 10.14.5 | 2019-07-13 |
History
- 2019-07-12 Test created
- 2019-07-27 Talkback results added
- 2019-09-15 Add orca results
- 2021-08-07 Added Narrator results for NVDA and JAWS, updated NVDA+Chrome results.