1894352 - [Android Large Screen Optimized Tier 2] [a11y] Some accessible UI elements do not have focus state on some pages.

Status: NEW

(Firefox for Android :: Browser Engine, defect, P3)

Description

[Chris Peterson [:cpeterson]]

On each app screen that contains an interactive custom drawable, verify that the drawable can be focused using an external keyboard, D‑pad, or other device that enables views to be focused. Verify that a visual indication of the focused state is apparent.

Eng should apply focus state to all items.
UX needs to ensure all states exist and meet a11y guidelines.
Q/A should verify if there are other issues where issue exists.

See guideline ID LS-U4 and test T2-3 on:

https://developer.android.com/docs/quality-guidelines/large-screen-app-quality#large_screen_optimized

Comment 1

[Delia Pop (Android QA)]

Attachment: Tab Tray Tabbed nav Synced tab.mp4

As part of QA-2525 - Audit Android touch targets and focus states (Google Android audit), we’ve compiled in this document all instances in which the focus state was missing from the accessible UI elements (the App top bars from almost all Settings screens lack a focus state, along with several action buttons).

These are as follows:
Homepage / Browsing mode switcher icon (top right corner)
Homepage / Collections – Placeholder card 'x'
Homepage / Collections / More options / Add tab / Snackbar 'X tab selected' – Save button
Homepage / Powered by Pocket – Learn more link
Homepage / Browsing mode switcher icon (top right corner)
Homepage / Common myths about private browsing link
Tab Tray / Bottom sheet grabber - not sure if this should have a focus state
Tab Tray / Tabbed nav – Private tab icon
Tab Tray / Tabbed nav – Synced tab icon
Bookmarks / App bar top – Back icon
Bookmarks / App bar top – Search icon
Bookmarks / App bar top – New folder icon
Bookmarks / App bar top – Close icon
Bookmarks / Edit bookmark / App bar top – Back icon
Bookmarks / Edit bookmark / App bar top – Trash icon
Bookmarks / Edit bookmark / App bar top – Checkmark icon
Bookmarks / Add folder / App bar top – Back icon
Bookmarks / Add folder / App bar top – Checkmark icon
Bookmarks / Add folder / Select folder / App bar top – Back icon
Bookmarks / Edit folder / App bar top – Back icon
Bookmarks / Edit folder / App bar top – Trash icon
Bookmarks / Edit folder / App bar top – Checkmark icon
Bookmarks / Edit folder / App bar top – Input clear icon
Bookmarks / Edit folder / Select folder / App bar top – Back icon
Bookmarks / Edit folder / Select folder / App bar top – Add icon
Bookmarks / Selected state / App bar top – Back icon
Bookmarks / Selected state / App bar top – Share icon
Bookmarks / Selected state / App bar top – Ellipsis icon
Sync / App bar top – Back icon
Sync / 'Create one' / Sign in flow
Sync / Scan the code / App bar top – Back icon
Sync / Use email instead / Custom toolbar – Close icon
Sync / Use email instead / Custom toolbar – Lock icon
Sync / Use email instead / Custom toolbar – Refresh icon
Sync / Use email instead / Custom toolbar – Tab title
Sync / Use email instead / Custom toolbar – URL
History / App bar top – Back icon
History / App bar top – Search icon
History / App bar top – Trash icon
History / Recently closed tabs / App bar top – Back icon
History / Recently closed tabs / App bar top – Close icon
History / History group list item / App bar top – Back icon
History / History group list item / App bar top – Search icon
History / History group list item / App bar top – Trash icon
History / Selected state / App bar top – Back icon
History / Selected state / App bar top – Share icon
History / Selected state / App bar top – Ellipsis icon
History / Selected state / App bar top – More options context menu item
History / Selected state / Delete / Time range to delete dialog – Radio button list items
Downloads / App bar top – Back icon
Downloads / App bar top – Close icon
Download dialogue - close button
Download dialogue - Download button
Download complete dialogue - close button
Download complete dialogue - Open button
Downloads / Selected state / App bar top – Back icon
Downloads / Selected state / App bar top – Ellipsis icon
Settings / App bar top – Back icon
Settings / Search / App bar top – Back icon
Settings / Search / Manage alternative search engines / App bar top – Back icon
Settings / Search / Manage alternative search engines / Add search engine / App bar top – Back icon
Settings / Tabs / App bar top - Back icon
Settings / Homepage / Wallpaper / App bar top - Back icon
Settings / Homepage / Wallpaper / Learn more text link
Settings / Customize / App bar top - Back icon
Settings / Passwords / App bar top - Back icon
Settings / Passwords / Save logins and passwords / App bar top - Back icon
Settings / Passwords / Saved passwords / App bar top - Back icon
Settings / Passwords / Saved logins / App bar top - Saved logins dropdown
Settings / Passwords / Saved logins / App bar top - Search icon
Settings / Passwords / Saved logins / Add new login / App bar top - Back icon
Settings / Passwords / Saved logins / Add new login / App bar top - Check/Done icon
Settings / Passwords / Saved logins / Exceptions / App bar top - Back icon
Settings / Passwords / Saved logins / Selected login / App bar top – Ellipsis icon
Settings / Autofill / App bar top - Back icon
Settings / Autofill / Add address / App bar top - Back icon
Settings / Autofill / Add address / App bar top - Check icon
Settings / Autofill / Add address / Cancel text button
Settings / Autofill / Edit address / App bar top - Back icon
Settings / Autofill / Edit address / App bar top - Trash icon
Settings / Autofill / Edit address / App bar top - Check/Done icon
Settings / Autofill / Add address / Cancel text button
Settings / Autofill / Add address / Delete address text button
Settings / Autofill / Manage saved cards / App bar top - Back icon
Settings / Autofill / Manage saved cards / Add card / Cancel text button
Settings / Autofill / Manage saved cards / Edit card / App bar top - Back icon
Settings / Autofill / Manage saved cards / Edit card / App bar top - Trash icon
Settings / Autofill / Manage saved cards / Edit card / App bar top - Check icon
Settings / Autofill / Manage saved cards / Edit card / Delete card text button
Settings / Autofill / Manage saved cards / Add card / App bar top - Back icon
Settings / Autofill / Manage saved cards / Add card / App bar top - Check icon
Settings / Autofill / Manage saved cards / Edit card / Cancel text button
Settings / Accessibility / App bar top - Back icon
Settings / Language / App bar top - Back icon
Settings / Language / App bar top - Search icon
Settings / Translations/ App bar top - Back icon
Settings / Translations/ Translation preferences / Automatic translation / App bar top - Back icon
Settings / Translations/ Translation preferences / Never translate these sites / App bar top - Back icon
Settings / Translations/ Translation preferences / Download languages / App bar top - Back icon
Settings / Private Browsing / App bar top - Back icon
Settings / HTTPS-Only Mode / App bar top - Back icon
Settings / ETP / App bar top - Back icon
Settings / Site permissions all pages / Exceptions / App bar top - Back icon
Settings / Site permissions all pages / Exceptions / with site permission exceptions list - Back button
Settings / Delete browsing data / App bar top - Back icon
Settings / Delete browsing data on quit / App bar top - Back icon
Settings / Data collection / App bar top - Back icon
Settings / Data collection / Studies / App bar top - Back icon
Settings / Extensions / App bar top - back button
Settings / Extensions / Extension details page - Permissions
Settings / Open links in apps / App bar top - Back icon
Settings / About Firefox / Libraries that we use - App bar top - Back icon
Website / 3 dot menu (main menu) / Extensions / context menu list / Installed extension - details page
Translations bottom sheet / Bottom sheet grabber
Translations bottom sheet / Gear (Settings) / Bottom sheet grabber
Select address prompt
Use saved cards prompt
Saved passwords prompt
Snackbars / Snackbars - action buttons (e.g. UNDO)

Testing was done using Nightly 131.0a1 on Samsung Galaxy S23 Ultra (Android 14). An external keyboard was used to test the Focus States.