material-components / material-components/material-components-android

[Top App Bar] Accessibility Focus Order Validation

Open
#4,693 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug Widget: TopAppBar
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.