Labelling forms, images and links Screen reader compatibility

Accessibility
Nov 26, 2024

Screen reader compatibility test results for labelling, showing how failures and techniques work in different screen reader / browser combinations.

The results include two types of test:

  • Expected to work - these tests show support when accessibility features are used correctly
  • Expected to fail - these tests show what happens when accessibility features are used incorrectly (marked with Expected to Fail)

Reliability by user agent

The solid area in the graph shows percentage of tests that pass in all tested interaction modes. The cross hatched area shows partial passes that only work in some interaction modes.

An example of a partial pass is when form labels are read when tabbing, but ignored in browse mode.

ComboVersionsReliabilityTest Changes
JAWS ChromeJAWS 2024.2409.2 with Chrome 131
JAWS EdgeJAWS 2024.2409.2 with Edge 131
JAWS FirefoxJAWS 2024.2409.2 with FF 128
10 better
JAWS IEJAWS 2019.1912.1 with IE11
11 better
NVDA ChromeNVDA 2024.4 with Chrome 131
1 worse
NVDA EdgeNVDA 2024.4 with Edge 131
NVDA FirefoxNVDA 2024.4 with FF 128
10 better
NVDA IENVDA 2019.2 with IE11
3 better
VoiceOver MacVoiceOver macOS 14.6 with Safari 17.6
7 better
VoiceOver iOSVoiceOver iOS 17.7 with Safari iOS 17.7
2 better
WindowEyes IEWindowEyes 9.2 with IE11
11 better
Dolphin IEDolphin SR 15.05 with IE11
SaToGo IESaToGo 3.4.96.0 with IE11
Average Including older versions

The average includes all versions, but some browser/AT combinations have tests for multiple versions (NVDA / JAWS / VoiceOver), while others only have tests for a single version (SaToGo and Dolphin).

Reliability trend

100%80%60%40%20%0%201482%201585%201685%201787%201890%201992%202095%202195%202295%202395%202496%

Works as expected

These tests use conformant HTML or WCAG sufficient techniques, and work in all tested browser / screen reader combinations.

Screen ReaderNVDAJAWSVoiceOver
BrowserEdgeFFCrEdgeFFCrMaciOS
Should work. Works in 100% Link containing img with altGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% Link containing img with titleGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% button with title containing img with null altGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% img with altGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% img with titleGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% img with null altGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% input type=image with altGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% input type=text inside label with text before controlGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% input type=text with aria-labelledby attributeGoodGoodGoodGoodGoodGoodGoodGood
Should work. Works in 100% input type=text with label forGoodGoodGoodGoodGoodGoodGoodGood

Expected to work

These tests use conformant HTML or WCAG sufficient techniques and might be expected to work in screen readers. This doesn't always happen.

Screen ReaderNVDAJAWSVoiceOver
BrowserEdgeFFCrEdgeFFCrMaciOS
Should work. Fails in 1% - 25% Click Here link with aria-describedby attributeGoodGoodGoodGoodBetterGoodBetterGood
Should work. Fails in 1% - 25% Click Here link with title attributeGoodGoodGoodGoodBetterGoodBetterBetter
Should work. Fails in 1% - 25% Interactive iframe with role=presentation and aria-label attributeGoodGoodGoodBadGoodBadGoodGood
Should work. Fails in 1% - 25% Interactive iframe with role=presentation and title attributeGoodGoodGoodBadGoodBadGoodGood
Should work. Fails in 1% - 25% Interactive iframe with role=presentation and no accessible nameGoodGoodGoodBadGoodBadGoodGood
Should work. Fails in 1% - 25% Link text replaced by aria-label attributeGoodBetterGoodGoodBetterGoodGoodGood
Should work. Fails in 1% - 25% Link text replaced by aria-labelledby attributeGoodBetterGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% Yes/No radio buttons inside fieldset elementGoodGoodGoodGoodBetterGoodBetterBetter
Should work. Fails in 76% - 100% abbr with titleBadBadBadBadBadBadBadBad
Should work. Fails in 1% - 25% area and img with alt attributesGoodBetterGoodGoodBetterGoodBetterBad
Should work. Fails in 1% - 25% area with alt attribute and img with null altGoodGoodGoodGoodBetterGoodGoodGood
Should work. Fails in 1% - 25% area with aria-label attributeGoodBetterGoodGoodBetterGoodBetterBad
Should work. Fails in 26% - 50% area with aria-labelledby attributeGoodBetterGoodGoodBetterGoodBadBad
Should work. Fails in 26% - 50% area with title attributeGoodBadGoodGoodBadGoodBetterBad
Should work. Fails in 1% - 25% button containing img with altGoodGoodWorseGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% button containing img with aria-labelGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% button containing img with aria-labelledbyGoodGoodGoodGoodBetterGoodGoodGood
Should work. Fails in 1% - 25% button containing img with title attributeGoodGoodGoodGoodGoodGoodBadBad
Should work. Fails in 1% - 25% button with aria-label containing img with null altGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% fieldset containing linksGoodBetterGoodGoodGoodGoodBetterBad
Should work. Fails in 1% - 25% iframe with title attributeGoodBetterGoodGoodBetterGoodGoodGood
Should work. Fails in 1% - 25% iframe with fallback contentGoodBetterGoodGoodBetterGoodBadGood
Should work. Fails in 1% - 25% img with aria-labelGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% img with aria-labelledbyGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 26% - 50% img with figcaptionGoodGoodGoodGoodBetterBetterBadBad
Should work. Fails in 1% - 25% input type=image with aria-label attributeGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% input type=image with aria-labelledby attributeGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% input type=image with title attributeGoodGoodGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% input type=text inside label with text after controlGoodGoodGoodGoodGoodBetterGoodGood
Should work. Fails in 1% - 25% input type=text inside label with text before and after controlGoodGoodGoodGoodGoodBetterBetterGood
Should work. Fails in 1% - 25% input type=text with aria-describedby attributeGoodGoodGoodGoodBadGoodBetterGood
Should work. Fails in 1% - 25% input type=text with aria-label attributeGoodBetterGoodGoodGoodGoodGoodGood
Should work. Fails in 1% - 25% input type=text with title attributeGoodBetterGoodGoodGoodGoodGoodGood

