Bug 1960968 Comment 0 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Original comment by
on 
### Steps to reproduce
1. Have TalkBack running
2. Open Firefox and navigate to the Settings > Bookmarks menu
3. Select a directory or a bookmark by a long-tap on it
4. Observe the visual appearance of the selection mode on Bookmarks

### Expected behavior
1. All essential parts of UI (all text and each meaningful image like an icon for an image button) are readable and easy to discern.

### Actual behavior
1. `access-S2` item: `X Selected` text in the selected header - 3.11:1 color contrast for the white on purple is not sufficient, 4.5:1 or higher is expected.
2. `access-S4` items: Image buttons like a checkmark next to the selected item, and selected header's Back, Edit, Move, More options have color contrast that is WCAG-compliant (3.11:1 while 3:1 is the minimum requirement by the WCAG 2.2 for an essential graphics) but it is hard to discern.
2. Note: Similar issue is reported in bug 1883627. In both cases there is some text (`X selected`) involved, thus a text contrast is required to be 4.5:1 or more in color contrast for readability in WCAG 2.x. But it would improve the experience for the non-text essential graphics (like icon buttons) as well:
    1. Foreground: #FFFFFF
    1. Background: #AB71FF
    1. The contrast ratio is: 3.2:1 (3.11:1)
    1. 1.4.3 Contrast (Minimum) (AA)- Fail for regular text
    1. 1.4.11 Non-text Contrast (AA) - Pass for UI components and graphical objects (passing at 3:1 which is very close to the current color combination)
3. Remediation note: using the same darker purple shade #7541E5 as is used in the Search button would provide sufficient for WCAG compliance color contrast of 5.8:1 for both text and graphics.

### Device information

* Firefox version: Firefox Nightly 139.0a1 (build #2016084991)
* Android device model: Samsung Galaxy A54 5G
* Android OS version: 14

### Any additional information?
refer to the notes in the Actual behavior above
Revision 1 by
on 
### Steps to reproduce
1. Open Firefox and navigate to the Settings > Bookmarks menu
1. Select a directory or a bookmark by a long-tap on it
1. Observe the visual appearance of the selection mode on Bookmarks

### Expected behavior
1. All essential parts of UI (all text and each meaningful image like an icon for an image button) are readable and easy to discern.

### Actual behavior
1. `access-S2` item: `X Selected` text in the selected header - 3.11:1 color contrast for the white on purple is not sufficient, 4.5:1 or higher is expected.
2. `access-S4` items: Image buttons like a checkmark next to the selected item, and selected header's Back, Edit, Move, More options have color contrast that is WCAG-compliant (3.11:1 while 3:1 is the minimum requirement by the WCAG 2.2 for an essential graphics) but it is hard to discern.
2. Note: Similar issue is reported in bug 1883627. In both cases there is some text (`X selected`) involved, thus a text contrast is required to be 4.5:1 or more in color contrast for readability in WCAG 2.x. But it would improve the experience for the non-text essential graphics (like icon buttons) as well:
    1. Foreground: #FFFFFF
    1. Background: #AB71FF
    1. The contrast ratio is: 3.2:1 (3.11:1)
    1. 1.4.3 Contrast (Minimum) (AA)- Fail for regular text
    1. 1.4.11 Non-text Contrast (AA) - Pass for UI components and graphical objects (passing at 3:1 which is very close to the current color combination)
3. Remediation note: using the same darker purple shade #7541E5 as is used in the Search button would provide sufficient for WCAG compliance color contrast of 5.8:1 for both text and graphics.

### Device information

* Firefox version: Firefox Nightly 139.0a1 (build #2016084991)
* Android device model: Samsung Galaxy A54 5G
* Android OS version: 14

### Any additional information?
refer to the notes in the Actual behavior above

Back to Bug 1960968 Comment 0