Screen readers read everything. The can’t see an image so the read the alt text in place of the image. That’s the reason for alt tag, for screen readers, also if the image fails to load for any browser the alt text is what will show.
If you have any chrome browser and want to try a screen reader out you can install ChromeVox Classic Extension. I will warn you that if it’s installed it’s on. You have to remove it to stop it.
If you want to test for all a11y(accessibility), then on any chrome browser try Accessibility Insights for Web.
- It will add a menu item to the browser (heart with looking glass).
- Open the page you want to test and click the “FastPass” option
- It will launch a new browser window with a summary of errors
- On the original page window(behind the summary), it will indicate where the error is located
- you can click on the error and get additional information, and inspect the HTML that has the error.
