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)

Desktop
Windows 11
defect

Tracking

()

Accessibility Severity s3

People

(Reporter: ayeddi, Unassigned)

References

(Blocks 2 open bugs)

Details

(Keywords: access)

Attachments

(2 files)

STR:

  1. Activate system High Contrast Mode (Settings > Accessibility > Contrast Themes > (i.e. Night Sky) > Apply)
  2. Open the Firefox browser data:text/html, <input type="date"><input type="datetime-local">
  3. 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)
  4. 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)

Attached image 2022-10-25_HCM_Windows-Datepicker.png (deleted) —
Attached image 2022-10-25_HCM_Windows_spinner.png (deleted) —

Attached are screenshots taken on Windows 11 with HCM Night Sky theme enabled (and bug 1676068 patched locally)

Severity: -- → S3
Priority: -- → P3
Whiteboard: [access-s3]

From @Itiel's comment in Phab:

  1. For the td.weekend or td.outside case in HCM, the numbers color should be GrayText rather than reducing the opacity to 0.5.
  1. Back to HCM, the next/previous month arrow buttons should behave like normal buttons without the reduced opacity (so have a border when hovered).
  2. Also the ths shouldn't have reduced opacity on HCM
Accessibility Severity: --- → s3
Whiteboard: [access-s3]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: