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

Test: aria-required attribute

Current support: partial (19/20)

Tests the aria-required attribute against a suite of simple inputs.

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-required examples</title>
</head>
<body>
<h1>aria-required examples</h1>
<p>This page contains various aria-required examples</p>

<h2>aria-required="false"</h2>
<label for="fruit">Fruit</label>
<input type="text" id="fruit" aria-required="false">

<h2>aria-required="true"</h2>
<label for="veggie">Veggie</label>
<input type="text" id="veggie" aria-required="true">

</body>
</html>

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
JAWS2019.1906.10Google Chrome7519032019-07-01
JAWS2019.1906.10Internet Explorer1119032019-07-01
JAWS2019.1906.10Firefox (desktop)6719032019-07-01
Narrator1903Microsoft Edge44.1776319032019-07-01
NVDA2019.1.1Google Chrome7519032019-07-01
NVDA2019.1.1Firefox (desktop)6719032019-07-01
TalkBack7.3.0Google Chrome (android)7692019-09-15
VoiceOver for iOS12.3.1Safari (iOS)12.3.112.3.12019-07-01
VoiceOver for macOS10.14.5Safari (macOS)12.1.110.14.52019-07-01
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-15

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
aria-required attribute
MUST convey the "false" valuenot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the "true" valuenot applicablesupportedsupportedsupportednonesupportedsupportedsupported

* means that some support is hidden behind settings

Detailed support results by expectation

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

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

This expectation is from the aria-required 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: "fruit edit. type in text."
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "fruit edit. type in text."
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "fruit edit. 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: "Fruit. Edit."
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Fruit, edit. Blank."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Fruit, edit. Has auto complete. Blank."
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit box, fruit, 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: "Fruit, text field."
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: "Fruit, edit text."
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "fruit entry, focus mode"
More information

Extended Support for: aria-required 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
OrcaGoogle Chromeunknown-More information
Back to top

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

Examples of assistive technologies support this expectation:

  • If applied to a single control, a screen reader might announce that control as required
  • If applied to a group of controls, such as a radio group, the screen reader might announce the required state on the group, and the required state will be implied for the controls.
  • If applied to a group of controls, such as a radio group, the screen reader might announce the first control as required, and the required state will be implied for the rest.
  • If applied to a group of controls, such as a radio group, the screen reader might announce the each control as required.

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

This expectation is from the aria-required 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: "veggie edit. required. type in text."
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "veggie edit. required. type in text."
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "veggie edit. required. 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: "Veggie. Edit. Required."
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Veggie, edit, required. Blank."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Veggie, edit, required. Has auto complete. Blank."
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit box, veggie, 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: "Veggie, text field, required."
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: "Veggie, required, edit text."
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "veggie, entry, required"
More information

Extended Support for: aria-required 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
OrcaGoogle Chromeunknown-More information
Back to top

History

  • 2019-07-01 Test created
  • 2019-09-15 add talkback and orca results