IMG with null ALT and non-null aria-label attributes Screen reader compatibility

Last updated: September 5, 2016

Expected Result: causes problems in some screen readers

Actual Result: causes problems in 13 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.

Author intent is unclear in this markup since ALT='' marks image as presentational, but aria-label gives it an accessible name.

Code used for this test:


        <img src='1234.png' alt='' aria-label='This is the aria-label attribute'>
    

Change History

Last updated: September 5, 2016

Screen readerBrowserModeNotesWhat the user hears
Fail NVDA 2016.2FF48 ReadingImage not ignored, and aria label read Speak Graphic, this is the aria-label attribute
Fail NVDA 2016.2IE11 ReadingImage not ignored, and aria label read Speak Graphic, this is the aria-label attribute
Fail NVDA 2015.2FF48 ReadingImage not ignored, and aria label read Speak Graphic, this is the aria-label attribute
Fail NVDA 2015.2IE11 ReadingImage not ignored, and aria label read Speak Graphic, this is the aria-label attribute
Fail JAWS 17.0.2619FF48 ReadingImage ignored, aria label not read
Fail JAWS 17.0.2619IE11 ReadingImage ignored, aria label not read
Fail JAWS 16.0.4350FF42 ReadingImage ignored, aria label not read
Fail JAWS 16.0.4350IE11 ReadingImage ignored, aria label not read
Fail WindowEyes 9.2IE11 ReadingImage not ignored, and aria label read Speak This is the aria-label attribute
Fail VoiceOver OSX 10.11Safari 9.1.2 ReadingImage not ignored, and aria label read Speak This is the aria-label attribute, image
Fail VoiceOver OSX 10.10Safari 9.0.2 ReadingImage not ignored, and aria label read Speak This is the aria-label attribute, image
Fail VoiceOver iOS 9.2Safari iOS 9.2TouchImage not ignored, and aria label read Speak This is the aria-label attribute, image
Fail Dolphin SR 15.05IE11 ReadingImage ignored, aria label not read

Test notes

The threshold for inclusion in these results is 5% usage in the most recent WebAIM screen reader survey. Chrome and Android still fall below the 5% threshold.

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: