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

Test: APG 1.1 modal dialog example

Current support: partial (29/40)

This example implements a modal dialog.

Run this test and and submit your results

On this page

Test HTML

view the external test

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Google Chrome7619032019-08-13
JAWS2019.1906.10Google Chrome7619032019-08-13
JAWS2019.1906.10Internet Explorer1119032019-08-13
JAWS2019.1906.10Firefox (desktop)6819032019-08-13
Narrator1903Microsoft Edge4419032019-08-13
NVDA2019.1.1Google Chrome7619032019-08-13
NVDA2019.1.1Firefox (desktop)6819032019-08-13
TalkBack7.3.0Google Chrome (android)7692019-08-13
VoiceOver for iOS12.3.1Safari (iOS)12.3.112.3.12019-08-13
VoiceOver for macOS10.14.6Safari (macOS)12.1.210.14.52019-08-13
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-13

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
dialog role
MUST convey the dialog rolenot applicablesupportedsupportedsupportednonesupportedsupportedsupported
MUST convey the name of the dialognot applicablesupportedsupportedsupportednonesupportedsupportedsupported
MUST convey the boundaries of the dialognot applicablesupportedpartialsupportednonepartialsupportedpartial
aria-modal attribute
MUST convey the presence of aria-model=truenot applicablesupportednonesupportednonepartialpartialpartial
SHOULD limit reading to children of aria-modal=truenot applicablesupportednonesupportednonepartialsupportedpartial
SHOULD remove outside content from navigational shortcuts when aria-modal=truenot applicablepartialnonesupportednonesupportednonepartial

* means that some support is hidden behind settings

Detailed support results by expectation

dialog role: The screen reader MUST convey the dialog role

Rationale: Users must be made aware of the dialog context.

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

This expectation is from the dialog role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The name, role, and aria-modal were conveyed when entering the dialog for the first time.
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The name and role were conveyed when entering the dialog for the first time. The modal state was not
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The name, role, and modal state were conveyed when entering the dialog for the first time.
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Enter or Space Bar (Activate Item (primary action))
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: double tap (Activate button)
    • location before command: before target
    • location after command: within target
    • Output: "edit box, street"
    • Notes: not conveyed when first entering the dialog
  • Result: (fail)
    • command: Swipe left (Read previous item)
    • location before command: start of target
    • location after command: within target
    • Output: "edit box, street"
    • Notes: not conveyed when navigating to the boundary of the dialog
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Double tap (Activate Button)
    • location before command: start of target
    • location after command: within target
    • Output: "add delivery address, web dialog..."
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: "street, edit text"
  • Result: (pass)
    • command: VO + Shift + Up Arrow (Exit an object (such as an iframe))
    • location before command: within target
    • location after command: target
    • Output: "Out of add delivery address, web dialog..."
More information
OrcaFirefox (desktop)yes
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: contents of modal was announced, but not the dialog name, role, or state (modal)
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: link before the modal was announced, and then "add delivery address dialog, street, entry"
More information

Extended Support for: dialog role: The screen reader MUST convey the dialog 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
OrcaGoogle Chromeunknown-More information
Back to top

dialog role: The screen reader MUST convey the name of the dialog

Rationale: Users need to know the purpose of the dialog.

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

This expectation is from the dialog role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The name, role, and aria-modal were conveyed when entering the dialog for the first time.
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The name and role were conveyed when entering the dialog for the first time. The modal state was not
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The name, role, and modal state were conveyed when entering the dialog for the first time.
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Enter or Space Bar (Activate Item (primary action))
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: double tap (Activate button)
    • location before command: before target
    • location after command: within target
    • Output: "edit box, street"
    • Notes: not conveyed when first entering the dialog
  • Result: (fail)
    • command: Swipe left (Read previous item)
    • location before command: start of target
    • location after command: within target
    • Output: "edit box, street"
    • Notes: not conveyed when navigating to the boundary of the dialog
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Left (Previous item)
    • location before command: start of target
    • location after command: within target
    • Output: "add delivery address, web dialog..."
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: "street, edit text"
  • Result: (pass)
    • command: VO + Shift + Up Arrow (Exit an object (such as an iframe))
    • location before command: within target
    • location after command: target
    • Output: "Out of add delivery address, web dialog..."
More information
OrcaFirefox (desktop)yes
  • Result: (fail)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: contents of modal was announced, but not the dialog name, role, or state (modal)
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: link before the modal was announced, and then "add delivery address dialog, street, entry"
More information

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

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

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

Rationale: Users need to know when they enter and exit a dialog.

