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

Test: aria-errormessage attribute with aria-invalid="true"

Current support: no known support

Tests the aria-errormessage attribute with aria-invalid="true". The error message must be conveyed.

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-errormessage examples</title>
</head>
<body>
<h1>aria-errormessage Examples</h1>

<!-- Initial valid state -->
<label for="invalid-false">Input with aria-invalid="false"</label>
<input id="invalid-false" type="text" aria-errormessage="invalid-false-msg" value="" aria-invalid="false">
<div id="invalid-false-msg" style="visibility:hidden">example error text</div>

<!-- User has input an invalid value -->
<label for="invalid-true">Input with aria-invalid="true"</label>
<input id="invalid-true" type="text" aria-errormessage="invalid-true-msg" aria-invalid="true" value="" >
<div id="invalid-true-msg">example error text</div>

</body>
</html>

Support tables

Assertions are conditions that must be met for the feature to be considered as "supported". Only "MUST" assertions need to be met for minimal "support". "SHOULD" and "MAY" assertions indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these assertions, and as such, they are likely opinionated. Minimal support reflects that the structure, relationships, and functionality of the feature are conveyed and operable by assistive technology rather than minimal conformance to any specific WCAG SC. As such, a feature might not meet all "MUST" assertions but still be usable (potentially frustratingly so).

Assertion support summary by type of assertion
MUSTSHOULDMAY
no known supportnana

Assertion support summary by assertion

FeatureAssertionSupportHas failing tests
aria-errormessage attributeThe screen reader MUST convey the accessible name of the referenced ID(s)no known supportYes

aria-errormessage attribute: The screen reader MUST convey the accessible name of the referenced ID(s)

This assertion is from the aria-errormessage attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 73none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
JAWS 2018.1811.2Internet Explorer 11none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
JAWS 2018.1811.2Firefox (desktop) 66none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
Narrator 1809Microsoft Edge 44.17763none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
NVDA 2019.0.1Google Chrome 73none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
NVDA 2019.0.1Firefox (desktop) 66none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: (error message not conveyed)
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information

Extended Support for: aria-errormessage attribute: The screen reader MUST convey the accessible name of the referenced ID(s)

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWS 2018.1811.2Microsoft Edge 44none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDA 2019.0.1Internet Explorer 11none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
NVDA 2019.0.1Microsoft Edge 44.17763none
  • Result: (fail)
    • command: Tab
    • Output: (error message not conveyed)
More information
TalkBackFirefox (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

History

  • 2019-04-09 Test created