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?


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


Read Using color.


Ensure you implement focus state as directed by the Designer.

How to test