Expected to fail

These tests use non-conformant HTML or WCAG failures and are expected to fail in screen readers.

Screen ReaderNVDAJAWSVoiceOver
BrowserEdgeFFCrEdgeFFCrMaciOS
Should fail. Fails in 51% - 75% Image map with no name attributeBetterBetterBetterBetterBetterBetterBadBad
Should fail. Fails in 26% - 50% Interactive iframe with role=presentation and negative tabindex and no accessible nameBadBadBadBadBadBadBadGood
Should fail. Fails in 51% - 75% Interactive iframe with negative tabindex and no accessible nameBadBadBadBadBadBadBadGood
Should fail. Fails in 76% - 100% Link containing img with null altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% Link containing img without altBadBadBadBadBadBadBadBad
Should fail. Fails in 1% - 25% Link with aria-label containing img with no altGoodBetterGoodGoodBetterGoodBetterGood
Should fail. Fails in 1% - 25% Link with aria-labelledby containing img with no altGoodBetterGoodGoodBetterGoodBetterGood
Should fail. Fails in 1% - 25% Link with title containing img with no altGoodBetterGoodGoodBetterGoodBetterGood
Should fail. Fails in 51% - 75% Yes/No radio buttons without fieldsetBadBadBadBadBadBadBadBetter
Should fail. Fails in 76% - 100% acronym with titleBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% area with no altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% area with null altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% button containing img with no altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% button containing img with null altBadBadBadBadBadBadBadBad
Should fail. Fails in 1% - 25% button with aria-label containing img with no altGoodGoodGoodGoodGoodGoodGoodGood
Should fail. Fails in 1% - 25% button with title containing img with no altGoodGoodGoodGoodGoodGoodGoodGood
Should fail. Fails in 1% - 25% fieldset containing no controlsBadBadBadGoodBetterBetterBadBad
Should fail. Fails in 26% - 50% fieldset used to put border round textBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% fieldset with blank legendBadBadBadBadBadBadBadBad
Should fail. Fails in 26% - 50% fieldset with no legendBadBadBadBadBadBadBadBetter
Should fail. Fails in 76% - 100% iframe where src is a PNG imageBadBadBadBadBadBadBetterBad
Should fail. Fails in 51% - 75% iframe with title matching frame filenameBadBadBadBadBadBadBadGood
Should fail. Fails in 1% - 25% iframe with blank titleGoodBetterGoodGoodBetterGoodBadGood
Should fail. Fails in 1% - 25% iframe with no fallback content and no titleGoodBetterGoodGoodBetterGoodBadGood
Should fail. Fails in 51% - 75% img with alt set to ASCII art smileyBetterBetterBadBadBadBadGoodGood
Should fail. Fails in 76% - 100% img with alt set to src filenameBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% img with aria-describedbyBadBetterBadBadBadBadWorseBad
Should fail. Fails in 76% - 100% img with null alt and non-null title attributesBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% img with null alt and non-null aria-label attributesBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% img with null alt and non-null aria-labelledby attributesBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% img with server side image mapBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% img without altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% input type=image with no altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% input type=image with null altBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% input type=text inside blank labelBadBadBadBadBadBadBadBad
Should fail. Fails in 76% - 100% input type=text with blank label forBadBadBadBadBadBadBadBad
Should fail. Fails in 1% - 25% input with aria-labelledby pointing to role=presentation elementGoodGoodGoodGoodGoodGoodGoodGood
Should fail. Fails in 51% - 75% label elements reference controls with duplicate idsBadBadBadBadBadBadBadBad

Key

Tests expected to fail (due to authoring errors) are marked with Expected to Fail.

  • Works in all Works in 100% of tested screen readers
  • 75% to 99% Fails in 1% - 25% of tested screen readers
  • 50% to 74% Fails in 26% - 50% of tested screen readers
  • 25% to 49% Fails in 51% - 75% of tested screen readers
  • 0% to 24% Fails in 76% - 100% of tested screen readers
  • Stable Stable - works, or doesn't cause problems, in all versions of a specific combination of screen reader and browser
  • Better Better - works, or doesn't cause problems, in the most recent version of a specific combination of screen reader and browser (improvement)
  • Worse Worse - causes problems in the most recent version of a specific combination of screen reader and browser, but used to work in older versions (regression)
  • Broken Broken - causes problems in all versions of a specific combination of screen reader and browser

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