material-components / material-components/material-components-android
[Top App Bar] Accessibility Focus Order Validation
Nobody has claimed this yet.
- Dominant language
- Java
- Stars
- 17.4k
- Forks
- 3.2k
- PR merge metrics
- No merged PRs in 30d
Description
**Description:**
Our accessibility team filed bugs against our collapsing top app bars with the feedback that when using TalkBack the Navigation Icon should be ready before the title, but instead the title is read first. I tested with the vanilla Material components and found the same behavior here. Is this intentional? Do we have documentation around this decision?
**Expected behavior:** Screenshots and/or description of expected behavior
Navigation Icon read first, then Title, then actions (LTR focusing?)
**Source code:** The code snippet which is causing this issue
https://github.com/material-components/material-components-android/blob/master/catalog/java/io/material/catalog/topappbar/TopAppBarCollapsingMediumWithSubtitleDemoFragment.java
**Minimal sample app repro:** Please consider attaching a minimal sample app that reproduces the issue. This will help narrow down the conditions required for reproducing the issue, and it will speed up the bug fix process. You may attach a zip file of the sample app or link to a GitHub repo that contains the sample app.
Material Components Catalog App -> Top App Bar -> Collapsing Demo (Medium)
**Material Library version:** Material Android Library version you are using here (e.g., 1.1.0-alpha07)
Main branch
**Device:** Device on which the bug was encountered here
Pixel 8 Pro API 34
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with catalog/java/io/material/catalog/topappbar/TopAppBarCollapsingMediumWithSubtitleDemoFragment.java and reproduce the Collapsing Demo (Medium) on the Pixel 8 Pro API 34 setup using TalkBack. Compare the observed order with the requested Navigation Icon, Title, then actions order, and determine whether the behavior is intentional or needs documentation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, java
- Domain
- accessibility, mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100