1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Test for Form Control Label Accessibility Issues

    eslintESLint

    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!