Provide the necessary semantics for denoting tab bars for accessibility [web-only] #107861
Description
Presently, there seems to be no way to mark up custom tab bars with accessibility semantics. As a result, developers resort to simulating them by "stuffing" the accessibility lable with announcements such as:
"Notifications, tab 1 of 3"
Etc.
iOS, Android and web provide ways to denote tab bars to match native accessibility APIs for these platforms. SOme useful resources below:
- iOS: iOS accessibility tabBar trait, real-life implementation.
- Android: setRoleDescription API
- Web: ARIA tabpannel pattern
/CC @goderbauer
Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)Nothing broken; request for a new capabilityflutter/engine related. See also e: labels.flutter/packages/flutter repository. See also f: labels.Android applications specificallyiOS applications specificallyWeb applications specificallyIssue is closed as already fixed in a newer versionOwned by Engine teamTriaged by Engine team
Type
Projects
Status