Interactive elements being focusable is vital for website accessibility. It enables users, including those using assistive technologies, to interact effectively with the website. Without this, some users may be unable to access certain features, leading to a poor user experience and potential non-compliance with accessibility standards.

Why is this an issue?

Lack of focusability can hinder navigation and interaction with the website, resulting in an exclusionary user experience and possible violation of accessibility guidelines.

How to fix it

Ensure that all interactive elements on your website can receive focus. This can be achieved by using standard HTML interactive elements, or by assigning a tabindex attribute of "0" to custom interactive components.

Code examples

Noncompliant code example


Submit


Next page

Compliant solution


Submit


 Next page 

Resources

Documentation