Notice: This is a work in progress. Please submit feedback or suggestions.

Test: APG 1.1 Checkbox Example (Two State)

Screen Reader support level: partial (81/140)

Voice Control support level: supported

This example implements the Checkbox Design Pattern for a two state checkbox using div elements.

Run this test and and submit your results

On this page

Test HTML

view the external test

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Chrome7619032019-08-21
JAWS2019.1904.60Chrome7419032019-05-27
JAWS2019.1904.60IE11.13419032019-05-27
JAWS2019.1904.60Firefox6619032019-05-27
Narrator1903Edge44.17763.1.019032019-05-24
NVDA2019.1.1Chrome7419032019-05-24
NVDA2019.1.1Firefox6719032019-05-24
Orca3.31.4Firefox69Ubuntu 19.042019-09-12
TalkBack7.3.0Chrome757.02019-07-27
Voice Access (Android)3.1Chrome7772019-10-02
Voice Control (iOS)13.0Safari13.013.02019-09-23
Voice Control (MacOS)10.15Safari13.0.210.152019-10-07
VoiceOver (iOS)12.3Safari12.312.32019-05-24
VoiceOver (macOS)10.14.5Safari12.1.110.14.52019-05-24
Windows Speech Recognition1903Chrome7719032019-10-18

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
aria-checked attribute
MUST convey a change in value when changed by the usersupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the "false" valuesupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the "true" valuesupportedsupportedsupportedsupportedsupportedsupportedsupported
aria-labelledby attribute
MUST contribute to the accessible namesupportedsupportedsupportedsupportednonenonesupported
checkbox role
MUST convey the accessible name of the checkboxsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the checkbox rolesupportedsupportedsupportedsupportedsupportedsupportedsupported
group role
MUST convey the name if namedsupportedpartialsupportedsupportednonenonesupported
MUST convey an appropriate role if namedpartialpartialpartialsupportednonenonesupported
MUST convey the boundaries of the grouppartialpartialpartialsupportednonenonesupported
li element
MUST convey an appropriate rolenonepartialpartialnonepartialnonenone
MUST convey the position in set informationnonepartialpartialnonepartialnonenone
ul element
MUST convey the unordered list rolepartialsupportedsupportedsupportedsupportednonenone
MUST convey the list boundariespartialpartialpartialsupportedsupportednonenone
MUST convey the number of items in the listpartialsupportedsupportedsupportedsupportednonenone

* means that some support is hidden behind settings

Summary of Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
aria-labelledby attribute
MUST contribute to the accessible namenot applicablenot applicablenot applicablenot applicablenot applicable
checkbox role
MUST convey the accessible name of the checkboxsupportedsupportedsupportedsupportedsupported
MUST convey the checkbox rolesupportedsupportednot applicablesupportedsupported

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the aria-checked attribute: convey a change in value when changed by the user

