CARVIEW |
Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.
table element (html)
Screen Reader support level: supported
On this page
About this feature
Age of results
Results across all tests for this feature range from 4 years ago to 7 years ago. Detailed dates and version information can be found in associated tests.
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 | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
MUST convey the boundaries of the table | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey its role
Rationale:
A user needs to be aware that they are navigating a table.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- A screen reader might announce an element as something like "<name>, <role>"
- A screen reader might imply the role by the presence of certain context roles
- Voice Control software might let the user say something like "click, <role>".
- Voice Control software might let the user say something like "show numbers", and interactive roles will be flagged with numbers.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML td element with a row header (th[scope="row"]) | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Example 1: Table with header cells in the top row only | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey the boundaries of the table
Rationale:
A user needs to know when they enter and exit an element
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- 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 td element with a row header (th[scope="row"]) | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Example 1: Table with header cells in the top row only | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Related features
These are features that are usually used in combination with this feature.
td 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 | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | unknown | unknown | unknown | supported with 1 unknown result | supported with 1 unknown result | unknown | unknown | unknown | unknown | unknown | unknown |
th 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 | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | unknown | unknown | unknown | supported with 1 unknown result | supported with 1 unknown result | unknown | unknown | unknown | unknown | unknown | unknown |
Tests
Test | Last update |
---|---|
HTML td element with a row header (th[scope="row"]) | 2021-08-07 |
Example 1: Table with header cells in the top row only | 2021-07-30 |
Is something not right?
We use our GitHub repository to manage our issue tracking. Please provide as much information as you can for issues, and please leave the id in the issue title intact.
Create an issue for this feature