AREA with TITLE attribute Screen reader compatibility

Last updated: October 16, 2016

Expected Result: works in a screen reader

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

Code used for this test:


        <img src='1234.png' alt='this is alt text' usemap='#area_title_map1'>
        <map id='area_title_map1' name='area_title_map1'>
        <area title='this is left title text' coords='0,0,100,100' href='left_arrow.htm' target='frame1'></area>
        <area title='this is right title 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, WindowEyes and Voiceover. Other screen readers don't have enough historical data yet to plot trends.

100%80%60%40%20%0%201346%201446%201554%201654%

Change History

Last updated: October 16, 2016

Screen readerBrowserModeNotesWhat the user hears
Fail NVDA 2016.2FF48 ReadingNo indication AREA links exist Graphic, this is alt text.
Fail NVDA 2016.2FF48 TabbingLink URLs read out each time user tabs. Slash left arrow dot HTM, link. Slash right arrow dot HTM, link.
OK NVDA 2016.2IE11 Reading Graphic, this is alt text, link, this is left title text, link, this is right title text
Fail NVDA 2016.2IE11 TabbingComplete silence when tabbing between AREAs.
Fail NVDA 2015.2FF41 ReadingNo indication AREA links exist Graphic, this is alt text, this is alt text
Fail NVDA 2015.2FF41 TabbingLink URLs read out each time user tabs. Slash left arrow dot HTM, link. Slash right arrow dot HTM, link.
OK NVDA 2015.2IE11 Reading Graphic, this is alt text, link, this is left title text, link, this is right title text
Fail NVDA 2015.2IE11 TabbingComplete silence when tabbing between AREAs.
Fail NVDA 2014.1FF28 Readingreads out URL instead of title graphic, this is alt text, link, slash left arrow dot HTM
Fail NVDA 2014.1FF28 Tabbingreads out URL instead of title, and nothing read after tabbing to second area element This is alt text, link, slash left arrow dot HTM, graphic
OK NVDA 2014.1IE11 Reading graphic, this is alt text, link, this is left title text, link, this is right title text
Fail NVDA 2014.1IE11 TabbingSilence when tabbing to AREA links - no indication of image map role or name
Fail NVDA 2012.1FF28 Readingreads out URL instead of title graphic, this is alt text, link, slash left arrow dot HTM
Fail NVDA 2012.1FF28 Tabbingreads out URL instead of title, and nothing read after tabbing to second area element This is alt text, link, slash left arrow dot HTM, graphic
OK NVDA 2012.3IE11 Reading graphic, this is alt text, link, this is left title text, link, this is right title text
Fail NVDA 2012.3IE11 TabbingSilence when tabbing to AREA links - no indication of image map role or name
Fail JAWS 17.0.2619FF48 ReadingReads out URL instead of title, and no indication of links Graphic, this is alt text. Graphic, left underline arrow dot HTM. Graphic, right underline arrow dot HTM.
OK JAWS 17.0.2619FF48 Tabbing This is alt text graphic, this is left title text, image map. This is right title text, image map.
OK JAWS 17.0.2619IE11 Reading Graphic, this is alt text. Image map link, this is left title text. Image map link, this is right title text
OK JAWS 17.0.2619IE11 Tabbing This is left title text, image map link. This is right title text, image map link.
Fail JAWS 16.0.4350FF41 ReadingReads out URL instead of title, and no indication of links Graphic, left underline arrow dot HTM right underline arrow dot HTM. Graphic, left underline arrow dot HTM. Graphic, right underline arrow dot HTM
OK JAWS 16.0.4350FF41 Tabbing This is alt text graphic, this is left title text, image map. This is right title text, image map.
OK JAWS 16.0.4350IE11 Reading Graphic, this is alt text. Image map link, this is left title text. Image map link, this is right title text
OK JAWS 16.0.4350IE11 Tabbing This is left title text, image map link. This is right title text, image map link.
Fail JAWS 15.0.9023FF29 ReadingReads out URL instead of title, and no indication of links Graphic, left underline arrow dot HTM right underline arrow dot HTM. Graphic, left underline arrow dot HTM. Graphic, right underline arrow dot HTM
Fail JAWS 15.0.9023FF29 TabbingReads out link URL instead of title, silence on second tab Left underline arrow dot, right underline arrow dot HTM, image map.
OK JAWS 15.0.9023IE11 Reading Graphic, this is alt text. Image map link, this is left title text. Image map link, this is right title text
OK JAWS 15.0.9023IE11 Tabbing This is left title text, image map link. This is right title text, image map link.
Fail JAWS 14.0.9002FF29 Readingreads out URL instead of title, and no indication of links graphic, left underscore arrow dot HTM right underscore arrow dot HTM, graphic, left underscore arrow dot HTM, graphic, right underscore arrow dot HTM
Fail JAWS 14.0.9002FF29 Tabbingreads out link URL instead of title, silence on second tab left underscore arrow dot HTM right underscore arrow dot HTM, image map, right underscore arrow dot HTM
OK JAWS 14.0.9002IE11 Reading graphic, this is alt text, image map link, this is left title text, image map link, this is right title text
OK JAWS 14.0.9002IE11 Tabbing This is left title text, image map link, this is right title text, image map link
Fail JAWS 13.0.852FF28 Readingno indication of image map links graphic, this is alt text
Fail JAWS 13.0.852FF28 Tabbingwrong alt read out when tabbing This is alt text, graphic, for first area, silence for second area
OK JAWS 13.0.852IE11 Reading graphic, this is alt text, image map link, this is left title text, image map link, this is right title text
OK JAWS 13.0.852IE11 Tabbing This is left title text, image map link, this is right title text, image map link
OK WindowEyes 9.2IE11 Reading This is alt text. Link, this is left title text. Link, this is right title text
OK WindowEyes 9.2IE11 Tabbing Link, this is left title text. Link, this is right title text
OK WindowEyes 8.4IE11 Reading This is alt text, link, this is left title text, link, this is right title text
Fail WindowEyes 8.4IE11 TabbingSilence when tabbing to AREA links - no indication of image map role or name
OK VoiceOver OSX 10.11Safari 9.1.2 Reading This is alt text, image map. Interact with: this is alt text, image map, 2 items, link, this is left title text. Link, this is right title text
Fail VoiceOver OSX 10.11Safari 9.1.2 TabbingIMG ALT text read out instead of AREA TITLE for first AREA link This is alt text, image map. Link, this is right title text
OK VoiceOver OSX 10.10Safari 8.0.6 Reading This is alt text, image map. Interact with: this is alt text, image map, 2 items, link, this is left title text. Link, this is right title text
OK VoiceOver OSX 10.10Safari 8.0.6 Tabbing Link, this is left title text. Link, this is right title text
OK VoiceOver OSX 10.9Safari 7.0.3 Reading This is alt text, image map. Interact with: this is alt text, image map, 2 items, link, this is left title text. Link, this is right title text
OK VoiceOver OSX 10.9Safari 7.0.3 Tabbing Link, this is left title text. Link, this is right title text
Fail VoiceOver iOS 9.1Safari iOS 9.1TouchVery hard to find AREA links because image map links are not announced when reading. It is possible to find them by minesweeping, but there are no audible cues to tell the user they're missing links. This is alt text.
Fail VoiceOver iOS 8.4Safari iOS 8.4TouchVery hard to find AREA links because image map links are not announced when reading. It is possible to find them by minesweeping, but there are no audible cues to tell the user they're missing links. This is alt text.
Fail VoiceOver iOS 7.1Safari iOS 7.1TouchVery hard to find AREA links because image map links are not announced when reading. It is possible to find them by minesweeping, but there are no audible cues to tell the user they're missing links. This is alt text.
Fail Dolphin SR 15.05IE11 ReadingNo link labels read for AREA This is alt text. Link. Link.
Fail Dolphin SR 15.05IE11 TabbingNo link labels read Link. Link.
OK SaToGo 3.4.96.0IE11 Reading link, this is left title text, link, this is right title text
OK SaToGo 3.4.96.0IE11 Tabbing This is left title text, link, this is right title 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: