2.4.7 Visible Focus (Level A)
Table of contents
When an interactive element (link, button, form field, selectable element, etc.) receives focus, a visual indicator should show so the user can see what element they’re currently on.
What you need to know
- Style your website so that any interactive element shows visible focus when an element receives focus
- A focus indicator is often a rectangular box around a link or a vertical bar displayed in a text field.
- There are many different styles you can use to provide visible focus.
What you need to do
- Make sure that when someone tabs through your website, any interactive element (such as a link or form field) has a focus indicator of some kind.
- Make focus very clear and conspicuous by providing a strong, contrasting color for a box border or potentially highlighting an input field such as a search box.
Related Posts
1.3.1 Info and Relationships (Level A)
Structure your website so that content is read by a screen reader in the same way it's presented visually.
1.3.2 Meaningful Sequence (Level A)
Structure your website so that your content is presented in a logical order.
1.4.4 Resize Text (Level AA)
All text on your website should be able to be resized up to 200% without any loss of content or functionality on your website.