[Skip navigation links]
Login

Stylesheet link with media=speech Screen reader compatibility

Last updated: May 20, 2018

Expected Result: causes problems in some screen readers

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

There has been conflicting information in various CSS specifications on the 'speech' and 'aural' media types.

Code used for this test:


        <style>
            div.speech-link-fail
            {
                display: block;
                color: black;
                background-color: red;
            }

            div.speech-link-pass
            {
                display: none;
                color: black;
                background-color: green;
            }
        </style>

        <link href='speech.css' rel='stylesheet' media='speech'>
        <-- speech.css contains
        div.speech-link-fail { display: none; }
        div.speech-link-pass { display: block; }        
        -->

        <div class='speech-link-fail'>
            Speech Media Link - Fail
        </div>
        <div class='speech-link-pass'>
            Speech Media Link - Pass
        </div>        
    

Change History

Last updated: May 20, 2018

Screen readerBrowserModeNotesWhat the user hears
Fail NVDA 2017.3FF49 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail NVDA 2017.3IE11 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail NVDA 2017.3Chrome 66 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail JAWS 17.0.2619FF49 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail JAWS 17.0.2619IE11 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail WindowEyes 8.4IE11 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail VoiceOver OSX 10.13Safari 11.1 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail VoiceOver iOS 11.3Safari iOS 11.3TouchDoes not match 'speech' media type. Speech Media Link - Fail.
Fail Dolphin SR 16.06IE11 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.
Fail SaToGo 3.4.96.0IE11 ReadingDoes not match 'speech' media type. Speech Media Link - Fail.

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: