SearchLanguageMobile menu

OGCIO

8.10 Level A − WCAG 2.0 Success Criterion 2.1.1 − Keyboard

Ensure all content and functions can be accessed via a keyboard.  For example, ensure content and functionalities are accessible through the Tab key or the Enter key.

Before Rectification

A webpage sample containing multiple form fields.

In the webpage above, people using a keyboard may not be able to navigate to the help function provided.

A line of HTML code containing a JavaScript onClick function.

This extract from the HTML code shows that it can only be accessed with a mouse.

After Rectification

A line of HTML code in which an onkeypress function has been added to the HTML code in addition to the onClick function.

The code needs to be changed to allow users to access all content and functions with a keyboard.

Link to Live Example for 2.1.1

WCAG 2.0 Reference:

http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-keyboard-operable.html