1. 21
    Test for Image Alternative Text Accessibility Issues
    1m 41s

Test for Image Alternative Text Accessibility Issues

InstructorErin Doyle

Share this video with your friends

Send Tweet

We have a number of options to use when testing for accessibility issues concerning alternative text for images. The react-axe library and axe browser extension will both report when an image is missing alternative text. The tota11y browser extension will annotate any images that are missing alternative text. Running eslint with the eslint-plugin-jsx-a11y plugin installed will report on any <img> elements missing an alt attribute. Finally, we can use a screen reader to actually hear what is read when an image has focus.