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

Test: APG 1.1 Checkbox Example (Two State)

Current support: partial (90/126)

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

Support tables

Expectations are conditions that must be met for the feature to be considered as "supported". Only "MUST" expectations need to be met for minimal "support". "SHOULD" and "MAY" expectations indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these expectations, and as such, they are likely opinionated. As such, a feature might not meet all "MUST" expectations but still be usable (potentially frustratingly so). Additionally, the assistive technology may provide many different commands to read, navigate, or otherwise interact with a feature. Only one command is required to pass for the expectation to be minimally supported.

Summary of support by expectation type

MUSTSHOULDMAY
partial (90/126)

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOS
group role
MUST convey the group rolenot applicablesupportedsupportedsupportednonenonesupported
MUST convey the group name if it has a group namenot applicablesupportedsupportedsupportednonenonesupported
MUST convey the boundaries of the groupnot applicablepartialpartialpartialnonenonesupported
aria-labelledby attribute
MUST include aria-labelledby as part of the accessible name computationnot applicablesupportedsupportedsupportednonenonesupported
checkbox role
MUST convey the checkbox rolenot applicablesupportedsupportedsupportedsupportedsupportedsupported
MUST convey the accessible name of the checkboxnot applicablesupportedsupportedsupportedsupportedsupportedsupported
aria-checked attribute
MUST convey the "false" valuenot applicablesupportedsupportedsupportedsupportedsupportedsupported
MUST convey the "true" valuenot applicablesupportedsupportedsupportedsupportedsupportedsupported
MUST convey a change in value when changed by the usernot applicablesupportedsupportedsupportedsupportedsupportedsupported
ul element
MUST convey the unordered list rolenot applicablesupportedsupportedsupportedsupportednonenone
MUST convey the list boundariesnot applicablepartialpartialpartialsupportednonenone
MUST convey the number of items in the listnot applicablesupportedsupportedsupportedsupportednonenone
li element
MUST convey the list item rolenot applicablenonesupportedsupportedsupportednonenone
MUST convey the position of the current list item in the setnot applicablenonesupportedsupportedsupportednonenone

* means that some support is hidden behind settings

Detailed support results by expectation

group role: The screen reader MUST convey the group role

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: within target
    • Output: "1 of 4, level 2e"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
More information
NVDAGoogle Chromeyes
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: 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)
    • location before command: 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)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: 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)
    • location before command: 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)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information

Extended Support for: group role: The screen reader MUST convey the group role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

group role: The screen reader MUST convey the group name if it has a group name

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information

Extended Support for: group role: The screen reader MUST convey the group name if it has a group name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

group role: The screen reader MUST convey the boundaries of the group

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSInternet Explorerpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefox (desktop)partial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "Group end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorMicrosoft Edgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: within target
    • location after command: after target
    • Output: "heading level 2. keyboard support"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: within target
    • Output: "4 of 4, level 2"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: within target
    • location after command: before target
    • Output: "heading level 3 Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: within target
    • location after command: after target
    • Output: "link, checkbox.css"
More information
NVDAGoogle Chromepartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: "lout of list. heading level 2. Keyboard Support"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Sprouts"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: "out of list. heading level 3. Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefox (desktop)partial
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: "lout of list. heading level 2. Keyboard Support"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: "list with 4 items. check box not checked. Sprouts"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: "out of list. heading level 3. Sandwich Condiments"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Not checked, Sprouts, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information

Extended Support for: group role: The screen reader MUST convey the boundaries of the group

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

aria-labelledby attribute: The screen reader MUST include aria-labelledby as part of the accessible name computation

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Group Start, Sandwich Condiments"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (partial)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "end of Sandwich Condiments, group"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"
More information

Extended Support for: aria-labelledby attribute: The screen reader MUST include aria-labelledby as part of the accessible name computation

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

checkbox role: The screen reader MUST convey the checkbox role

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information

Extended Support for: checkbox role: The screen reader MUST convey the checkbox role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

checkbox role: The screen reader MUST convey the accessible name of the checkbox

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce unchecked checkbox"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information

Extended Support for: checkbox role: The screen reader MUST convey the accessible name of the checkbox

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

aria-checked attribute: The screen reader MUST convey the "false" value

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: target
    • Output: "checkbox unchecked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information

Extended Support for: aria-checked attribute: The screen reader MUST convey the "false" value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

aria-checked attribute: The screen reader MUST convey the "true" value

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "checked checkbox. Tomato"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: target
    • Output: "checked checkbox. Tomato"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "checked Tomato checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "checked Tomato checkbox"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box checked. Tomato."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato checkbox checked"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato checkbox checked"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "checked, Tomato, checkbox"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato, checkbox, checked"
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato, checkbox, checked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Tomato, checked, checkbox"
More information

Extended Support for: aria-checked attribute: The screen reader MUST convey the "true" value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

