Skip to content

USWDS - Bug: Date picker icon does not have visible focus indicator in high contrast mode #5535

@mahoneycm

Description

@mahoneycm

Summary

The focus indicator is not visible around the calendar icon in Windows high contrast mode.

Observations

User was unable to see the focus indicator on the calendar icon while in high contrast mode. Here is their tech setup:

  • Chrome browser on PC
  • Used high contrast setting on desktop. Personalization --> High contrast: toggle ON
  • Three extensions installed for color inversion or dark themes:
    • ZoomText Smart Invert: See photos in their natural cfolors when using ZoomText Invert Brightness or Invert Color effect
    • High contrast: Change or invert the color scheme to make webpages easier to read
    • Special dark: Darkens bright pages. Love your eyes and you power bill.
  • Assistive technology: Fusion, a combination of ZoomText and JAWS. Note: User ONLY used keyboard navigation and screen magnification and did not use JAWS screen reader

Affected user groups

  • High contrast/forced colors mode

Research method

1-hour 20 minute moderated usability testing sessions conducted via video conference.

More details in the findings report (Google docs 🔒).

Next steps

  • Create style fix for the focus indicator when in forced colors/high contrast mode.

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions