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

Test: Explicit label

Screen Reader support level: supported

Voice Control support level: partial (4/5)

This style of labeling depends on IDs.

Run this test and and submit your results

On this page

Test HTML

open the test page
<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML label element - explicit</title>
</head>
<body>
    <p>Content before target</p>
    <label for="target">Your name</label>
    <input type="text" id="target" />
    <p>content after target</p>
</body>
</html>

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Chrome70.018092018-11-15
JAWS2019.1906.10Chrome7519032019-07-10
JAWS2019.1906.10IE1119032019-07-10
JAWS2019.1606.10Firefox6719032019-07-10
Narrator1903Edge4419032019-07-10
NVDA2019.1.1Chrome7519032019-07-10
NVDA2019.1.1Firefox6019032019-07-10
Orca3.31.4Firefox69Ubuntu 19.042019-09-15
TalkBack6.2Chrome678.12018-07-21
Voice Access (Android)3.1Chrome7782019-10-03
Voice Control (iOS)13.0Safari13.013.02019-09-23
Voice Control (MacOS)10.15Safari13.0.210.152019-10-07
VoiceOver (iOS)12.3.1Safari12.3.112.3.12019-07-10
VoiceOver (macOS)10.14.5Safari12.1.110.13.52019-07-10
Windows Speech Recognition1903Chrome7719032019-10-18

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
label element
MUST correctly compute the accessible namesupportedsupportedsupportedsupportedsupportedsupportedsupported

* means that some support is hidden behind settings

Summary of Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
label element
MUST correctly compute the accessible namesupportednonesupportedsupportedsupported

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the label element: correctly compute the accessible name

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

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

This expectation is from the label element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: (input was focused)
More information
JAWSChromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
JAWSIEyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Your name"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit"
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: "Clickable, Your name, edit"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, blank"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: "Clickable, Your name, edit, has auto complete"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, has auto complete, blank"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: "Your name, entry"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, entry, focus mode"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • Output: "Your name, edit"
More information
Voice Access (Android)Chromenone
  • Result: (fail)
    • command: "Tap <text>" or just "<text>" (Activate item by name)
    • Output: command was not recognized
    • Notes: said "tap your name"
More information
Voice Control (iOS)Safariyes
  • Result: (pass)
    • command: "Tap <text>" (Activate item by name)
    • Output: input was focused
    • Notes: said "tap your name"
More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: input was focused
    • Notes: said "click your name"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • Output: "Your name, text field"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: your name, edit text
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: your name, edit text
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: role was activated
    • Notes: said "click your name"
More information

Extended Support for: label element: correctly compute the accessible name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally Speaking 15.30IE 11.134yes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: (input was focused)
More information
Dragon Naturally Speaking 15.30Firefox 63.0.1yes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: (input was focused)
More information
JAWS 2019.1906.10Edge 44yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS) 10.14.5Chrome 75yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: your name, edit text
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: your name, edit text
More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: role was activated
    • Notes: said "click your name"
More information
Back to top

History

  • 2018-07-06 Sample data has been added. This data has not been verified.
  • 2018-08-02 Added support for VO/Chrome. Thank you @shaderpixel
  • 2018-11-15 dragon_win/ie support updated
  • 2018-11-15 dragon_win/firefox support updated
  • 2018-11-15 dragon_win/chrome support updated
  • 2019-09-15 add orca results
  • 2019-09-23 Added vc_ios results
  • 2019-10-02 Add va_and results
  • 2019-10-07 Add vc_macos results
  • 2019-10-18 Add wsr results