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

Test: ARIA gridcell role with aria-selected

Current support: partial (15/40)

This test ensures that grid cells are announced as selectable.

Run this test and and submit your results

On this page

Test HTML

open the test page in a new tab

HTML source is too long to display here.

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
JAWS2019.1906.10Google Chrome7519032019-07-20
JAWS2019.1906.10Internet Explorer1119032019-07-20
JAWS2019.1906.10Firefox (desktop)6819032019-07-20
Narrator1903Microsoft Edge4419032019-07-20
NVDA2019.1.1Google Chrome7519032019-07-20
NVDA2019.1.1Firefox (desktop)6819032019-07-20
TalkBack7.3.0Google Chrome (android)7592019-07-27
VoiceOver for iOS12.3.1Safari (iOS)12.3.112.3.12019-07-20
VoiceOver for macOS10.14.5Safari (macOS)12.1.110.14.52019-07-20
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-14

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
aria-selected attribute
MUST convey undefined value by indicating that the element is not selectablenot applicablepartial (2/3)supportednonesupportedsupportedsupportedsupported
MUST convey false value by indicating that the element can be selectednot applicablenonenonesupportednonenonenonesupported
MUST convey true value by indicating that the element is currently selectednot applicablepartial (1/3)supportednonesupportednonenoneunknown
MUST convey changes to aria-selected valuenot applicablenonesupportedpartial (1/2)partialnonenonenone

* means that some support is hidden behind settings

Detailed support results by expectation

aria-selected attribute: The screen reader MUST convey undefined value by indicating that the element is not selectable

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

This expectation is from the aria-selected attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Grid, date, column 1, row 2, 2018-01-01, selected"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "column 0, row 1, 2018-01-01"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "table, column 1, row 2, grid, 2018-01-01, type in text"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Table, has 3 rows, 2 columns, January 1st, 2018, editable, column header date, row 2 of 3, column 1 of 2"
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "table, 2018-01-01, selected"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "table, editable, not selected"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "2018-01-01, row 2, Date, double tap to activate"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "2018-01-01, row 2, column 1"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "January 1 2018, table, 2 columns, 2 rows"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "table with 3 rows, 2 columns, date column header, 2018-01-01, focus mode"
More information

Extended Support for: aria-selected attribute: The screen reader MUST convey undefined value by indicating that the element is not selectable

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
OrcaGoogle Chromeunknown-More information
Back to top

aria-selected attribute: The screen reader MUST convey false value by indicating that the element can be selected

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

This expectation is from the aria-selected attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "name, target 1"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 1"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 1, type in text"
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 1, editable, column header name, column 2 of 2"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 1, not selected, row 2 name, column 2"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "not selected, row 2 name, column 2"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "target 1, name, double tap to activate"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "target 1, column 2"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 1, you are currently on a cell"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "2018-01-01 target 1, not selected"
More information

Extended Support for: aria-selected attribute: The screen reader MUST convey false value by indicating that the element can be selected

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
OrcaGoogle Chromeunknown-More information
Back to top

aria-selected attribute: The screen reader MUST convey true value by indicating that the element is currently selected

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

This expectation is from the aria-selected attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 2, selected"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 2"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 2, type in text"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 2, selected, editable, column header name, column 2 of 2"
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 2, row 3, column 2"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "not selected, row 3 name, column 2"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "selected, target 2, name, double tap to activate"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "target 2, column 2, table end"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "target 2, you are currently on a cell"
More information
OrcaFirefox (desktop)unknown
  • Result: (false)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "2018-01-02, target 2, not selected"
More information

Extended Support for: aria-selected attribute: The screen reader MUST convey true value by indicating that the element is currently selected

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
OrcaGoogle Chromeunknown-More information
Back to top

aria-selected attribute: The screen reader MUST convey changes to aria-selected value

Rationale: The user needs to know that the value was successfully changed.

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

This expectation is from the aria-selected attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: target
    • location after command: target
    • Output: "enter"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: target
    • location after command: target
    • Output: "enter"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: target
    • location after command: target
    • Output: "enter"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Enter or Space Bar (Activate Item (primary action))
    • location before command: before target
    • location after command: target
    • Output: "non-selected"
Notes: Narrator appears to intercept the enter key when aria-selected is set to false
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: "not selected" or "selected"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: no announcement was made
More information
TalkBackGoogle Chrome (android)partial
  • Result: (partial)
    • command: double tap (Activate button)
    • location before command: before target
    • location after command: target
    • Output: "selected", but does not announce the transition to the unselected state
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Double tap (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: change of state not conveyed
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: no announcement was made
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: "space"
More information

Extended Support for: aria-selected attribute: The screen reader MUST convey changes to aria-selected 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
OrcaGoogle Chromeunknown-More information
Back to top

History

  • 2018-10-26 Test created
  • 2019-08-02 Updated to test more values
  • 2019-09-14 Added Orca results