Open
Bug 1797669
Opened 2 years ago
Updated 1 years ago
[Win][HCM] Datepicker from Input type=date and datetime-local to provide semantic HCM styles
Categories
(Toolkit :: Themes, defect, P3)
Tracking
()
NEW
Accessibility Severity | s3 |
People
(Reporter: ayeddi, Unassigned)
References
(Blocks 2 open bugs)
Details
(Keywords: access)
Attachments
(2 files)
STR:
- Activate system High Contrast Mode (Settings > Accessibility > Contrast Themes > (i.e.
Night Sky
) > Apply) - Open the Firefox browser
data:text/html, <input type="date"><input type="datetime-local">
- Open a Datepicker dialog (by clicking on any part of the date input or, after the 1676068 patch, on the Calendar button within the field)
- Observe colors and semantics of the widget (calendar and month-year spinner included)
Expected:
Colors and styling (incl. outlines for controls) to communicate the semantic meaning of each element by following the High Contrast Mode design guide to provide high color contrast and respect user HCM settings.
Actual:
Color used provide low contrast, ignoring the OS color palette. Styling of components is not semantic (colors, lack of outlines for active UI)
Reporter | ||
Comment 1•2 years ago
|
||
Reporter | ||
Comment 2•2 years ago
|
||
Attached are screenshots taken on Windows 11 with HCM Night Sky theme enabled (and bug 1676068 patched locally)
Updated•2 years ago
|
Updated•2 years ago
|
Whiteboard: [access-s3]
Reporter | ||
Comment 3•2 years ago
|
||
From @Itiel's comment in Phab:
- For the
td.weekend
ortd.outside
case in HCM, the numbers color should be GrayText rather than reducing the opacity to 0.5.
- Back to HCM, the next/previous month arrow buttons should behave like normal buttons without the reduced opacity (so have a border when hovered).
- Also the
th
s shouldn't have reduced opacity on HCM
Reporter | ||
Updated•2 years ago
|
Blocks: datetime-bugs
Updated•1 years ago
|
Accessibility Severity: --- → s3
Whiteboard: [access-s3]
You need to log in
before you can comment on or make changes to this bug.
Description
•