Examples of assistive technologies support this expectation:

  • Screen readers might announce something like "entering dialog" or "leaving dialog".
  • Screen readers might imply the boundary by obscuring outside content when aria-modal=true is also present.

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

This expectation is from the dialog role feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: not able to move outside of the modal
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: not able to move outside of the modal
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: not able to move outside of the modal
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: "Dialog, heading level 2, add delivery address"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: within target
    • location after command: before target
    • Output: "Link, modal dialog design pattern in aria authoring practices 1.1"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: not able to move outside of the modal
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: not able to move outside of the modal
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe left (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: "modal dialog design pattern in aria authoring practices 1.1, link"
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: within target
    • Output: dialog boundary not conveyed
More information
VoiceOver for iOSSafari (iOS)partial
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: start of target
    • location after command: before target
    • Output: "modal dialog design pattern in aria authoring practices 1.1, link"
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, web dialog..."
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: Unable to navigate out of the dialog object and the dialog role is conveyed when entering the container is focused by VO
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: target
    • location after command: before target
    • Output: Unable to navigate out of the dialog object and the dialog role is conveyed when entering the container is focused by VO
More information
OrcaFirefox (desktop)partial
  • Result: (partial)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: link before the modal was announced, and then "add delivery address dialog, street, entry".
    • Notes: boundaries partially implied by the fact that the rest of the document is not navigable. Partial because the link before the modal was announced.
More information

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

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-modal attribute: The screen reader MUST convey the presence of aria-model=true

Rationale: Users need to be aware that other content is obscured by the modal.

Examples of assistive technologies support this expectation:

  • Screen readers might convey the modal state when entering the modal
  • Screen readers might imply the modal state by restricting reading and navigation to the modal content

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

This expectation is from the aria-modal attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The modal state was explicitly conveyed.
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The modal state was explicitly conveyed.
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "add delivery address, modal dialog..."
    • Notes: The modal state was explicitly conveyed.
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Enter or Space Bar (Activate Item (primary action))
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
    • Notes: Modal state was not conveyed and non-modal content was not obscured. See other expectations for details.
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
    • Notes: Modal state was not conveyed but non-modal content was obscured which implies the modal state. See other expectations for details.
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: within target
    • Output: "Add delivery address, dialog..."
    • Notes: Modal state was not conveyed but non-modal content was obscured which implies the modal state. See other expectations for details.
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: double tap (Activate button)
    • location before command: before target
    • location after command: within target
    • Output: "edit box, street"
    • Notes: Modal state was not conveyed but non-modal content was not obscured. See other expectations for details.
More information
VoiceOver for iOSSafari (iOS)partial
  • Result: (partial)
    • command: Double tap (Activate Button)
    • location before command: start of target
    • location after command: within target
    • Output: "add delivery address, web dialog..."
    • Notes: Modal state was not conveyed but non-modal content was partially obscured which partially implies the modal state. See other expectations for details.
More information
VoiceOver for macOSSafari (macOS)partial
  • Result: (partial)
    • command: Enter or Space (Activate Button)
    • location before command: before target
    • location after command: target
    • Output: "street, edit text"
    • Notes: Modal state was not conveyed but non-modal content was partially obscured which partially implies the modal state. See other expectations for details.
More information
OrcaFirefox (desktop)partial
  • Result: (partial)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: link before the modal was announced, and then "add delivery address dialog, street, entry".
    • Notes: boundaries partially implied by the fact that the rest of the document is not navigable. Partial because the link before the modal was announced.
More information

Extended Support for: aria-modal attribute: The screen reader MUST convey the presence of aria-model=true

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-modal attribute: The screen reader SHOULD limit reading to children of aria-modal=true

Rationale: Users should not be able to access content outside of the modal. However, AT are not required to implement this functionality per the ARIA spec, and authors may implement this on their own.

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

This expectation is from the aria-modal attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: unable to reach outside content
    • Notes: The title of the window was announced
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: unable to reach outside content
    • Notes: The title of the window was announced
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: unable to reach outside content
    • Notes: The title of the window was announced
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: within target
    • location after command: before target
    • Output: content outside of the modal was announced
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: unable to reach outside content
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: unable to reach outside content
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe left (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: content outside of the modal was announced
More information
VoiceOver for iOSSafari (iOS)partial
  • Result: (partial)
    • command: Swipe Left (Previous item)
    • location before command: within target
    • location after command: before target
    • Output: "opening double quotation mark" and "closing double quotation mark"
    • Notes: quotation marks were found and announced but no other content was conveyed
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: target
    • location after command: before target
    • Output: unable to navigate to outside content
    • Notes: unable to navigate to outside content even after navigating out of the dialog via VO+shift+up arrow
More information
OrcaFirefox (desktop)partial
  • Result: (partial)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: link before the modal was announced, and then "add delivery address dialog, street, entry".
    • Notes: Partial because the link before the modal was announced (but nothing else outside of the modal).
More information

Extended Support for: aria-modal attribute: The screen reader SHOULD limit reading to children of aria-modal=true

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-modal attribute: The screen reader SHOULD remove outside content from navigational shortcuts when aria-modal=true

Rationale: Users should not be able to access content outside of the modal. However, AT are not required to implement this functionality per the ARIA spec, and authors may implement this on their own.

Examples of assistive technologies support this expectation:

  • Screen readers must not allow allow users to jump to the next element type if that element is outside of the modal
  • Screen readers must not include outside content in the list of elements

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

This expectation is from the aria-modal attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromepartial
  • Result: (fail)
    • command: Insert + F3 (Open element list)
    • Output: outside content was displayed in content lists, such as the of links, etc.
  • Result: (pass)
    • command: u (Next unvisited link)
    • Output: no links were found
    • Notes: This is sort of fragile. If you use the mouse to click outside of the modal content, the modal stays open but shortcuts can be used to jump to outside content. It appears to work fine if keyboard was used exclusively.
More information
JAWSInternet Explorerpartial
  • Result: (fail)
    • command: Insert + F3 (Open element list)
    • Output: outside content was displayed in content lists, such as the of links, etc.
  • Result: (pass)
    • command: u (Next unvisited link)
    • Output: no links were found
    • Notes: This is sort of fragile. If you use the mouse to click outside of the modal content, the modal stays open but shortcuts can be used to jump to outside content. It appears to work fine if keyboard was used exclusively.
More information
JAWSFirefox (desktop)partial
  • Result: (fail)
    • command: Insert + F3 (Open element list)
    • Output: outside content was displayed in content lists, such as the of links, etc.
  • Result: (pass)
    • command: u (Next unvisited link)
    • Output: no links were found
    • Notes: This is sort of fragile. If you use the mouse to click outside of the modal content, the modal stays open but shortcuts can be used to jump to outside content. It appears to work fine if keyboard was used exclusively.
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: shift + k (Previous link)
    • location before command: within target
    • location after command: before target
    • Output: links were found outside of the modal
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: shift + f (previous form field)
    • location before command: within target
    • location after command: before target
    • Output: no outside form fields were found
  • Result: (pass)
    • command: shift+ k (Previous link)
    • location before command: within target
    • location after command: before target
    • Output: no outside links were found
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • Output: only content within the modal was included in the lists
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: shift + f (previous form field)
    • location before command: within target
    • location after command: before target
    • Output: no outside form fields were found
  • Result: (pass)
    • command: shift+ k (Previous link)
    • location before command: within target
    • location after command: before target
    • Output: no outside links were found
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • Output: only content within the modal was included in the lists
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe left (previous link (correct item type must be selected))
    • location before command: within target
    • location after command: before target
    • Output: content outside of the modal was announced
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe up (previous link (correct item type must be selected))
    • location before command: within target
    • location after command: before target
    • Output: not found
  • Result: (pass)
    • command: Swipe up (previous form control (correct item type must be selected))
    • location before command: within target
    • location after command: before target
    • Output: not found
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Shift + Command + H (Previous Heading)
    • location before command: within target
    • location after command: before target
    • Output: previous headings in outside content were found
  • Result: (fail)
    • command: VO + U (Open Rotor)
    • Output: headings, links, and other content was listed and could be navigated to
More information
OrcaFirefox (desktop)partial
  • Result: (pass)
    • command: shift + tab (previous form field)
    • location before command: within target
    • location after command: before target
    • Output: no outside form fields were found
  • Result: (partial)
    • command: shift+ k (Previous link)
    • location before command: within target
    • location after command: before target
    • Output: The link just before the dialog example was announced, but the reading cursor was immediately sent back to the open dialog. Not possible to find other links outside of the dialog.
  • Result: (partial)
    • command: alt + shift+ k (Open a list of links)
    • Output: outside links are listed. When jumping to those links, focus is redirected back to the open dialog.
    • Notes: partial because outside links are listed but its not possible to jump to them.
More information

Extended Support for: aria-modal attribute: The screen reader SHOULD remove outside content from navigational shortcuts when aria-modal=true

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

  • 2019-08-13 Test created