section element (html)
Screen Reader support level: supported
On this page
About this feature
Per the HTML AAM spec, a section element will be mapped to the region role if the section element has an accessible name. Otherwise, no corresponding role. Only the aria-label
, aria-labelledby
, and title
attributes can provide an accessible name.
Age of results
Results across all tests for this feature range from 3 years ago to 5 years ago. Detailed dates and version information can be found in associated tests.
Caution
Failing or partial results may be out of date. The oldest result is from 4 years ago. Consider running the associated tests and contributing results.
Expectations
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 its role and name if it is named | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
MUST NOT convey a role if it is not named | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
SHOULD convey boundaries if named | partial | partial | partial | partial | supported | supported | supported | supported | partial | supported | supported |
SHOULD provide shortcuts to jump to this role | supported | supported | unknown | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey its role and name if it is named
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML section element with an accessible name (aria-label) | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey a role if it is not named
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST NOT
- Voice Control: NA
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML section element with no accessible name | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey boundaries if named
Rationale:
A user might need to differentiate content inside the region from content outside of the region
Strength of this expectation for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
Examples:
- A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.
- A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example).
- A screen reader might announce position in set information such as "1 of 6".
- A screen reader might not convey boundaries if the content fits on a single line
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML section element with an accessible name (aria-label) | partial | partial | partial | partial | supported | supported | supported | supported | partial | supported | supported |
Expectation: provide shortcuts to jump to this role
Rationale:
Screen reader users might want to quickly navigate to elements of this type.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML section element with an accessible name (aria-label) | supported | supported | unknown | supported | supported | supported | supported | supported | supported | supported | supported |
Related features
These are features that are usually used in combination with this feature.
option element (html)
Dragon | JAWS | Narrator | NVDA | Orca | TalkBack | Voice Access | VC iOS | VC MacOS | VoiceOver (iOS) | VoiceOver (macOS) | Speech Recognition | Windows Voice Access | Windows | Mac | iOS | Android Keyboard |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
partial (1/6) | supported with 1 unknown result | partial (4/6) | partial (14/16) | partial (3/6) | supported with 1 unknown result | supported with 1 unknown result | no known support | partial (2/6) | partial (4/6) | partial (2/6) | partial (4/10) | unknown | unknown | unknown | unknown | unknown |
We are missing data on some combinations.
optgroup element (html)
Dragon | JAWS | Narrator | NVDA | Orca | TalkBack | Voice Access | VC iOS | VC MacOS | VoiceOver (iOS) | VoiceOver (macOS) | Speech Recognition | Windows Voice Access | Windows | Mac | iOS | Android Keyboard |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
unknown | no known support | no known support | partial (3/10) | no known support | partial (1/4) | unknown | unknown | unknown | partial (2/4) | partial (1/4) | unknown | unknown | unknown | unknown | unknown | unknown |