SearchLanguageMobile menu

OGCIO

9.8 Level AA − WCAG 2.0 Success Criterion 2.4.7 − Focus Visible

When a "text field" is selected, ensure it is clear that the focus has been moved into the "text field". For example, ensure the cursor is easily visible within the field so that users know where to begin typing.

Before Rectification

A web form sample in which it is not clear which field is selected.

In the image above, there is no way to determine which field has the focus.

After Rectification

A web form sample with the cursor indicated to provide visual feedback of the user's position in the form.

This image ensures that the vertical bar is visible. This shows that the focus is currently on the second field, and this helps those users with low vision or visual impairments determine where they are on a webpage.

Link to Live Example for 2.4.7

WCAG 2.0 Reference:

http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html