Loading Developer Playground

Loading ...

Skip to main content

Success Criterion · WCAG 2.4.13

Focus Appearance

When the keyboard focus indicator is visible, an area of the focus indicator meets all of the following: is at least as large as the area of a 2 CSS pixel thick perimeter of the unfocused component, and has a contrast ratio of at least 3:1 between the same pixels in the focused and unfocused states.

Level AAAWCAG 2.2Operable2.4 · Navigable
Copy button ready

Success criterion

What WCAG 2.4.13 requires

Summarized directly from the official Understanding document so teams can quote the requirement accurately.

All non-text content that is presented to users must expose an equivalent text-based alternative unless a documented exception applies.

Fast facts

Conformance level
Level AAA
WCAG version introduced
WCAG 2.2
Principle
Operable
Guideline
2.4 · Navigable

Implementation checklist

Capture progress and blockers

  • Document how this criterion impacts your product and note any exceptions.
  • Describe the user experience goal in plain language for designers and engineers.
  • List the components, templates, or workflows that must meet this requirement.
  • Capture manual and automated testing steps for future audits.

Testing ideas

Prove conformance with evidence

  • Pair automated linting with human review to verify visual, auditory, or temporal aspects.
  • Use assistive technology walkthroughs (screen reader, keyboard, switch, voice) to validate behavior.
  • Capture screenshots or recordings that demonstrate pass/fail conditions.

Related success criteria

More from Navigable (2.4)

View all criteria