W3C Standards Website

Ensure Keyboard Navigation Works

So why make sure that the Website can be navigated using a keyboard

Ensuring keyboard navigation works is crucial for accessibility, allowing users with mobility or visual impairments—and anyone who prefers using a keyboard—to access and interact with all website features effectively


Some other points include


Examples of Good Keyboard Navigation vs. Bad Keyboard Navigation

Good Keyboard Navigation Example:

All interactive elements can be reached using the Tab key, and the button shows a visible focus outline.

Bad Keyboard Navigation Example:

The button has no visible focus outline, making it unclear when it is selected using the keyboard.


Click the cards below to learn more about each point!

Use Clear Text

Use Headings Properly

Ensure Sufficient Colour Contrast

Don't Rely on Colours Alone

Provide Alt Text for Images

Make Links Descriptive

Ensure Keyboard Navigation Works

Use Forms Carefully

Provide Captions for Videos

Avoid Auto-Playing Audio or Video