1931940 - [Toolbar Redesign] Accessibility engineering review

Status: ASSIGNED

(Fenix :: Toolbar, task)

Description

[Chris Peterson [:cpeterson]]

Description:

Please provide an explanation of the feature or change. Include a description of the user scenario in which it would be used and how the user would complete the task(s).
Screenshots and visual UI specs are welcome, but please include sufficient accompanying explanation so that blind members of the accessibility team are able to understand the feature/change.

We are implementing a new toolbar in Firefox Android (and iOS: bug 1926650).

Slide deck explaining the design changes

How do we test this?

If there is an implementation to test, please provide instructions for testing it; e.g. setting preferences, other preparation, how to trigger the UI, etc.

You will need to test using Firefox Nightly: https://play.google.com/store/apps/details?id=org.mozilla.fenix

The new toolbar is enabled for 50% of Nightly at this time. If you see a "double decker" toolbar (address bar and navigation bar), then you have the new toolbar. Otherwise, you will need to manually enable the new toolbar:

1. Enable debug mode: open the kebab menu, open the Settings menu (if see a gear icon at the top of the menu, tap it; otherwise scroll to the bottom of the kebab menu to tap "Settings"), and select "About Firefox Nightly", and tap on the Firefox logo five times.
2. Open the Settings menu again, scroll to the bottom, and select "Secret Settings".
3. Enable the "Enable Navigation Toolbar" setting and exit the menus.

QA has already filed some a11y bugs that we're working on: https://mzl.la/3AOnSlA

You can ask questions in our project Slack channel: #mobile-menu-toolbar-redesign

When will this ship?

Tracking bug/issue: bug 1894470
Design documents (e.g. Product Requirements Document, UI spec):

• Slide deck explaining the design changes
• Figma designs

Engineering lead: [e-mail]
Product manager: [e-mail]
UX designer: [e-mail]

The accessibility team has developed the Mozilla Accessibility Release Guidelines which outline what is needed to make user interfaces accessible:
https://wiki.mozilla.org/Accessibility/Guidelines
Please describe the accessibility guidelines you considered and what steps you've taken to address them:

Describe any areas of concern to which you want the accessibility team to give special attention:

• Toolbar button access and readability of the URL