Focus indicators not visible enough

cds-snc / notification-planning

Project planning for GC Notify Team

5 stars 0 forks source link

Focus indicators not visible enough #1469

Open amazingphilippe opened 9 months ago

amazingphilippe commented 9 months ago

Description of issue

The custom focus indicator on the Team members page may not be visible to some users. The indicator has a contrast ratio of 1.64:1 with the surrounding white background and 1.24:1 with the grey button.

Potential fix

Design more contrasty focus indicators.
Implement all at once, rather than slowly rolling out. Focus indicators should be predictable.

Resources

WCAG 2.2 focus appearance

amazingphilippe commented 5 months ago

Fragmentation of front-end code focus states. Make something that's easily themeable
Choose what color to use: Contrast, Branding, Align with platform