aria-sort attribute (aria)
Screen Reader support level: partial (33/55)
On this page
- About this feature
- Age of results
- Expectations
- convey the 'ascending' value
- convey the 'descending' value
- convey the 'none' value either by omitting any sort information or by indicating that the header is unsorted but sortable
- convey the 'none' value by indicating that the header is unsorted but sortable
- convey the 'other' value
- convey changes to the sort value
- Related tests
- Is something not right?
About this feature
Indicates if items in a table or grid are sorted in ascending or descending order.
Age of results
Results across all tests for this feature range from 3 years ago to 4 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 the 'ascending' value | supported | unknown | supported | supported | supported | supported | supported | none | none | supported | supported |
MUST convey the 'descending' value | supported | unknown | supported | supported | supported | supported | supported | none | none | supported | supported |
MUST convey the 'none' value either by omitting any sort information or by indicating that the header is unsorted but sortable | supported | unknown | supported | supported | supported | supported | supported | supported | supported | supported | supported |
SHOULD convey the 'none' value by indicating that the header is unsorted but sortable | none | unknown | none | none | none | none | none | none | none | none | none |
MUST convey the 'other' value | supported | unknown | supported | supported | supported | supported | supported | none | none | none | none |
MUST convey changes to the sort value | none | unknown | supported | none | none | none | none | none | none | none | none |
Expectation: convey the 'ascending' value
Rationale:
Screen reader users need to be aware that the data associated with the header is currently sorted in ascending order.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- Screen readers will convey the 'ascending' value as something like "sorted ascending" or "sort up" when navigating to the header or one of its cells.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
aria-sort test applied to: th element | supported | unknown | supported | supported | supported | supported | supported | none | none | supported | supported |
Expectation: convey the 'descending' value
Rationale:
Screen reader users need to be aware that the data associated with the header is currently sorted in descending order.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- Screen readers will convey the 'descending' value as something like "sorted descending" or "sort down" when navigating to the header or one of its cells.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
aria-sort test applied to: th element | supported | unknown | supported | supported | supported | supported | supported | none | none | supported | supported |
Expectation: convey the 'none' value either by omitting any sort information or by indicating that the header is unsorted but sortable
Rationale:
Screen reader users need to be aware that the data associated with the header is not currently sorted. They may also benefit from knowing that the data is sortable.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- Screen readers will convey the 'none' value by omitting any sort announcements when navigating to the header or one of its cells.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
aria-sort test applied to: th element | supported | unknown | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey the 'none' value by indicating that the header is unsorted but sortable
Rationale:
Developers may use the 'none' value to indicate to screen reader users that a header is sortable but currently unsorted. However, this behavior is not broadly adopted across screen readers and may diverge from the normative ARIA spec.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
Notes:
For more information, see #133
Examples:
- Screen readers may convey the 'none' value by indicating that the header is sortable but omitting a current sort direction.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
aria-sort test applied to: th element | none | unknown | none | none | none | none | none | none | none | none | none |
Expectation: convey the 'other' value
Rationale:
Screen reader users need to be aware that the data associated with the header is currently sorted in something other than ascending or descending order.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- Screen readers will convey the 'other' value as something like "sorted" or "sorted other" when navigating to the header or one of its cells.
Expectation: convey changes to the sort value
Rationale:
The user needs to know that the value was successfully changed.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- Screen readers will convey the new sort value after activating a button to change the sort direction.