1. Home
  2. :
  3. WCAG Guidelines
  4. :
  5. 1.4.11 Non-Text Contrast – Level...
  6. :
  7. Do all clickable components have...

Do all clickable components have a focus indicator with a contrast of at least 3:1 against their background?

Goal

Ensure that users can find the focused item on the page.

Why it matters

People using the keyboard as their primary or only navigation input need to be able to see what they’re focusing on in order to act on it.

How to implement

Designer

Read Using color.

Developer

Ensure you implement focus state as directed by the Designer.

How to test

TBD