Do you have the All-important Alt Text for Images?
Do you have the all-important ‘Alt Text’ for images - alternative text descriptions for images - on your website?
Including ‘Alt Text’ for functional images is essential to make your website accessible to the assistive technology used by blind and sight-impaired site visitors.
Here is a guide to show you how to test if you have Alt Text on your site and what to do if you haven't.
Test your Website Images for Alt Text
Download the ‘Extension’ ➣Web Developer➣ from your browser’s Add-on/Extension Store.
Chrome ➣ click on the three vertical dots in the right-hand top corner of your browser window ➣ find “More Tools” ➣ Extensions ➣ type “Web Developer” in the search bar ➣ download.
Firefox ➣ click on the three horizontal lines in the right-hand top corner of your browser window ➣ find “Add-ons” ➣ type “Web Developer” in the search bar ➣ download.
Unfortunately, this magic tool is not available for the Edge browser.
Click on the ⚙️ icon on the right-hand side of the browser address bar.
❓ How to find ‘Functional Images’
Click on ‘Images’ ➣ then ‘Hide Images’
➣ Note where the functionality of the site is impaired by missing images.
➣ Click on ❌ beside ‘Hide Images” to restore the site’s images.
❓ Establish if images already have ‘Alt Text’
Still in the Image tab ➣ Click on ‘Display Alt Attributes’
➣ Can you see the label alt=”individual description of image” near each of the important images you have identified earlier?
Repeat for each web page.
If you have found that the ‘Alt Text’ is missing, you must add this to make your site accessible.
A Good Example of Image Alt Text Use
Take Action to fix Alt Text for Images
Contact your web developer and ask him to add the Alt Text to all the important images on your site.
Alternatively, get in touch with us for further action or advice.