There's a faster version of egghead. Click here to try it.
Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account

    Test for Form Control Label Accessibility Issues


    Our accessibility auditing toolkit makes it very easy for us to test for any form controls that are missing labels or are not correctly associated with their labels. Running Eslint with the eslint-plugin-jsx-a11y installed will show us any form controls with missing or unassociated labels. Running react-axe or using axe to audit a web page will similarly list any of these findings. Finally using tota11y we can annotate any form controls on a page that are missing labels. This is definitely some of the lower hanging fruit that we can easily find and fix when making our applications accessible!