[Skip navigation links]
Login

AREA with ALT attribute and IMG with null ALT Screen reader compatibility

Last updated: April 7, 2019

Expected Result: works in a screen reader

Actual Result: causes problems in 2 screen reader / browser combinations

Code used for this test:


        <img src='1234.png' alt='' usemap='#area_alt_map3'>
        <map id='area_alt_map3' name='area_alt_map3'>
        <area alt='this is left alt text' coords='0,0,100,100' href='left_arrow.htm' target='frame1'></area>
        <area alt='this is right alt text' coords='200,0,300,100' href='right_arrow.htm' target='frame1'></area>
        </map>
    

Reliability Trend

This graph shows reliability over time for this code in NVDA, JAWS and Voiceover. Other screen readers don't have enough historical data yet to plot trends.

100%80%60%40%20%0%20140%20150%20160%20170%201882%

Change History

Last updated: April 7, 2019

Screen readerBrowserModeNotesWhat the user hears
OK NVDA 2018.4FF60 Reading Graphic link, this is left alt text. Graphic link, this is right alt text.
OK NVDA 2018.4FF60 Tabbing This is left alt text, link graphic. This is right alt text, link graphic.
OK NVDA 2018.4IE11 Reading Link, this is left alt text, link, this is right alt text
Fail NVDA 2018.4IE11 TabbingComplete silence when tabbing between AREAs.
Fail JAWS 2018.1811.2FF60 ReadingAlt ignored and link URL gibberish read out. Image map link graphic, left underline arrow. Image map link graphic, right underline arrow.
OK JAWS 2018.1811.2FF60 Tabbing Tab, graphic, this is left alt text, image map link graphic. Tab, this is right alt text, image map link graphic.
OK JAWS 2018.1811.2IE11 Reading Image map link, this is left alt text. Image map link, this is right alt text.
OK JAWS 2018.1811.2IE11 Tabbing Tab, this is left alt text, image map link. Tab, this is right alt text, image map link
OK VoiceOver macOS 10.13Safari 12.1 Reading Link, this is left alt text. Link, this is right alt text.
OK VoiceOver macOS 10.13Safari 12.1 Tabbing Link, this is left alt text. Link, this is right alt text.
OK VoiceOver iOS 11.4Safari iOS 11.4TouchLink role only announced when reading if owner IMG has null alt. This is left alt text, link. This is right alt text, link.

SortSite rules: AccWcag1-1.1.2

Test notes

All tests were carried out with screen reader factory settings. JAWS in particular has a wide variety of settings controlling exactly what gets spoken.

Screen readers allow users to interact in different modes, and can produce very different results in each mode. The modes used in these tests are:

In the «What the user hears» column: