EMBED with ARIA-LABELLEDBY attribute Screen reader compatibility

Last updated: October 16, 2016

Expected Result: works in a screen reader

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

Note: The ARIA Text Alternative Computation allows objects to be labelled by items hidden by CSS

WCAG Technique: ARIA10: Using aria-labelledby to provide a text alternative for non-text content

Code used for this test:


        <embed aria-labelledby='embed-aria-labelledby-id' type='video/mp4' src='http://techslides.com/demos/sample-videos/small.mp4' width='100' height='100'></embed>
        <p id='embed-aria-labelledby-id' style='display:none'>This is ARIA-LABELLEDBY text</p>
    

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%20140%201514%201629%

Change History

Last updated: October 16, 2016

Screen readerBrowserModeNotesWhat the user hears
Fail NVDA 2016.2FF48 ReadingNo description of non-text content. Iframe, button play. Button mute. Out of iframe.
Fail NVDA 2016.2IE11 ReadingNo description of non-text content. Embedded object, unnamed_view_0
OK NVDA 2015.2FF41 Reading Embedded object, clickable, this is ARIA-LABELLEDBY text
Fail NVDA 2015.2IE11 ReadingNothing voiced for embed - no indication it exists
OK JAWS 17.0.2619FF48 Reading This is ARIA-LABELLEDBY text frame. Video start. Play button. Mute button. Video end. This is ARIA-LABELLEDBY text frame end.
OK JAWS 17.0.2619IE11 Reading This is ARIA-LABELLEDBY text
Fail JAWS 16.0.4350FF41 ReadingNothing voiced for embed - no indication it exists
Fail JAWS 16.0.4350IE11 ReadingNothing voiced for embed - no indication it exists
Fail JAWS 15.0.9023FF41 ReadingNothing voiced for embed - no indication it exists
Fail JAWS 15.0.9023IE11 ReadingNothing voiced for embed - no indication it exists
Fail JAWS 14.0.9002FF41 ReadingNothing voiced for embed - no indication it exists
Fail JAWS 14.0.9002IE11 ReadingNothing voiced for embed - no indication it exists
Fail WindowEyes 9.2IE11 ReadingNothing voiced for embed - no indication it exists
Fail WindowEyes 8.4IE11 ReadingNothing voiced for embed - no indication it exists
Fail VoiceOver OSX 10.11Safari 9.1.2 ReadingNothing voiced for embed - no description of non-text content
Fail VoiceOver OSX 10.10Safari 9.0.1 ReadingNothing voiced for embed - no description of non-text content
Fail VoiceOver iOS 9.1Safari iOS 9.1TouchNo description of non-text content Start playback, button
Fail VoiceOver iOS 8.4Safari iOS 8.4TouchNo description of non-text content Start playback, button
Fail Dolphin SR 15.05IE11 ReadingNothing voiced for embed - no indication it exists

SortSite rules: AccWcag1-1.1.1

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: