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

Test: Explicit label

Current support: supported

This style of labeling depends on IDs.

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>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.30Google Chrome70.018092018-11-15
JAWS2019.1906.10Google Chrome7519032019-07-10
JAWS2019.1906.10Internet Explorer1119032019-07-10
JAWS2019.1606.10Firefox (desktop)6719032019-07-10
Narrator1903Microsoft Edge4419032019-07-10
NVDA2019.1.1Google Chrome7519032019-07-10
NVDA2019.1.1Firefox (desktop)6019032019-07-10
TalkBack6.2Google Chrome (android)678.12018-07-21
VoiceOver for iOS12.3.1Safari (iOS)12.3.112.3.12019-07-10
VoiceOver for macOS10.14.5Safari (macOS)12.1.110.13.52019-07-10
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-15

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
label element
MUST correctly compute the accessible namesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported

* means that some support is hidden behind settings

Detailed support results by expectation

label element: The assistive technology MUST correctly compute the accessible name

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 SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate actionable item)
    • Output: (input was focused)
More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
More information
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • Output: "Your name, edit"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • Output: "Your name, text field"
More information
VoiceOver for macOSSafari (macOS)yes
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: label element: The assistive technology MUST correctly compute the accessible name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally Speaking 15.30Internet Explorer 11.134yes
  • Result: (pass)
    • command: "Click <text>" (Activate actionable item)
    • Output: (input was focused)
More information
Dragon Naturally Speaking 15.30Firefox (desktop) 63.0.1yes
  • Result: (pass)
    • command: "Click <text>" (Activate actionable item)
    • Output: (input was focused)
More information
JAWS 2019.1906.10Microsoft Edge 44yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • Output: "Your name, edit, type in text"
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 macOS 10.14.5Google Chrome 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 for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-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