Skip To main content

Understand your digital accessibility & compliance status | Explore resources

2.4.7 Visible Focus (Level A)

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.