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

Test: aria-hidden on a text input

Current support: supported with 8 unknown results

This test uses aria-hidden='true' on a div containing a text input

Run this test and and submit your results

On this page

Test HTML

open the test page in a new tab
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Aria hidden text input (custom)</title>
</head>
<body>
    <p>Some text before the form control</p>
    <div aria-hidden="true">
        <label for="target">Your name</label>
        <input type="text" id="target" />
    </div>
    <p>Some text after the form control</p>
</body>
</body>
</html>

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
supported with 8 unknown results

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOS
aria-hidden attribute
MUST convey the presence of the element if it has aria-hidden="true"unknownunknownunknownsupported with 1 unknown resultunknownunknownsupported

* means that some support is hidden behind settings

Detailed support results by expectation

aria-hidden attribute: The assistive technology MUST convey the presence of the element if it has aria-hidden="true"

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

This expectation is from the aria-hidden attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromeunknown-More information
JAWSGoogle Chromeunknown-More information
JAWSInternet Explorerunknown-More information
JAWSFirefox (desktop)unknown-More information
NarratorMicrosoft Edgeunknown-More information
NVDAGoogle Chromeunknown-More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: (target not read)
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: Your name edit has auto complete
Notes: When using focus mode (tab key) the control is still read. This is because the `aria-hidden="true"` does not make elements in the sub tree inert. It is the author's responsibility to make controls inert. See [nvaccess/nvda #5014](https://github.com/nvaccess/nvda/issues/5014) for more information.
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)unknown-More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: (nothing)
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: (nothing)
Notes: When pressing tab, the hidden input does receive focus but is not announced in the traditional sense. Depending on the exact order of key-presses, VoiceOver will either announce the page title or that 'you are currently on a text field' (no label is announced). This is accurate because aria-hidden will not remove an element from the tab index.
More information

Extended Support for: aria-hidden attribute: The assistive technology MUST convey the presence of the element if it has aria-hidden="true"

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorerunknown-More information
Dragon Naturally SpeakingFirefox (desktop)unknown-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
NVDA2018.2.1Firefox (desktop)61.0.117134.1652018-08-02
VoiceOver for macOS10.13.6Safari (macOS)11.1.210.13.62018-08-19

History

  • 2018-07-22 Sample data has been added. This data has not been verified.
  • 2018-08-02 NVDA/Firefox support added. Thank you @ShadowBB
  • 2018-08-19 vo_macos/safari support updated