Focus Styles

Focus Preview

SC 2.4.11 WCAG 2.2 Draft

AA
AAA
Link

Understanding Focus Appearance

Many people can't or don't use a mouse and instead navigate with a keyboard, keyboard emulator, or other input device. Keyboard accessibility is foundational to digital accessibility.

When designing interfaces, consider how you may help alleviate fatigue in users with motor disabilities relying on good keyboard accessibility by providing a sufficiently-visible indicator to show them which element is currently receiving focus.

About wtfoc.us

This project was created to support a white paper submission to ICT Accessibility Testing Symposium by Claudio Luis Vera, Marcelo Paiva, and Marcello Paiva

Concept by @modulist, design by @mpaiva, code by @MarcelloPaiva

Additional contributions by the GitHub community.

Follow development, submit issues and patches on our Github repository.