Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] Add focus indicator style guidance #2132

Open
hellogreg opened this issue Jan 16, 2025 · 0 comments
Open

[docs] Add focus indicator style guidance #2132

hellogreg opened this issue Jan 16, 2025 · 0 comments
Assignees
Labels
docs Improvements or additions to documentation

Comments

@hellogreg
Copy link
Collaborator

hellogreg commented Jan 16, 2025

Because we currently have so many disparate keyboard focus styles across our site system (dashed/dotted/solid/inset outlines, background highlights, text color changes, etc.), we're standardizing these indicators to align with WCAG 2.2's recommendation:

Solid, offset outlines of at least 2px with at least 3:1 background/adjacent contrast

We need to craft some verbiage, add some relevant imagery, find a logical home for this at ux.redhat.com, and get the word out to our designers and engineers.

We've already got some documentation on this topic strewn across the site (e.g. the CTA Styles page), some of which we can consolidate for this issue.

References:

Focus style as-is and proposed to-be

@hellogreg hellogreg added the docs Improvements or additions to documentation label Jan 16, 2025
@hellogreg hellogreg added this to the 2025/Q1 — Cubone release milestone Jan 16, 2025
@hellogreg hellogreg self-assigned this Jan 16, 2025
@hellogreg hellogreg moved this from Backlog to Todo in Red Hat Design System Jan 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to documentation
Projects
Status: Todo
Status: Todo
Development

No branches or pull requests

1 participant