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

Test: HTML section element with an accessible name (aria-label)

Screen Reader support level: partial (22/30)

Voice Control support level: not applicable

This section has an accessible name per HTML AAM 5.15.1 Section and Grouping Element Accessible Name Computation. It will will be mapped to a role and should not be considered presentational.

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 section[aria-label] element with an accessible name</title>
</head>
<body>
    <p>Use the screen reader to announce the target element. Note: The test will pass if a role and accessible name are announced by screen readers.</p>

    <p>Example start</p>
    <section id="target" aria-label="target">
        <p>Sample text line 1</p>
        <p>Sample text line 2</p>
        <p>Sample text line 3</p>
    </section>
    <p>Example end</p>
</body>
</html>

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Google Chrome7619032019-09-16
JAWS2019.1907.42Google Chrome7619032019-09-16
JAWS2019.1907.42Internet Explorer1119032019-09-16
JAWS2019.1907.42Firefox (desktop)6919032019-09-16
Narrator1903Microsoft Edge4419032019-09-16
NVDA2019.2Google Chrome7619032019-09-16
NVDA2019.2Firefox (desktop)6919032019-09-16
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-16
TalkBack7.3.0Google Chrome (android)7672019-09-16
VoiceOver for iOS12.4.1Safari (iOS)12.4.112.4.12019-09-16
VoiceOver for macOS10.14.6Safari (macOS)12.1.210.14.62019-09-16

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver for iOSVoiceOver for macOS
section element
MUST convey an appropriate role and name if it is namedsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey boundaries if namedpartialpartialpartialsupportedpartialpartialsupported
SHOULD provide shortcuts to jump to this rolesupportedsupportedsupportedsupportedsupportedsupportedsupported
aria-label attribute
MUST contribute to 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
aria-label attribute
MUST contribute to the accessible namenot applicablenot applicablenot applicablenot applicable

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the section element: convey an appropriate role and name if it is named

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

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

This expectation is from the section element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: R (Read region)
    • Output: Sample text line 1, target region
More information
JAWSInternet Exploreryes
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "sample text line 1"
  • Result: (pass)
    • command: R (Read region)
    • Output: "Sample text line 1, target region"
More information
JAWSFirefox (desktop)yes
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: R (Read region)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target region"
More information
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: d (next landmarkd)
    • location before command: before target
    • location after command: target
    • Output: "target section, region landmark"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "target region, sample text line 1"
  • Result: (partial)
    • command: m (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "region, sample text line 1"
    • Notes: name not announced
More information
TalkBackGoogle Chrome (android)yes
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, line 1"
  • Result: (pass)
    • command: LCM, landmarks, swipe right (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "target, region, sample text line 1, sample text line 2, sample text line 3"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: Swipe down (next landmark (correct item type must be selected))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target, region, landmark"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "target, region"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • Output: "target region"
More information

Extended Support for: section element: convey an appropriate role and name if it is named

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
Voice Access for AndroidFirefox (Android)not applicable-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
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the section element: convey boundaries if named

Rationale: A user might need to differentiate content inside the region from content outside of the region

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.
  • A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example).
  • A screen reader might announce position in set information such as "1 of 6".
  • A screen reader might not convey boundaries if the content fits on a single line

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

This expectation is from the section element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromepartial
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: R (Read region)
    • Output: Sample text line 1, target region
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "blank"
More information
JAWSInternet Explorerpartial
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "sample text line 1"
  • Result: (pass)
    • command: R (Read region)
    • Output: "Sample text line 1, target region"
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "blank"
More information
JAWSFirefox (desktop)partial
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: R (Read region)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target region"
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "blank"
More information
NarratorMicrosoft Edgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: d (next landmarkd)
    • location before command: before target
    • location after command: target
    • Output: "target section, region landmark"
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: within target
    • location after command: after target
    • Output: "example end"
More information
NVDAGoogle Chromepartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "example, end"
More information
NVDAFirefox (desktop)partial
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "example, end"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "target region, sample text line 1"
  • Result: (pass)
    • command: m (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "region, sample text line 1"
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "leaving region"
More information
TalkBackGoogle Chrome (android)partial
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, line 1"
  • Result: (pass)
    • command: LCM, landmarks, swipe right (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "target, region, sample text line 1, sample text line 2, sample text line 3"
    • Notes: boundaries implied because all contents were announced
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)partial
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
  • Result: (pass)
    • command: Swipe down (next landmark (correct item type must be selected))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target, region, landmark"
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: within target
    • location after command: end of target
    • Output: "example end"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "target, region"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • Output: "target region"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "target, region"
More information

Extended Support for: section element: convey boundaries if named

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
Voice Access for AndroidFirefox (Android)not applicable-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
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the aria-label attribute: contribute to 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 aria-label attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (na)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
    • Notes: na because the element was not conveyed
  • Result: (pass)
    • command: R (Read region)
    • Output: Sample text line 1, target region
More information
JAWSInternet Exploreryes
  • Result: (na)
    • command: Down arrow (Read next item)
    • Output: "sample text line 1"
    • Notes: na because the element was not conveyed
  • Result: (pass)
    • command: R (Read region)
    • Output: "Sample text line 1, target region"
More information
JAWSFirefox (desktop)yes
  • Result: (na)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
    • Notes: na because the element was not conveyed
  • Result: (pass)
    • command: R (Read region)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target region"
More information
NarratorMicrosoft Edgeyes
  • Result: (na)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1"
    • Notes: na because the element was not conveyed
  • Result: (pass)
    • command: d (next landmarkd)
    • location before command: before target
    • location after command: target
    • Output: "target section, region landmark"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "target region, sample text line 1"
  • Result: (fail)
    • command: m (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "region, sample text line 1"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (na)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, line 1"
    • Notes: na because the element was not conveyed
  • Result: (pass)
    • command: LCM, landmarks, swipe right (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "target, region, sample text line 1, sample text line 2, sample text line 3"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (na)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, line 1"
    • Notes: na because the element was not conveyed
  • Result: (pass)
    • command: Swipe down (next landmark (correct item type must be selected))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target, region, landmark"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: "target, region"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • Output: "target region"
More information

Extended Support for: aria-label attribute: contribute to the accessible name

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
Voice Access for AndroidFirefox (Android)not applicable-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
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the section element: provide shortcuts to jump to this role

Rationale: Screen reader users might want to quickly navigate to elements of this type.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: SHOULD
  • Voice Control: NA

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

This expectation is from the section element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: R (Read region)
    • Output: Sample text line 1, target region
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: R (Read region)
    • Output: "Sample text line 1, target region"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target region"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: d (next landmarkd)
    • location before command: before target
    • location after command: target
    • Output: "target section, region landmark"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: d (Next landmark)
    • location before command: before target
    • location after command: start of target
    • Output: "Target region, Sample text line 1"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: m (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "region, sample text line 1"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: LCM, landmarks, swipe right (Next landmark)
    • location before command: before target
    • location after command: target
    • Output: "target, region, sample text line 1, sample text line 2, sample text line 3"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe down (next landmark (correct item type must be selected))
    • location before command: before target
    • location after command: target
    • Output: "sample text line 1, target, region, landmark"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • Output: "target region"
More information

Extended Support for: section element: provide shortcuts to jump to this role

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
Voice Access for AndroidFirefox (Android)not applicable-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
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

History

  • 2018-11-14 Test created
  • 2019-09-16 Add more assertions and update results