Rationale: The user needs to know what the new value is and that the change was successful

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • The new value is announced after it is changed.

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the aria-checked attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
JAWSIEyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
NVDAChromeyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: double tap (Activate form control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "Not checked"
  • Result: (pass)
    • command: double tap (Activate form control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "Not checked"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Double tap (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Double tap (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked, Lettuce, checkbox"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: "checked, Lettuce, checkbox"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: aria-checked attribute: convey a change in value when changed by the user

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the aria-checked attribute: convey the "false" value

Rationale: The user needs to be able to tell that the element is not checked

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • The "false" value might be conveyed as "not checked", "unchecked", or something similar.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the aria-checked attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: aria-checked attribute: convey the "false" value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the aria-checked attribute: convey the "true" value

Rationale: The user needs to be able to tell that the element is checked

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • The "true" value might be conveyed as "checked" or something similar.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the aria-checked attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "checked checkbox. Tomato"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "checked checkbox. Tomato"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "checked Tomato checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "checked Tomato checkbox"
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "tomato checkbox checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "checked, Tomato, checkbox"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato, checkbox, checked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato, checkbox, checked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: aria-checked attribute: convey the "true" value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the aria-labelledby attribute: contribute to the accessible name

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the aria-labelledby attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
Notes: Pressing the TAB or SHIFT+TAB keys to focus the first (or last) checkbox in the group caused the group label to be announced
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
Notes: Pressing the TAB or SHIFT+TAB keys to focus the first (or last) checkbox in the group caused the group label to be announced
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
Notes: Pressing the TAB or SHIFT+TAB keys to focus the first (or last) checkbox in the group caused the group label to be announced
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
More information
NVDAChromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromenone
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: aria-labelledby attribute: contribute to the accessible name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the checkbox role: convey the accessible name of the checkbox

Rationale: The user needs to know the purpose of the checkbox.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the checkbox role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: checkbox was flagged for disambiguation
    • Command Notes: said "click check box"
More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Tap <text>" or just "<text>" (Activate item by name)
    • Output: checkbox was checked
    • Command Notes: said "tap lettuce"
More information
Voice Control (iOS)Safariyes
  • Result: (pass)
    • command: "Tap <text>" (Activate item by name)
    • Output: checkbox was checked
    • Command Notes: said "tap lettuce"
More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: checkbox was checked
    • Command Notes: said "click lettuce"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: checkmark was unchecked
    • Command Notes: said "click tomato"
More information

Extended Support for: checkbox role: convey the accessible name of the checkbox

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: checkmark was unchecked
    • Command Notes: said "click tomato"
More information
Back to top

Expectation for the checkbox role: convey the checkbox role

Rationale: The user needs to know that the element has checkbox behavior.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • A screen reader might announce an element as something like "<name>, <role>"
  • A screen reader might imply the role by the presence of certain context roles
  • Voice Control software might let the user say something like "click, <role>".
  • Voice Control software might let the user say something like "show numbers", and interactive roles will be flagged with numbers.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the checkbox role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: checkbox was flagged for disambiguation
    • Command Notes: said "click check box"
More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role is flagged with a number
    • Command Notes: said "show numbers"
More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role is flagged with a number
    • Command Notes: said "show numbers"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Command Notes: said "show numbers"
More information

Extended Support for: checkbox role: convey the checkbox role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Command Notes: said "show numbers"
More information
Back to top

Expectation for the group role: convey the name if named

Rationale: A screen reader user needs to be aware of the name of group

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • The accessible name of the group is announced when entering the group.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the group role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorEdgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "1 of 4, level 2e"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
More information
NVDAChromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromenone
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: group role: convey the name if named

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the group role: convey an appropriate role if named

Rationale: A screen reader user needs to be aware that elements are within a group

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • The role name is announced when entering the group.
  • If focus is outside of the group, then the accessible name of the group is announced when focus jumps to a control within the group.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the group role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
Notes: Pressing the TAB or SHIFT+TAB keys to focus the first (or last) checkbox in the group caused the group label to be announced, but not the group role.
More information
JAWSIEpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
Notes: Pressing the TAB or SHIFT+TAB keys to focus the first (or last) checkbox in the group caused the group label to be announced, but not the group role.
More information
JAWSFirefoxpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
Notes: Pressing the TAB or SHIFT+TAB keys to focus the first (or last) checkbox in the group caused the group label to be announced, but not the group role.
More information
NarratorEdgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "1 of 4, level 2e"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
More information
NVDAChromepartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Sprouts"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefoxpartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Sprouts"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromenone
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: group role: convey an appropriate role if named

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the group role: convey the boundaries of the group

Rationale: A screen reader user needs to be aware when they enter and exit a group

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • In reading mode, there might be a stop for both the start end end of the group. When entering the group, something like "group name, group" might be announced. When leaving the group, something like "end of group" might be announced.
  • In reading mode, there might not be a stop for the start and end of the group. In this case, the screen reader might announce the group name when the user navigates to the first child and announce that the user is leaving the group when the user navigates out of the group.
  • In interaction mode, there will not be a stop for the start and end of the group. In this case, the screen reader might announce the group name when the user jumps to an interactive child and announce that the user is leaving the group when the user jumps out of the group.

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the group role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSIEpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefoxpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorEdgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "1 of 4, level 2e"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "heading level 2. keyboard support"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "heading level 3 Sandwich Condiments"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "link, checkbox.css"
More information
NVDAChromepartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Sprouts"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "lout of list. heading level 2. Keyboard Support"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "out of list. heading level 3. Sandwich Condiments"
More information
NVDAFirefoxpartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Sprouts"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "lout of list. heading level 2. Keyboard Support"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "out of list. heading level 3. Sandwich Condiments"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "leaving list, leaving panel"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Sandwich condiments panel, list with 4 items, sprouts checkbox not checked"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "leaving list, leaving panel"
More information
TalkBackChromenone
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Not checked, Sprouts, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: group role: convey the boundaries of the group

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the li element: convey an appropriate role

Rationale: A screen reader user needs to know when they enter a list item.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • When in an ordered list context, the list role might be conveyed with the position of the list item (1, 2, 3, etc.).
  • When in an unordered list context, the list role might be conveyed by the word "bullet" or position in the list.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the li element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorEdgepartial
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
Notes: List item role was implied by position in set information while in scan mode.
More information
NVDAChromepartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefoxpartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
Notes: List item role implied when first entering the list due to list semantics being conveyed. However, once navigating items within the list, the list item role is not conveyed.
More information
OrcaFirefoxnone
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "tomato checkbox checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "tomato checkbox checked"
More information
TalkBackChromepartial
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
Notes: List item semantics are only conveyed when entering the list, not when navigating within a list.
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: li element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the li element: convey the position in set information

Rationale: A screen reader user needs to know their position in a list.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • When in an ordered list context, the role might be conveyed with the position of the list item (1, 2, 3, etc.).
  • When in an unordered list context, the role might be conveyed by the word "bullet" or information about the position of the item in the list.
  • The position of the first item in the list might be implied by the first announcement of list semantics.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the li element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorEdgepartial
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAChromepartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
Notes: Position in set implied when first entering the list due to list semantics being conveyed for the first time. However, once navigating items within the list, the position in set information is no longer conveyed.
More information
NVDAFirefoxpartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
Notes: Position in set implied when first entering the list due to list semantics being conveyed for the first time. However, once navigating items within the list, the position in set information is no longer conveyed.
More information
OrcaFirefoxnone
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "tomato checkbox checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "tomato checkbox checked"
More information
TalkBackChromepartial
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
Notes: List item semantics are only conveyed when entering the list, not when navigating within a list.
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: VO + Left Arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: li element: convey the position in set information

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the ul element: convey the unordered list role

Rationale: A screen reader user needs to know that content is contained in an unordered list.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • Typically, the word "list" is announced when entering the list, then the word "bullet" is announced when entering a list item. Together, these two pieces of information convey the unordered list role.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the ul element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSIEpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefoxpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: within target
    • Output: "1 of 4, level 2"
Notes: list role not explicitly conveyed, but the set position information implies list semantics.
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list with 4 items"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked.
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list with 4 items"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked.
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox, Sandwich Condiments, group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts unchecked checkbox, Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: ul element: convey the unordered list role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the ul element: convey the list boundaries

Rationale: A screen reader user needs to know when they enter and exit a list.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • In reading mode, there might be a stop for both the start end end of the list. When entering the list, something like "list of x items" is announced. When leaving the list, something like "end of list" is announced.
  • In reading mode, there might not be a stop for the start or end of the list. In this case, the screen reader might announce the first item as something like 1 of x, and the last item as x of x, or otherwise announce the boundaries when entering or exiting the list.
  • In interaction mode, there will not be a stop for the start or end of the list. In this case, the screen reader might announce the first item as something like "list of x items", and the last item as "x of x", or "end of list", or otherwise announce the the boundaries when entering or exiting the list.

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the ul element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "list end"
More information
JAWSIEpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "list end"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "checkbox.css, link"
More information
JAWSFirefoxpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "list end"
More information
NarratorEdgepartial
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "Heading level 3, Sandwich Condiments"
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "Heading level 2, keyboard support"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
Notes: 1 of 4 and 4 of 4 implies the start and end of the list, but there was no indication of list exit.
More information
NVDAChromepartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked.
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "Out of list. Heading level 2. Keyboard support.
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "Out of list. Heading level 3. Sandwich Condiments."
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "list with 2 items. checkbox.css. link.
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "list with 1 items. Checkbox (Mixed-State). link."
More information
NVDAFirefoxpartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked.
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "Out of list. Heading level 2. Keyboard support.
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "Out of list. Heading level 3. Sandwich Condiments."
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "list with 2 items. checkbox.css. link.
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "list with 1 items. Checkbox (Mixed-State). link."
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: end of target
    • Output: "leaving list, leaving panel"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Sandwich condiments panel, list with 4 items, sprouts checkbox not checked"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "leaving list, leaving panel"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: after target
    • Output: "out of list"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: before target
    • Output: "out of list"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox, Sandwich Condiments, group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts unchecked checkbox, Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: ul element: convey the list boundaries

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the ul element: convey the number of items in the list

Rationale: A screen reader user needs know how many items are in the list.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might convey the position of each item in the list as something like "x of y" where y is the number of items in the list.
  • A screen reader might convey the number of items in the list when first entering the list.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the ul element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSIEpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefoxpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: within target
    • Output: "1 of 4, level 2"
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked."
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked."
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: end of target
    • Output: "Sandwich condiments panel, list with 4 items, sprouts checkbox not checked"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: within target
      • virtual cursor location: within target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox, Sandwich Condiments, group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: after target
      • virtual cursor location: after target
    • location after command: within target
    • Output: "Sprouts unchecked checkbox, Sandwich Condiments, group"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: ul element: convey the number of items in the list

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

History

  • 2019-05-24 Test created
  • 2019-07-27 Talkback results added
  • 2019-09-23 Added vc_ios and dragon results
  • 2019-10-02 Add va_and results
  • 2019-10-07 Add vc_macos results
  • 2019-10-18 Add wsr results