aria-flowto attribute (aria)
Screen Reader support level: partial (10/44)
On this page
- About this feature
- Age of results
- Expectations
- convey the presence of the flowto attribute
- convey that another element flows to the current element
- let a user navigate to referenced element(s). If the there are multiple targets, the user MUST be able to choose which one to navigate to.
- let a user navigate to elements that target the current element. If this functionality is provided and the there are multiple targeting elements, the user must be able to choose which one to navigate to.
- Related tests
- Is something not right?
About this feature
Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.
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 5 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 presence of the flowto attribute | supported | supported | supported | none | none | none | none | none | none | none | none |
| MUST convey that another element flows to the current element | supported | supported | supported | none | none | none | none | none | none | none | none |
| MUST let a user navigate to referenced element(s). If the there are multiple targets, the user MUST be able to choose which one to navigate to. | supported | supported | partial | partial | none | none | none | none | none | none | none |
| MUST let a user navigate to elements that target the current element. If this functionality is provided and the there are multiple targeting elements, the user must be able to choose which one to navigate to. | supported | supported | partial | none | none | none | none | none | none | none | none |
Expectation: convey the presence of the flowto attribute
Rationale:
A user needs to understand that the current element flows to another element so that they can invoke the functionality.
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 | |
| aria-flowto test applied to: div element | supported | supported | supported | none | none | none | none | none | none | none | none |
Expectation: convey that another element flows to the current element
Rationale:
The reading order goes both directions, and a user needs to be aware of the alternate reading order so that they can invoke the functionality.
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 | |
| aria-flowto test applied to: div element | supported | supported | supported | none | none | none | none | none | none | none | none |
Expectation: let a user navigate to referenced element(s). If the there are multiple targets, the user MUST be able to choose which one to navigate to.
Rationale:
A user needs to be able to follow the alternate reading order.
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 | |
| aria-flowto test applied to: div element | supported | supported | partial | partial | none | none | none | none | none | none | none |
Expectation: let a user navigate to elements that target the current element. If this functionality is provided and the there are multiple targeting elements, the user must be able to choose which one to navigate to.
Rationale:
The reading order goes both directions, and a user needs to be able to travel backwards through their chosen reading order.
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 | |
| aria-flowto test applied to: div element | supported | supported | partial | none | none | none | none | none | none | none | none |