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

Test: Implicit label

Screen Reader support level: supported

Voice Control support level: partial (1/4)

This style of labeling does not use 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 - implicit</title>
</head>
<body>
    <p>Content before target</p>
    <label>
        Your name
        <input id="target" type="text" />
    </label>
    <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
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-15
TalkBack6.2Google Chrome (android)678.12018-07-21
Voice Access for Android3.1Google Chrome (android)7772019-10-02
Voice Control for iOS13.0Safari (iOS)13.013.02019-09-23
Voice Control for MacOS10.15Safari (macOS)13.0.210.152019-10-07
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

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver for iOSVoiceOver for 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 for AndroidVoice Control for iOSVoice Control for MacOS
label element
MUST correctly compute the accessible namenonenonesupportednone

* 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 SpeakingGoogle Chromenone
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: (input was not 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
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
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • Output: "Your name, edit"
More information
Voice Access for AndroidGoogle Chrome (android)none
  • 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 for iOSSafari (iOS)yes
  • Result: (pass)
    • command: "Tap <text>" (Activate item by name)
    • Output: input was focused
    • Notes: said "tap your name"
More information
Voice Control for MacOSSafari (macOS)none
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: input was not focused
    • Notes: said "click your name"
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

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

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally Speaking 15.30Internet Explorer 11.134none
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: (input was not focused)
More information
Dragon Naturally Speaking 15.30Firefox (desktop) 63.0.1none
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: (input was not 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
Voice Access for AndroidFirefox (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
Voice Control for MacOSGoogle Chromeunknown-More information
Voice Control for MacOSFirefox (desktop)unknown-More information
Back to top

History

  • 2018-07-06 Sample data has been added. This data has not been verified.
  • 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-07 Add vc_macos results