跳至主要內容
What's New

9.14 WCAG 2.2 Success Criterion 2.4.7 - Focus Visible

When an interactive element (e.g. link, button, form field, etc.) receives focus, ensure that it is clear and a visual indicator should appear. For example, ensure that the cursor is easily visible within the text 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.

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.

The example above 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.

WCAG 2.2 Reference:

https://www.w3.org/WAI/WCAG22/Understanding/focus-visible