Open
Bug 1907827
Opened 2 months ago
Updated 1 month ago
Opening Text and Layout drop-downs using keyboard navigation will show incorrect background color
Categories
(Toolkit :: Reader Mode, defect, P3)
Tracking
()
NEW
Accessibility Severity | s3 |
People
(Reporter: danibodea, Unassigned, NeedInfo)
References
(Blocks 1 open bug)
Details
(Keywords: access)
Attachments
(1 file)
91.08 KB,
image/png
|
Details |
Note
- When the user navigates to the Text and Layout panel and opens the drop-downs Font or Font Weight drop-downs using keyboard navigation, he will notice that a wrong background color is rendered for the drop-downs.
- A different background color is rendered when opening these drop-downs using cursor navigation. It appears as if the "hover-effect" color is shown when using the cursor and the "non-hover" color is shown when using keyboard navigation.
Found in
- Beta v129.0b2
Affected versions
- Nightly v 130.0a1
- Beta v129.0b3
Tested platforms
- Affected platforms: all
- Unaffected platforms: none
Steps to reproduce
- Load an article that supports Reader View.
- Enter Reader View mode.
- Using the cursor, navigate to Text and Layout panel and open the Font or Font Wieght drop-down. Then close it.
- Using keyboard navigation open any of the drop-downs.
Expected result
- An incorrect background color is displayed.
Actual result
- The same background color is displayed.
Regression range
- not a regression, since implementation.
Additional notes
- This issue occurs on all OSes, in all combinations of Browser Theme and Reader View Theme, but some are more obvious than others:
Browser Dark Theme + Reader View Auto - obvious
Browser Dark Theme + Reader View Light - obvious
Browser Dark Theme + Reader View Dark - obvious
Browser Dark Theme + Reader View Sepia - obvious
Browser Dark Theme + Reader View Contrast - obvious
Browser Dark Theme + Reader View Gray - obvious
Browser Light Theme + Reader View Auto - yes, but small difference
Browser Light Theme + Reader View Light - yes, but small difference
Browser Light Theme + Reader View Dark - obvious
Browser Light Theme + Reader View Sepia - yes, but small difference
Browser Light Theme + Reader View Contrast - obvious
Browser Light Theme + Reader View Gray - yes, but small difference
Updated•2 months ago
|
Priority: -- → P3
Comment 1•1 month ago
|
||
Marking access-s3. It looks like the incorrect background colors in the given example leave us with text color #F7FBFE on background #55555F, which is still passing WCAG AAA (at a ratio of 7.08). The more concerning thing about this from an accessibility perspective is what we're communicating - it seems that we're losing the info we try to communicate with hover state.
Accessibility Severity: --- → s3
Comment 2•1 month ago
|
||
The severity field for this bug is set to S4. However, the accessibility severity is higher, .
:Gijs, could you consider increasing the severity?
For more information, please visit BugBot documentation.
Flags: needinfo?(gijskruitbosch+bugs)
You need to log in
before you can comment on or make changes to this bug.
Description
•