aria-checked attribute: The screen reader MUST 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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "unchecked"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "not checked"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: double tap (Activate form control)
    • location before command: target
    • location after command: target
    • Output: "Not checked"
  • Result: (pass)
    • command: double tap (Activate form control)
    • location before command: target
    • location after command: target
    • Output: "checked"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Double tap (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked"
  • Result: (pass)
    • command: Double tap (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "unchecked"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "checked, Lettuce, checkbox"
  • Result: (pass)
    • command: Space (Activate Form Control)
    • location before command: target
    • location after command: target
    • Output: "unchecked, Lettuce, checkbox"
More information

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

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

ul element: The screen reader MUST convey the unordered list role

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: 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
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list with 4 items"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list with 4 items"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox, Sandwich Condiments, group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts unchecked checkbox, Sandwich Condiments, group"
More information

Extended Support for: ul element: The screen reader MUST convey the unordered list role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

ul element: The screen reader MUST convey the list boundaries

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "list end"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSInternet Explorerpartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "list end"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: within target
    • location after command: after target
    • Output: "checkbox.css, link"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefox (desktop)partial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "list end"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorMicrosoft Edgepartial
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: within target
    • location after command: before target
    • Output: "Heading level 3, Sandwich Condiments"
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: within target
    • location after command: after target
    • Output: "Heading level 2, keyboard support"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: 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
NVDAGoogle Chromepartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: "Out of list. Heading level 2. Keyboard support.
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: "Out of list. Heading level 3. Sandwich Condiments."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked.
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: within target
    • location after command: after target
    • Output: "list with 2 items. checkbox.css. link.
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: within target
    • location after command: before target
    • Output: "list with 1 items. Checkbox (Mixed-State). link."
More information
NVDAFirefox (desktop)partial
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list with 4 items
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: "Out of list. Heading level 2. Keyboard support.
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: "Out of list. Heading level 3. Sandwich Condiments."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked.
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: within target
    • location after command: after target
    • Output: "list with 2 items. checkbox.css. link.
  • Result: (pass)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. Sprouts check box not checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: within target
    • location after command: before target
    • Output: "list with 1 items. Checkbox (Mixed-State). link."
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: "out of list"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: "out of list"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox, Sandwich Condiments, group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts unchecked checkbox, Sandwich Condiments, group"
More information

Extended Support for: ul element: The screen reader MUST convey the list boundaries

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

ul element: The screen reader MUST convey the number of items in the list

Rationale: A screen reader user needs know how many items are in 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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "list of 4 items"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Sandwich Condiments, Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments, Sprouts checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: within target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: within target
    • location after command: within target
    • Output: "1 of 4, level 2"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: 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)
    • location before command: after target
    • location after command: within target
    • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked."
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Sandwich Condiments, group"
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: within target
    • Output: "Lettuce unchecked checkbox, Sandwich Condiments, group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: within target
    • Output: "Sprouts unchecked checkbox, Sandwich Condiments, group"
More information

Extended Support for: ul element: The screen reader MUST convey the number of items in the list

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

li element: The screen reader MUST convey the list item role

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "2 of 4, level 2"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: before target
    • location after command: target
    • Output: "Tomato. check box checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: before target
    • location after command: target
    • Output: "Tomato. check box checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "checked, tomato, checkbox"
Notes: List item semantics are only conveyed when entering the list, not when navigating within a list.
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information

Extended Support for: li element: The screen reader MUST convey the list item role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

li element: The screen reader MUST convey the position of the current list item in the set

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox not checked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox not checked"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: target
    • Output: "1 of 4, level 2"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "2 of 4, level 2"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce checkbox unchecked"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: before target
    • location after command: target
    • Output: "Tomato. check box checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "list with 4 items. check box not checked. Lettuce"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "check box not checked. Lettuce"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: 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)
    • location before command: before target
    • location after command: target
    • Output: "Tomato. check box checked."
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: 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
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Not checked, lettuce, checkbox, in list, 4 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Not checked, sprouts, checkbox, in list, 4 items"
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "checked, tomato, checkbox"
Notes: List item semantics are only conveyed when entering the list, not when navigating within a list.
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, checkbox, unchecked"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
  • Result: (fail)
    • command: Shift + Tab (Read previous focusable item)
    • location before command: after target
    • location after command: target
    • Output: "Lettuce, unchecked, checkbox"
More information

Extended Support for: li element: The screen reader MUST convey the position of the current list item in the set

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

Dates and Versions

ATAT VersionBrowserBrowser versionOS versionDate tested
JAWS2019.1904.60Google Chrome7419032019-05-27
JAWS2019.1904.60Internet Explorer11.13419032019-05-27
JAWS2019.1904.60Firefox (desktop)6619032019-05-27
Narrator1903Microsoft Edge44.17763.1.019032019-05-24
NVDA2019.1.1Google Chrome7419032019-05-24
NVDA2019.1.1Firefox (desktop)6719032019-05-24
TalkBack7.3.0Google Chrome (android)757.02019-07-27
VoiceOver for iOS12.3Safari (iOS)12.312.32019-05-24
VoiceOver for macOS10.14.5Safari (macOS)12.1.110.14.52019-05-24

History

  • 2019-05-24 Test created
  • 2019-07-27 Talkback results added