area
with null alt
Screen reader compatibility
HTML
Sep 11, 2022
Expected Result: causes problems in some screen readers
Actual Result: causes problems in 135 screen reader / browser combinations
For expected failures, the results show which AT combos the failures affect. Results are recorded from the user's viewpoint, so describe the user impact of authoring errors.
Code used for this test:
<img src='1234.png' alt='' usemap='#area_nullalt_map1'>
<map id='area_nullalt_map1' name='area_nullalt_map1'>
<area alt='' coords='0,0,100,100' href='left_arrow.htm' target='frame1'></area>
<area alt='' coords='200,0,300,100' href='right_arrow.htm' target='frame1'></area>
</map>
Change History
Last updated: September 11, 2022
- NVDA with Chrome Causes problems from NVDA 2018.4 to NVDA 2022.2
- NVDA with IE Causes problems from NVDA 2014.1 to NVDA 2019.2
- NVDA with FF Causes problems from NVDA 2014.1 to NVDA 2022.2
- JAWS with Chrome Causes problems from JAWS 2018.1811.2 to JAWS 2022.2207.25
- JAWS with IE Causes problems from JAWS 13.0.852 to JAWS 2019.1912.1
- JAWS with FF Causes problems from JAWS 13.0.852 to JAWS 2022.2207.25
- VoiceOver macOS Causes problems from VoiceOver macOS 10.9 to VoiceOver macOS 12.5
- VoiceOver iOS Causes problems from VoiceOver iOS 7.1 to VoiceOver iOS 15.6
- WindowEyes with IE Causes problems from WindowEyes 8.4 to WindowEyes 9.2
- Dolphin with IE Causes problems in Dolphin SR 15.05
- SaToGo with IE Causes problems in SaToGo 3.4.96.0
Screen reader | Browser | Mode | Notes | What the user hears |
---|---|---|---|---|
NVDA 2022.2 | Chrome 105 | Reading | No indication what graphic is, or where links go | Link, link |
NVDA 2022.2 | Chrome 105 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2022.2 | FF102 | Reading | No indication what graphic is, or where links go | Graphic link, left arrow. Graphic link, right arrow. Blank |
NVDA 2022.2 | FF102 | Tabbing | No indication what graphic is, or where links go. | Left arrow, link graphic. Right arrow, link graphic. |
NVDA 2022.2 | Edge 105 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2022.2 | Edge 105 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2021.2 | Chrome 94 | Reading | No indication what graphic is, or where links go | Link, link |
NVDA 2021.2 | Chrome 94 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2021.2 | FF91 | Reading | No indication what graphic is, or where links go | Graphic link, left arrow. Graphic link, right arrow. Blank |
NVDA 2021.2 | FF91 | Tabbing | No indication what graphic is, or where links go. | Left arrow, link graphic. Right arrow, link graphic. |
NVDA 2021.2 | Edge 94 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2021.2 | Edge 94 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2020.2 | Chrome 86 | Reading | No indication what graphic is, or where links go | Link, link |
NVDA 2020.2 | Chrome 86 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2020.2 | FF78 | Reading | No indication what graphic is, or where links go | Graphic link, left arrow. Graphic link, right arrow. Blank |
NVDA 2020.2 | FF78 | Tabbing | No indication what graphic is, or where links go. | Left arrow, link graphic. Right arrow, link graphic. |
NVDA 2020.2 | Edge 92 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2020.2 | Edge 92 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2019.2 | Chrome 79 | Reading | No indication what graphic is, or where links go | Link, link |
NVDA 2019.2 | Chrome 79 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2019.2 | FF68 | Reading | No indication what graphic is, or where links go | Graphic link, left arrow. Graphic link, right arrow. Blank |
NVDA 2019.2 | FF68 | Tabbing | No indication what graphic is, or where links go. | Left arrow, link graphic. Right arrow, link graphic. |
NVDA 2019.2 | IE11 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2019.2 | IE11 | Tabbing | Complete silence when tabbing between AREAs. | |
NVDA 2018.4 | Chrome 73 | Reading | No indication what graphic is, or where links go | Link, link |
NVDA 2018.4 | Chrome 73 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2018.4 | FF60 | Reading | No indication what graphic is, or where links go | Graphic link, left arrow. Graphic link, right arrow. Blank |
NVDA 2018.4 | FF60 | Tabbing | No indication what graphic is, or where links go. | Left arrow, link graphic. Right arrow, link graphic. |
NVDA 2018.4 | IE11 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2018.4 | IE11 | Tabbing | Complete silence when tabbing between AREAs. | |
NVDA 2017.3 | FF60 | Reading | No indication what graphic is, or where links go | Graphic link. Graphic link. Blank |
NVDA 2017.3 | FF60 | Tabbing | No indication what graphic is, or where links go. | Link graphic. Link graphic. |
NVDA 2017.3 | IE11 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2017.3 | IE11 | Tabbing | Complete silence when tabbing between AREAs. | |
NVDA 2016.2 | FF48 | Reading | Has same affect as null ALT on IMG element, but hides image map | Blank |
NVDA 2016.2 | FF48 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2016.2 | IE11 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2016.2 | IE11 | Tabbing | Complete silence when tabbing between AREAs. | |
NVDA 2015.2 | FF41 | Reading | Has same affect as null ALT on IMG element, but hides image map | Blank |
NVDA 2015.2 | FF41 | Tabbing | No indication what graphic is, or where links go. | Link. Link. |
NVDA 2015.2 | IE11 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2015.2 | IE11 | Tabbing | Complete silence when tabbing between AREAs. | |
NVDA 2014.1 | FF29 | Reading | Link URL gibberish read out. | Graphic, link, left arrow, link, right arrow. |
NVDA 2014.1 | FF29 | Tabbing | Link URL gibberish read for first link, silence for second link. | Left arrow, link, right arrow, link graphic. |
NVDA 2014.1 | IE11 | Reading | No indication what graphic is, or where links go. | Link link. |
NVDA 2014.1 | IE11 | Tabbing | Complete silence when tabbing between AREAs. | |
JAWS 2022.2207.25 | Chrome 105 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2022.2207.25 | Chrome 105 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2022.2207.25 | FF102 | Reading | Link URL gibberish read out. | Image map link graphic, slash left underline arrow. Image map link graphic, slash right underline arrow. |
JAWS 2022.2207.25 | FF102 | Tabbing | Link URL gibberish read out. | Graphic, slash left underline arrow, image map link graphic. Slash right underline arrow, image map link graphic. |
JAWS 2022.2207.25 | Edge 105 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2022.2207.25 | Edge 105 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2021.2107.12 | Chrome 94 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2021.2107.12 | Chrome 94 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2021.2107.12 | FF91 | Reading | Link URL gibberish read out. | Image map link graphic, slash left underline arrow. Image map link graphic, slash right underline arrow. |
JAWS 2021.2107.12 | FF91 | Tabbing | Link URL gibberish read out. | Graphic link, slash left underline arrow dot HTM. Link, slash right underline arrow dot HTM. |
JAWS 2021.2107.12 | Edge 94 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2021.2107.12 | Edge 94 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2020.2008.24 | Chrome 86 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2020.2008.24 | Chrome 86 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2020.2008.24 | FF78 | Reading | Link URL gibberish read out. | Image map link graphic, left underline arrow. Image map link graphic, right underline arrow. |
JAWS 2020.2008.24 | FF78 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link graphic. Right underline arrow, image map link graphic. |
JAWS 2020.2008.24 | Edge 92 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2020.2008.24 | Edge 92 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2019.1912.1 | Chrome 79 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2019.1912.1 | Chrome 79 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link. Right underline arrow, image map link. |
JAWS 2019.1912.1 | FF68 | Reading | Link URL gibberish read out. | Image map link graphic, left underline arrow. Image map link graphic, right underline arrow. |
JAWS 2019.1912.1 | FF68 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map link graphic. Right underline arrow, image map link graphic. |
JAWS 2019.1912.1 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 2019.1912.1 | IE11 | Tabbing | Link URL gibberish read out. | Slash left underline arrow, image map link. Slash right underline arrow, image map link. |
JAWS 2018.1811.2 | Chrome 73 | Reading | Link URL gibberish read out. | Image map link, left underline arrow. Image map link, right underline arrow. |
JAWS 2018.1811.2 | Chrome 73 | Tabbing | Link URL gibberish read out. | Tab, left underline arrow, image map link. Tab, right underline arrow, image map link. |
JAWS 2018.1811.2 | FF60 | Reading | Link URL gibberish read out. | Image map link graphic, left underline arrow. Image map link graphic, right underline arrow. |
JAWS 2018.1811.2 | FF60 | Tabbing | Link URL gibberish read out. | Tab, left underline arrow, image map link graphic. Tab, right underline arrow, image map link graphic. |
JAWS 2018.1811.2 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 2018.1811.2 | IE11 | Tabbing | Link URL gibberish read out. | Tab, slash left underline arrow, image map link. Tab, slash right underline arrow, image map link. |
JAWS 18.0.5038 | FF52 | Reading | Link URL gibberish read out, no indication of links. | Graphic, left underline arrow, right underline arrow. Graphic, left underline arrow. Graphic, right underline arrow. |
JAWS 18.0.5038 | FF52 | Tabbing | Link URL gibberish read out. | Tab, left underline arrow, image map. Tab, right underline arrow, image map. |
JAWS 18.0.5038 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 18.0.5038 | IE11 | Tabbing | Link URL gibberish read out. | Tab, slash left underline arrow, image map link. Tab, slash right underline arrow, image map link. |
JAWS 17.0.2619 | FF48 | Reading | Link URL gibberish read out, no indication of links. | Graphic, left underline arrow, right underline arrow. Graphic, left underline arrow. Graphic, right underline arrow. |
JAWS 17.0.2619 | FF48 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map. Right underline arrow, image map. |
JAWS 17.0.2619 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 17.0.2619 | IE11 | Tabbing | Link URL gibberish read out. | Slash left underline arrow, image map link. Slash right underline arrow, image map link. |
JAWS 16.0.4350 | FF41 | Reading | Link URL gibberish read out, no indication of links. | Graphic, left underline arrow, right underline arrow. Graphic, left underline arrow. Graphic, right underline arrow. |
JAWS 16.0.4350 | FF41 | Tabbing | Link URL gibberish read out. | Left underline arrow, image map. Right underline arrow, image map. |
JAWS 16.0.4350 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 16.0.4350 | IE11 | Tabbing | Link URL gibberish read out. | Slash left underline arrow, image map link. Slash right underline arrow, image map link. |
JAWS 15.0.9023 | FF29 | Reading | Link URL gibberish read out, no indication of links. | Graphic, left underline arrow, right underline arrow. |
JAWS 15.0.9023 | FF29 | Tabbing | Link URL gibberish read for first link, silence for second link. | Left underline arrow, right underline arrow, image map. |
JAWS 15.0.9023 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 15.0.9023 | IE11 | Tabbing | Link URL gibberish read out. | Slash left underline arrow, image map link. Slash right underline arrow, image map link. |
JAWS 14.0.9002 | FF29 | Reading | Link URL gibberish read out, no indication of links. | Graphic, left underline arrow, right underline arrow. |
JAWS 14.0.9002 | FF29 | Tabbing | Link URL gibberish read for first link, silence for second link. | Left underline arrow, right underline arrow, image map. |
JAWS 14.0.9002 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 14.0.9002 | IE11 | Tabbing | Link URL gibberish read out. | Slash left underline arrow, image map link. Slash right underline arrow, image map link. |
JAWS 13.0.852 | FF29 | Reading | image map ignored | |
JAWS 13.0.852 | FF29 | Tabbing | Wrong text read for first link, silence for second link. | Tab. Reads previous heading. Tab |
JAWS 13.0.852 | IE11 | Reading | Link URL gibberish read out. | Image map link, slash left underline arrow. Image map link, slash right underline arrow. |
JAWS 13.0.852 | IE11 | Tabbing | Link URL gibberish read out. | Slash left underline arrow, image map link. Slash right underline arrow, image map link. |
WindowEyes 9.2 | IE11 | Reading | Link URL gibberish read out. | Link, slash left arrow dot HTM. Link, slash right arrow dot HTM |
WindowEyes 9.2 | IE11 | Tabbing | Link URL gibberish read out. | Link, slash left arrow dot HTM. Link, slash right arrow dot HTM |
WindowEyes 8.4 | IE11 | Reading | Link URL gibberish read out. | Link, slash left arrow dot HTM. Link, slash right arrow dot HTM |
WindowEyes 8.4 | IE11 | Tabbing | Silence when tabbing to AREA links - no indication of image map role or name | |
VoiceOver macOS 12.5 | Safari 15.6 | Reading | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 12.5 | Safari 15.6 | Tabbing | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 11.5 | Safari 15.0 | Reading | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 11.5 | Safari 15.0 | Tabbing | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.15 | Safari 14.1 | Reading | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.15 | Safari 14.1 | Tabbing | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.14 | Safari 13.0 | Reading | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.14 | Safari 13.0 | Tabbing | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.13 | Safari 12.1 | Reading | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.13 | Safari 12.1 | Tabbing | Link URL gibberish read out. | Link, left underscore arrow HTM. Link, right underscore arrow HTM. |
VoiceOver macOS 10.12 | Safari 10.1.2 | Reading | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.12 | Safari 10.1.2 | Tabbing | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.11 | Safari 9.1.2 | Reading | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.11 | Safari 9.1.2 | Tabbing | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.10 | Safari 8.0.6 | Reading | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.10 | Safari 8.0.6 | Tabbing | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.9 | Safari 7.0.3 | Reading | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver macOS 10.9 | Safari 7.0.3 | Tabbing | Link URL gibberish read out. | Link, left underline arrow HTM. Link, right underline arrow HTM. |
VoiceOver iOS 15.6 | Safari iOS 15.6 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 14.7 | Safari iOS 14.7 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 13.3 | Safari iOS 13.3 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 12.4 | Safari iOS 12.4 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 11.4 | Safari iOS 11.4 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 10.3 | Safari iOS 10.3 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 9.1 | Safari iOS 9.1 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 8.4 | Safari iOS 8.4 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
VoiceOver iOS 7.1 | Safari iOS 7.1 | Touch | Link URL gibberish read out. | Left arrow HTM, link. Right arrow HTM, link. |
Dolphin SR 15.05 | IE11 | Reading | No indication of link purpose | Link. Link. |
Dolphin SR 15.05 | IE11 | Tabbing | No indication of link purpose | Link. Link. |
SaToGo 3.4.96.0 | IE11 | Reading | No indication of link purpose | Link, link |
SaToGo 3.4.96.0 | IE11 | Tabbing | No indication of link purpose | Link, link |
SortSite rules: AccHtmlAreaNoAlt
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:
- Reading Content read using the “read next” command in a screen reader
- Tabbing Content read using the “tab” key in a screen reader
- Heading Content read using the “next heading” key in a screen reader
- Touch Content read when touching an area of screen on a mobile device
In the “What the user hears” column:
- Commas represent short pauses in screen reader voicing
- Full Stops represent places where voicing stops, and the “read next” or “tab” or “next heading” command is pressed again
- Ellipsis … represent a long pause in voicing
- (Brackets) represent voicing that requires a keystroke to hear