CINXE.COM

<!DOCTYPE html><html lang="en"><head><title>Test: HTML section element with an accessible name (aria-label) | Accessibility Support</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="canonical" href="https://a11ysupport.io/tests/html_section(aria-label)"><link rel="stylesheet" href="/stylesheets/style.css"><script src="/js/vendor/details-polyfill.js"></script><script src="/js/vendor/formdata.min.js"></script><script src="/js/head.js"></script></head><body><header role="banner"><a class="skip-nav" href="#main" id="skip-nav">Skip to main content</a><div class="logo-area"><div class="site-title"><a href="/">Accessibility Support</a></div>Will your code work with assistive technologies?</div><nav role="navigation"><ul><li><a href="/tests">All Tests</a></li><li><a href="/faq">FAQ</a></li><li><a href="/contribute">Contribute</a></li><li><a href="/learn">Learn</a></li><li><a href="/updates">Recent updates</a></li></ul></nav></header><main role="main" id="main" tabindex="-1"><div class="beta-warning">Important: This website does not attempt to establish a standard for how assistive technologies must behave. <a href="/faq">Read the FAQ for more information</a>. Additionally, this is a work in progress. <a href="https://github.com/accessibilitysupported/accessibilitysupported/issues/new">Please submit feedback or suggestions</a>.</div><div class="content-wrapper"><div class="content"><h1>Test: HTML section element with an accessible name (aria-label)</h1><div class="current-support-container ye">Screen Reader support level: supported</div><div class="current-support-container un">Voice Control support level: unknown</div><h2 id="top">On this page</h2><ul class="link-list"><li><a href="#description">About this test</a></li><li><a href="#age-of-results">Age of results</a></li><li><a href="#test-html">Test HTML</a></li><li><a href="#versions">Dates and Versions of tested combinations</a></li><li><a href="#support-summary-by-at-sr">Summary of screen reader support by expectation</a></li><li><a href="#support-summary-by-at-vc">Summary of voice control support by expectation</a></li><li><a href="#support-tables">Detailed support tables</a></li><li><a href="#history">History</a></li><li><a href="#related-features">Related features</a></li><li><a href="#contribute">Contribute and Feedback</a></li></ul><h2 id="description">About this test</h2><div>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. </div><a href="/tests/html_section(aria-label)/run">Submit new test results</a><h2 id="age-of-results">Age of results</h2>Results in this test range from 4 years ago to 5 years ago. See <a href="#versions">detailed information about test dates and versions</a> for more information.<div class="caution"><h3>Caution</h3>Failing or partial results may be out of date. The oldest result is from 5 years ago. Consider <a href="/tests/html_section(aria-label)/run">running this test</a> and contributing results.</div><h2 id="test-html">Test HTML</h2><a class="open-test-page" href="/tests/html/html_section(aria-label).html">Open the test case HTML file</a><pre class="test-html"><code><!DOCTYPE html> <html lang="en"> <head> <title>HTML section[aria-label] element with an accessible name</title> </head> <body> 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. Example start <section id="target" aria-label="target"> Sample text line 1 Sample text line 2 Sample text line 3 </section> Example end </body> </html> </code></pre><details open><summary><h2 id="support-summary-by-at-sr">Summary of Screen Reader support by expectation</h2></summary><div class="responsive-table" tabindex="0"><table class="support-table assertion-container summary-matrix" aria-labelledby="support-summary-by-at-sr sr-feature-index-0"><caption id="sr-feature-index-0">aria-label attribute</caption><tr><th id="h-feature-0-at-type-sr-expectation" rowspan="2">Expectation</th><th id="h-feature-0-at-jaws" colspan="3">JAWS</th><th id="h-feature-0-at-narrator" colspan="1">Narrator</th><th id="h-feature-0-at-nvda" colspan="3">NVDA</th><th id="h-feature-0-at-orca" colspan="1">Orca</th><th id="h-feature-0-at-talkback" colspan="1">TalkBack</th><th id="h-feature-0-at-vo_ios" colspan="1">VoiceOver (iOS)</th><th id="h-feature-0-at-vo_macos" colspan="1">VoiceOver (macOS)</th></tr><tr><th id="h-feature-0-at-jaws-browser-chrome">Chrome</th><th id="h-feature-0-at-jaws-browser-edge">Edge</th><th id="h-feature-0-at-jaws-browser-firefox">Firefox</th><th id="h-feature-0-at-narrator-browser-edge">Edge</th><th id="h-feature-0-at-nvda-browser-chrome">Chrome</th><th id="h-feature-0-at-nvda-browser-edge">Edge</th><th id="h-feature-0-at-nvda-browser-firefox">Firefox</th><th id="h-feature-0-at-orca-browser-firefox">Firefox</th><th id="h-feature-0-at-talkback-browser-and_chr">Chrome</th><th id="h-feature-0-at-vo_ios-browser-ios_saf">Safari</th><th id="h-feature-0-at-vo_macos-browser-safari">Safari</th></tr><tr><th class="assertion" id="h-feature-0-sr-assertion-0" headers="h-feature-0-at-type-sr-expectation"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element">MUST contribute to the accessible name applied to: section element</a></th><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-jaws h-feature-0-at-jaws-browser-chrome"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-jaws-chrome">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-jaws h-feature-0-at-jaws-browser-edge"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-jaws-edge">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-jaws h-feature-0-at-jaws-browser-firefox"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-jaws-firefox">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-narrator h-feature-0-at-narrator-browser-edge"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-narrator-edge">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-nvda h-feature-0-at-nvda-browser-chrome"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-nvda-chrome">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-nvda h-feature-0-at-nvda-browser-edge"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-nvda-edge">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-nvda h-feature-0-at-nvda-browser-firefox"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-nvda-firefox">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-orca h-feature-0-at-orca-browser-firefox"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-orca-firefox">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-talkback h-feature-0-at-talkback-browser-and_chr"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-talkback-and_chr">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-vo_ios h-feature-0-at-vo_ios-browser-ios_saf"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vo_ios-ios_saf">supported</a></td><td class="support-case ye" headers="h-feature-0-sr-assertion-0 h-feature-0-at-vo_macos h-feature-0-at-vo_macos-browser-safari"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vo_macos-safari">supported</a></td></tr></table><table class="support-table assertion-container summary-matrix" aria-labelledby="support-summary-by-at-sr sr-feature-index-1"><caption id="sr-feature-index-1">section element</caption><tr><th id="h-feature-1-at-type-sr-expectation" rowspan="2">Expectation</th><th id="h-feature-1-at-jaws" colspan="3">JAWS</th><th id="h-feature-1-at-narrator" colspan="1">Narrator</th><th id="h-feature-1-at-nvda" colspan="3">NVDA</th><th id="h-feature-1-at-orca" colspan="1">Orca</th><th id="h-feature-1-at-talkback" colspan="1">TalkBack</th><th id="h-feature-1-at-vo_ios" colspan="1">VoiceOver (iOS)</th><th id="h-feature-1-at-vo_macos" colspan="1">VoiceOver (macOS)</th></tr><tr><th id="h-feature-1-at-jaws-browser-chrome">Chrome</th><th id="h-feature-1-at-jaws-browser-edge">Edge</th><th id="h-feature-1-at-jaws-browser-firefox">Firefox</th><th id="h-feature-1-at-narrator-browser-edge">Edge</th><th id="h-feature-1-at-nvda-browser-chrome">Chrome</th><th id="h-feature-1-at-nvda-browser-edge">Edge</th><th id="h-feature-1-at-nvda-browser-firefox">Firefox</th><th id="h-feature-1-at-orca-browser-firefox">Firefox</th><th id="h-feature-1-at-talkback-browser-and_chr">Chrome</th><th id="h-feature-1-at-vo_ios-browser-ios_saf">Safari</th><th id="h-feature-1-at-vo_macos-browser-safari">Safari</th></tr><tr><th class="assertion" id="h-feature-1-sr-assertion-1" headers="h-feature-1-at-type-sr-expectation"><a href="#assertion-html-section_element-convey_boundaries-">SHOULD convey boundaries if named</a></th><td class="support-case pa" headers="h-feature-1-sr-assertion-1 h-feature-1-at-jaws h-feature-1-at-jaws-browser-chrome"><a href="#assertion-html-section_element-convey_boundaries--jaws-chrome">partial</a></td><td class="support-case pa" headers="h-feature-1-sr-assertion-1 h-feature-1-at-jaws h-feature-1-at-jaws-browser-edge"><a href="#assertion-html-section_element-convey_boundaries--jaws-edge">partial</a></td><td class="support-case pa" headers="h-feature-1-sr-assertion-1 h-feature-1-at-jaws h-feature-1-at-jaws-browser-firefox"><a href="#assertion-html-section_element-convey_boundaries--jaws-firefox">partial</a></td><td class="support-case pa" headers="h-feature-1-sr-assertion-1 h-feature-1-at-narrator h-feature-1-at-narrator-browser-edge"><a href="#assertion-html-section_element-convey_boundaries--narrator-edge">partial</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-1 h-feature-1-at-nvda h-feature-1-at-nvda-browser-chrome"><a href="#assertion-html-section_element-convey_boundaries--nvda-chrome">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-1 h-feature-1-at-nvda h-feature-1-at-nvda-browser-edge"><a href="#assertion-html-section_element-convey_boundaries--nvda-edge">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-1 h-feature-1-at-nvda h-feature-1-at-nvda-browser-firefox"><a href="#assertion-html-section_element-convey_boundaries--nvda-firefox">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-1 h-feature-1-at-orca h-feature-1-at-orca-browser-firefox"><a href="#assertion-html-section_element-convey_boundaries--orca-firefox">supported</a></td><td class="support-case pa" headers="h-feature-1-sr-assertion-1 h-feature-1-at-talkback h-feature-1-at-talkback-browser-and_chr"><a href="#assertion-html-section_element-convey_boundaries--talkback-and_chr">partial</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-1 h-feature-1-at-vo_ios h-feature-1-at-vo_ios-browser-ios_saf"><a href="#assertion-html-section_element-convey_boundaries--vo_ios-ios_saf">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-1 h-feature-1-at-vo_macos h-feature-1-at-vo_macos-browser-safari"><a href="#assertion-html-section_element-convey_boundaries--vo_macos-safari">supported</a></td></tr><tr><th class="assertion" id="h-feature-1-sr-assertion-2" headers="h-feature-1-at-type-sr-expectation"><a href="#assertion-html-section_element-convey_name_and_role_if_named-">MUST convey its role and name if it is named</a></th><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-jaws h-feature-1-at-jaws-browser-chrome"><a href="#assertion-html-section_element-convey_name_and_role_if_named--jaws-chrome">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-jaws h-feature-1-at-jaws-browser-edge"><a href="#assertion-html-section_element-convey_name_and_role_if_named--jaws-edge">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-jaws h-feature-1-at-jaws-browser-firefox"><a href="#assertion-html-section_element-convey_name_and_role_if_named--jaws-firefox">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-narrator h-feature-1-at-narrator-browser-edge"><a href="#assertion-html-section_element-convey_name_and_role_if_named--narrator-edge">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-nvda h-feature-1-at-nvda-browser-chrome"><a href="#assertion-html-section_element-convey_name_and_role_if_named--nvda-chrome">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-nvda h-feature-1-at-nvda-browser-edge"><a href="#assertion-html-section_element-convey_name_and_role_if_named--nvda-edge">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-nvda h-feature-1-at-nvda-browser-firefox"><a href="#assertion-html-section_element-convey_name_and_role_if_named--nvda-firefox">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-orca h-feature-1-at-orca-browser-firefox"><a href="#assertion-html-section_element-convey_name_and_role_if_named--orca-firefox">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-talkback h-feature-1-at-talkback-browser-and_chr"><a href="#assertion-html-section_element-convey_name_and_role_if_named--talkback-and_chr">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-vo_ios h-feature-1-at-vo_ios-browser-ios_saf"><a href="#assertion-html-section_element-convey_name_and_role_if_named--vo_ios-ios_saf">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-2 h-feature-1-at-vo_macos h-feature-1-at-vo_macos-browser-safari"><a href="#assertion-html-section_element-convey_name_and_role_if_named--vo_macos-safari">supported</a></td></tr><tr><th class="assertion" id="h-feature-1-sr-assertion-3" headers="h-feature-1-at-type-sr-expectation"><a href="#assertion-html-section_element-provide_shortcuts-">SHOULD provide shortcuts to jump to this role</a></th><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-jaws h-feature-1-at-jaws-browser-chrome"><a href="#assertion-html-section_element-provide_shortcuts--jaws-chrome">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-jaws h-feature-1-at-jaws-browser-edge"><a href="#assertion-html-section_element-provide_shortcuts--jaws-edge">supported</a></td><td class="support-case un" headers="h-feature-1-sr-assertion-3 h-feature-1-at-jaws h-feature-1-at-jaws-browser-firefox"><a href="#assertion-html-section_element-provide_shortcuts--jaws-firefox">unknown</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-narrator h-feature-1-at-narrator-browser-edge"><a href="#assertion-html-section_element-provide_shortcuts--narrator-edge">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-nvda h-feature-1-at-nvda-browser-chrome"><a href="#assertion-html-section_element-provide_shortcuts--nvda-chrome">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-nvda h-feature-1-at-nvda-browser-edge"><a href="#assertion-html-section_element-provide_shortcuts--nvda-edge">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-nvda h-feature-1-at-nvda-browser-firefox"><a href="#assertion-html-section_element-provide_shortcuts--nvda-firefox">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-orca h-feature-1-at-orca-browser-firefox"><a href="#assertion-html-section_element-provide_shortcuts--orca-firefox">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-talkback h-feature-1-at-talkback-browser-and_chr"><a href="#assertion-html-section_element-provide_shortcuts--talkback-and_chr">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-vo_ios h-feature-1-at-vo_ios-browser-ios_saf"><a href="#assertion-html-section_element-provide_shortcuts--vo_ios-ios_saf">supported</a></td><td class="support-case ye" headers="h-feature-1-sr-assertion-3 h-feature-1-at-vo_macos h-feature-1-at-vo_macos-browser-safari"><a href="#assertion-html-section_element-provide_shortcuts--vo_macos-safari">supported</a></td></tr></table></div>* means that some support is hidden behind settings</details><details open><summary><h2 id="support-summary-by-at-vc">Summary of Voice Control support by expectation</h2></summary><div class="responsive-table" tabindex="0"><table class="support-table assertion-container summary-matrix" aria-labelledby="support-summary-by-at-vc vc-feature-index-0"><caption id="vc-feature-index-0">aria-label attribute</caption><tr><th id="h-feature-0-at-type-vc-expectation" rowspan="2">Expectation</th><th id="h-feature-0-at-dragon_win" colspan="1">Dragon Naturally Speaking</th><th id="h-feature-0-at-va_and" colspan="1">Voice Access (Android)</th><th id="h-feature-0-at-vc_ios" colspan="1">Voice Control (iOS)</th><th id="h-feature-0-at-vc_macos" colspan="1">Voice Control (MacOS)</th><th id="h-feature-0-at-wsr" colspan="2">Windows Speech Recognition</th><th id="h-feature-0-at-va_windows" colspan="2">Windows Voice Access</th></tr><tr><th id="h-feature-0-at-dragon_win-browser-chrome">Chrome</th><th id="h-feature-0-at-va_and-browser-and_chr">Chrome</th><th id="h-feature-0-at-vc_ios-browser-ios_saf">Safari</th><th id="h-feature-0-at-vc_macos-browser-safari">Safari</th><th id="h-feature-0-at-wsr-browser-edge">Edge</th><th id="h-feature-0-at-wsr-browser-chrome">Chrome</th><th id="h-feature-0-at-va_windows-browser-edge">Edge</th><th id="h-feature-0-at-va_windows-browser-chrome">Chrome</th></tr><tr><th class="assertion" id="h-feature-0-vc-assertion-0" headers="h-feature-0-at-type-vc-expectation"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element">MUST contribute to the accessible name applied to: section element</a></th><td class="support-case na" headers="h-feature-0-vc-assertion-0 h-feature-0-at-dragon_win h-feature-0-at-dragon_win-browser-chrome"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-dragon_win-chrome">not applicable</a></td><td class="support-case na" headers="h-feature-0-vc-assertion-0 h-feature-0-at-va_and h-feature-0-at-va_and-browser-and_chr"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-va_and-and_chr">not applicable</a></td><td class="support-case na" headers="h-feature-0-vc-assertion-0 h-feature-0-at-vc_ios h-feature-0-at-vc_ios-browser-ios_saf"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vc_ios-ios_saf">not applicable</a></td><td class="support-case na" headers="h-feature-0-vc-assertion-0 h-feature-0-at-vc_macos h-feature-0-at-vc_macos-browser-safari"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vc_macos-safari">not applicable</a></td><td class="support-case na" headers="h-feature-0-vc-assertion-0 h-feature-0-at-wsr h-feature-0-at-wsr-browser-edge"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-wsr-edge">not applicable</a></td><td class="support-case na" headers="h-feature-0-vc-assertion-0 h-feature-0-at-wsr h-feature-0-at-wsr-browser-chrome"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-wsr-chrome">not applicable</a></td><td class="support-case un" headers="h-feature-0-vc-assertion-0 h-feature-0-at-va_windows h-feature-0-at-va_windows-browser-edge"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-va_windows-edge">unknown</a></td><td class="support-case un" headers="h-feature-0-vc-assertion-0 h-feature-0-at-va_windows h-feature-0-at-va_windows-browser-chrome"><a href="#assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-va_windows-chrome">unknown</a></td></tr></table><table class="support-table assertion-container summary-matrix" aria-labelledby="support-summary-by-at-vc vc-feature-index-1"><caption id="vc-feature-index-1">section element</caption><tr><th id="h-feature-1-at-type-vc-expectation" rowspan="2">Expectation</th><th id="h-feature-1-at-dragon_win" colspan="1">Dragon Naturally Speaking</th><th id="h-feature-1-at-va_and" colspan="1">Voice Access (Android)</th><th id="h-feature-1-at-vc_ios" colspan="1">Voice Control (iOS)</th><th id="h-feature-1-at-vc_macos" colspan="1">Voice Control (MacOS)</th><th id="h-feature-1-at-wsr" colspan="2">Windows Speech Recognition</th><th id="h-feature-1-at-va_windows" colspan="2">Windows Voice Access</th></tr><tr><th id="h-feature-1-at-dragon_win-browser-chrome">Chrome</th><th id="h-feature-1-at-va_and-browser-and_chr">Chrome</th><th id="h-feature-1-at-vc_ios-browser-ios_saf">Safari</th><th id="h-feature-1-at-vc_macos-browser-safari">Safari</th><th id="h-feature-1-at-wsr-browser-edge">Edge</th><th id="h-feature-1-at-wsr-browser-chrome">Chrome</th><th id="h-feature-1-at-va_windows-browser-edge">Edge</th><th id="h-feature-1-at-va_windows-browser-chrome">Chrome</th></tr><tr><td colspan="17">Not applicable</td></tr></table></div>* means that some support is hidden behind settings</details><details open><summary><h2 id="support-summary-by-at-kb">Summary of Keyboard support by expectation</h2></summary><div class="responsive-table" tabindex="0"><table class="support-table assertion-container summary-matrix" aria-labelledby="support-summary-by-at-kb kb-feature-index-0"><caption id="kb-feature-index-0">aria-label attribute</caption><tr><th id="h-feature-0-at-type-kb-expectation" rowspan="2">Expectation</th><th id="h-feature-0-at-win_kb" colspan="3">Windows Keyboard</th><th id="h-feature-0-at-mac_kb" colspan="2">Mac Keyboard</th><th id="h-feature-0-at-ios_kb" colspan="1">iOS Keyboard</th><th id="h-feature-0-at-and_kb" colspan="1">Android Keyboard</th></tr><tr><th id="h-feature-0-at-win_kb-browser-chrome">Chrome</th><th id="h-feature-0-at-win_kb-browser-firefox">Firefox</th><th id="h-feature-0-at-win_kb-browser-edge">Edge</th><th id="h-feature-0-at-mac_kb-browser-chrome">Chrome</th><th id="h-feature-0-at-mac_kb-browser-safari">Safari</th><th id="h-feature-0-at-ios_kb-browser-ios_saf">Safari</th><th id="h-feature-0-at-and_kb-browser-and_chr">Chrome</th></tr><tr><td colspan="8">Not applicable</td></tr></table><table class="support-table assertion-container summary-matrix" aria-labelledby="support-summary-by-at-kb kb-feature-index-1"><caption id="kb-feature-index-1">section element</caption><tr><th id="h-feature-1-at-type-kb-expectation" rowspan="2">Expectation</th><th id="h-feature-1-at-win_kb" colspan="3">Windows Keyboard</th><th id="h-feature-1-at-mac_kb" colspan="2">Mac Keyboard</th><th id="h-feature-1-at-ios_kb" colspan="1">iOS Keyboard</th><th id="h-feature-1-at-and_kb" colspan="1">Android Keyboard</th></tr><tr><th id="h-feature-1-at-win_kb-browser-chrome">Chrome</th><th id="h-feature-1-at-win_kb-browser-firefox">Firefox</th><th id="h-feature-1-at-win_kb-browser-edge">Edge</th><th id="h-feature-1-at-mac_kb-browser-chrome">Chrome</th><th id="h-feature-1-at-mac_kb-browser-safari">Safari</th><th id="h-feature-1-at-ios_kb-browser-ios_saf">Safari</th><th id="h-feature-1-at-and_kb-browser-and_chr">Chrome</th></tr><tr><td colspan="15">Not applicable</td></tr></table></div>* means that some support is hidden behind settings</details><h2 id="detailed-results">Detailed support results by expectation</h2><div class="assertion-container"><h3 id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element">Expectation for the aria-label attribute: contribute to the accessible name - applied to the section element</h3> This expectation is applied to the section element. Expectations and results might differ when the the feature is applied to different roles.This expectation is from the <a href="/tech/aria/aria-label_attribute">aria-label attribute feature</a>.<h4>Strength of this expectation for different types of assistive technologies:</h4><ul><li>Screen Readers: MUST</li><li>Voice Control: MUST</li></ul><h4>Grading method:</h4>Just one of the listed commands must pass for the expectation to pass.<div class="responsive-table" tabindex="0"><table aria-labelledby="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element"><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-dragon_win-chrome"><td>Dragon Naturally Speaking</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/dragon_win/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-jaws-chrome"><td>JAWS</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/jaws/chrome">yes</a></td><td><ul><li>Result: (na)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Result Notes: na because the element was not conveyed</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-jaws-edge"><td>JAWS</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/jaws/edge">yes</a></td><td><ul><li>Result: (na)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Result Notes: na because the element was not conveyed</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-jaws-firefox"><td>JAWS</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/jaws/firefox">yes</a></td><td><ul><li>Result: (na)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Result Notes: na because the element was not conveyed</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target region"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-narrator-edge"><td>Narrator</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/narrator/edge">yes</a></td><td><ul><li>Result: (na)<ul><li><details><summary>Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Jump to next item (scan mode))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Result Notes: na because the element was not conveyed</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target section, region landmark"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-nvda-chrome"><td>NVDA</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/nvda/chrome">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-nvda-edge"><td>NVDA</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/nvda/edge">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-nvda-firefox"><td>NVDA</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/nvda/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-orca-firefox"><td>Orca</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/orca/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "region target, sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use m (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> m</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-talkback-and_chr"><td>TalkBack</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/talkback/and_chr">yes</a></td><td><ul><li>Result: (na)<ul><li><details><summary>Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe right (or alt+right arrow)</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Result Notes: na because the element was not conveyed</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> swipe down after changing the reading control to 'landmarks' (alt+D)</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region, sample text line 1, sample text line 2, sample text line 3"</li></ul></li><li>Result: (na)<ul><li><details><summary>Test Case: unknown</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe right (or alt+right arrow)</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "example end"</li><li>Result Notes: na because the element was not conveyed</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-va_and-and_chr"><td>Voice Access (Android)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/va_and/and_chr">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vc_ios-ios_saf"><td>Voice Control (iOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vc_ios/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vc_macos-safari"><td>Voice Control (MacOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vc_macos/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vo_ios-ios_saf"><td>VoiceOver (iOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vo_ios/ios_saf">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe Right (Next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe Right</code> (Next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, Landmark"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe down</code> (next landmark (correct item type must be selected))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, landmark"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-vo_macos-safari"><td>VoiceOver (macOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vo_macos/safari">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + Right arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + U (Open Rotor)</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + U</code> (Open Rotor)<ul><li>After issuing the command, virtual focus should be: na</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target region"</li></ul></li></ul></td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-wsr-edge"><td>Windows Speech Recognition</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/wsr/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-wsr-chrome"><td>Windows Speech Recognition</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/wsr/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-va_windows-edge"><td>Windows Voice Access</td><td>Edge</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/va_windows/edge">unknown</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-va_windows-chrome"><td>Windows Voice Access</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/va_windows/chrome">unknown</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-win_kb-chrome"><td>Windows Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/win_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-win_kb-firefox"><td>Windows Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/win_kb/firefox">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-win_kb-edge"><td>Windows Keyboard</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/win_kb/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-mac_kb-chrome"><td>Mac Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/mac_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-mac_kb-safari"><td>Mac Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/mac_kb/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-ios_kb-ios_saf"><td>iOS Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/ios_kb/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-aria-aria-label_attribute-contribute_to_accessible_name-html-section_element-and_kb-and_chr"><td>Android Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/and_kb/and_chr">not applicable</a></td><td>-</td></tr></table></div><details class="indent"><summary><h4>Extended Support for: aria-label attribute: contribute to the accessible name</h4></summary>These are less common combinations<div class="responsive-table" tabindex="0"><table><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr><td>Dragon Naturally Speaking</td><td>IE</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/dragon_win/ie">not applicable</a></td><td>-</td></tr><tr><td>Dragon Naturally Speaking</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/dragon_win/firefox">not applicable</a></td><td>-</td></tr><tr><td>JAWS 2020.2006.12</td><td>IE 11</td><td class="support-case y"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/jaws/ie">yes</a></td><td><ul><li>Result: (na)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Result Notes: na because the element was not conveyed</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Sample text line 1, target region"</li></ul></li></ul></td></tr><tr><td>Narrator</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/narrator/firefox">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/narrator/chrome">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/narrator/ie">unknown</a></td><td>-</td></tr><tr><td>NVDA</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/nvda/ie">unknown</a></td><td>-</td></tr><tr><td>TalkBack</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/talkback/and_ff">unknown</a></td><td>-</td></tr><tr><td>Voice Access (Android)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/va_and/and_ff">not applicable</a></td><td>-</td></tr><tr><td>VoiceOver (iOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vo_ios/ios_chr">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vo_macos/chrome">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vo_macos/firefox">unknown</a></td><td>-</td></tr><tr><td>Orca</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/orca/chrome">unknown</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vc_macos/chrome">not applicable</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/vc_macos/firefox">not applicable</a></td><td>-</td></tr><tr><td>Mac Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/mac_kb/firefox">not applicable</a></td><td>-</td></tr><tr><td>Android Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/aria__aria-label_attribute/contribute_to_accessible_name/win_kb/firefox">not applicable</a></td><td>-</td></tr></table></div></details><a class="back-to-top" href="#top">Back to top</a></div><div class="assertion-container"><h3 id="assertion-html-section_element-convey_boundaries-">Expectation for the section element: convey boundaries if named</h3>This expectation is from the <a href="/tech/html/section_element">section element feature</a>.<h4>Rationale:</h4>A user might need to differentiate content inside the region from content outside of the region<h4>Strength of this expectation for different types of assistive technologies:</h4><ul><li>Screen Readers: SHOULD</li><li>Voice Control: NA</li></ul><h4>Examples:</h4><ul><li>A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.</li><li>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).</li><li>A screen reader might announce position in set information such as "1 of 6".</li><li>A screen reader might not convey boundaries if the content fits on a single line</li></ul><h4>Grading method:</h4>All of the listed commands must pass for the expectation to pass.<div class="responsive-table" tabindex="0"><table aria-labelledby="assertion-html-section_element-convey_boundaries-"><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr id="assertion-html-section_element-convey_boundaries--dragon_win-chrome"><td>Dragon Naturally Speaking</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/dragon_win/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--jaws-chrome"><td>JAWS</td><td>Chrome</td><td class="support-case p"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/jaws/chrome">partial</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--jaws-edge"><td>JAWS</td><td>Edge</td><td class="support-case p"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/jaws/edge">partial</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--jaws-firefox"><td>JAWS</td><td>Firefox</td><td class="support-case p"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/jaws/firefox">partial</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target region"</li></ul></li><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--narrator-edge"><td>Narrator</td><td>Edge</td><td class="support-case p"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/narrator/edge">partial</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Jump to next item (scan mode))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target section, region landmark"</li></ul></li><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forwards out of `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Jump to next item (scan mode))<ul><li>After issuing the command, virtual focus should be: after target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--nvda-chrome"><td>NVDA</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/nvda/chrome">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Out of region, example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--nvda-edge"><td>NVDA</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/nvda/edge">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Out of region, example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--nvda-firefox"><td>NVDA</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/nvda/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Out of region, example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--orca-firefox"><td>Orca</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/orca/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "region target, sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use m (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> m</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "leaving region, example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--talkback-and_chr"><td>TalkBack</td><td>Chrome</td><td class="support-case p"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/talkback/and_chr">partial</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe right (or alt+right arrow)</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> swipe down after changing the reading control to 'landmarks' (alt+D)</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region, sample text line 1, sample text line 2, sample text line 3"</li><li>Result Notes: boundaries implied because all contents were announced</li></ul></li><li>Result: (fail)<ul><li><details><summary>Test Case: unknown</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe right (or alt+right arrow)</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "example end"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--va_and-and_chr"><td>Voice Access (Android)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/va_and/and_chr">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--vc_ios-ios_saf"><td>Voice Control (iOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vc_ios/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--vc_macos-safari"><td>Voice Control (MacOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vc_macos/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--vo_ios-ios_saf"><td>VoiceOver (iOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vo_ios/ios_saf">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe Right (Next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe Right</code> (Next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, Landmark"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe down</code> (next landmark (correct item type must be selected))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, landmark"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe Right (Next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe Right</code> (Next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 3, end, target, region"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--vo_macos-safari"><td>VoiceOver (macOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vo_macos/safari">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + Right arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + U (Open Rotor)</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + U</code> (Open Rotor)<ul><li>After issuing the command, virtual focus should be: na</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target region"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + Right arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + Right arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "end of target, region"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_boundaries--wsr-edge"><td>Windows Speech Recognition</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/wsr/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--wsr-chrome"><td>Windows Speech Recognition</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/wsr/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--va_windows-edge"><td>Windows Voice Access</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/va_windows/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--va_windows-chrome"><td>Windows Voice Access</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/va_windows/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--win_kb-chrome"><td>Windows Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/win_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--win_kb-firefox"><td>Windows Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/win_kb/firefox">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--win_kb-edge"><td>Windows Keyboard</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/win_kb/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--mac_kb-chrome"><td>Mac Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/mac_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--mac_kb-safari"><td>Mac Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/mac_kb/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--ios_kb-ios_saf"><td>iOS Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/ios_kb/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_boundaries--and_kb-and_chr"><td>Android Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/and_kb/and_chr">not applicable</a></td><td>-</td></tr></table></div><details class="indent"><summary><h4>Extended Support for: section element: convey boundaries if named</h4></summary>These are less common combinations<div class="responsive-table" tabindex="0"><table><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr><td>Dragon Naturally Speaking</td><td>IE</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/dragon_win/ie">not applicable</a></td><td>-</td></tr><tr><td>Dragon Naturally Speaking</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/dragon_win/firefox">not applicable</a></td><td>-</td></tr><tr><td>JAWS 2020.2006.12</td><td>IE 11</td><td class="support-case p"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/jaws/ie">partial</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Sample text line 1, target region"</li></ul></li><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: within target</li><li>Keyboard focus is: within target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: end of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "example end"</li></ul></li></ul></td></tr><tr><td>Narrator</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/narrator/firefox">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/narrator/chrome">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/narrator/ie">unknown</a></td><td>-</td></tr><tr><td>NVDA</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/nvda/ie">unknown</a></td><td>-</td></tr><tr><td>TalkBack</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/talkback/and_ff">unknown</a></td><td>-</td></tr><tr><td>Voice Access (Android)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/va_and/and_ff">not applicable</a></td><td>-</td></tr><tr><td>VoiceOver (iOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vo_ios/ios_chr">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vo_macos/chrome">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vo_macos/firefox">unknown</a></td><td>-</td></tr><tr><td>Orca</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/orca/chrome">unknown</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vc_macos/chrome">not applicable</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/vc_macos/firefox">not applicable</a></td><td>-</td></tr><tr><td>Mac Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/mac_kb/firefox">not applicable</a></td><td>-</td></tr><tr><td>Android Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_boundaries/win_kb/firefox">not applicable</a></td><td>-</td></tr></table></div></details><a class="back-to-top" href="#top">Back to top</a></div><div class="assertion-container"><h3 id="assertion-html-section_element-convey_name_and_role_if_named-">Expectation for the section element: convey its role and name if it is named</h3>This expectation is from the <a href="/tech/html/section_element">section element feature</a>.<h4>Strength of this expectation for different types of assistive technologies:</h4><ul><li>Screen Readers: MUST</li><li>Voice Control: NA</li></ul><h4>Grading method:</h4>Just one of the listed commands must pass for the expectation to pass.<div class="responsive-table" tabindex="0"><table aria-labelledby="assertion-html-section_element-convey_name_and_role_if_named-"><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--dragon_win-chrome"><td>Dragon Naturally Speaking</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/dragon_win/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--jaws-chrome"><td>JAWS</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/jaws/chrome">yes</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--jaws-edge"><td>JAWS</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/jaws/edge">yes</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--jaws-firefox"><td>JAWS</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/jaws/firefox">yes</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target region"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--narrator-edge"><td>Narrator</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/narrator/edge">yes</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Jump to next item (scan mode))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target section, region landmark"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--nvda-chrome"><td>NVDA</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/nvda/chrome">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--nvda-edge"><td>NVDA</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/nvda/edge">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--nvda-firefox"><td>NVDA</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/nvda/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--orca-firefox"><td>Orca</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/orca/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "region target, sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use m (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> m</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--talkback-and_chr"><td>TalkBack</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/talkback/and_chr">yes</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe right (or alt+right arrow)</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li><li>Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> swipe down after changing the reading control to 'landmarks' (alt+D)</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region, sample text line 1, sample text line 2, sample text line 3"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--va_and-and_chr"><td>Voice Access (Android)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/va_and/and_chr">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--vc_ios-ios_saf"><td>Voice Control (iOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vc_ios/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--vc_macos-safari"><td>Voice Control (MacOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vc_macos/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--vo_ios-ios_saf"><td>VoiceOver (iOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vo_ios/ios_saf">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe Right (Next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe Right</code> (Next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, Landmark"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe down</code> (next landmark (correct item type must be selected))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, landmark"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--vo_macos-safari"><td>VoiceOver (macOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vo_macos/safari">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + Right arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + U (Open Rotor)</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + U</code> (Open Rotor)<ul><li>After issuing the command, virtual focus should be: na</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target region"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--wsr-edge"><td>Windows Speech Recognition</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/wsr/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--wsr-chrome"><td>Windows Speech Recognition</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/wsr/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--va_windows-edge"><td>Windows Voice Access</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/va_windows/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--va_windows-chrome"><td>Windows Voice Access</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/va_windows/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--win_kb-chrome"><td>Windows Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/win_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--win_kb-firefox"><td>Windows Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/win_kb/firefox">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--win_kb-edge"><td>Windows Keyboard</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/win_kb/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--mac_kb-chrome"><td>Mac Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/mac_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--mac_kb-safari"><td>Mac Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/mac_kb/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--ios_kb-ios_saf"><td>iOS Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/ios_kb/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-convey_name_and_role_if_named--and_kb-and_chr"><td>Android Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/and_kb/and_chr">not applicable</a></td><td>-</td></tr></table></div><details class="indent"><summary><h4>Extended Support for: section element: convey its role and name if it is named</h4></summary>These are less common combinations<div class="responsive-table" tabindex="0"><table><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr><td>Dragon Naturally Speaking</td><td>IE</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/dragon_win/ie">not applicable</a></td><td>-</td></tr><tr><td>Dragon Naturally Speaking</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/dragon_win/firefox">not applicable</a></td><td>-</td></tr><tr><td>JAWS 2020.2006.12</td><td>IE 11</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/jaws/ie">yes</a></td><td><ul><li>Result: (fail)<ul><li><details><summary>Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Down arrow</code> (Read next item)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1"</li></ul></li><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Sample text line 1, target region"</li></ul></li></ul></td></tr><tr><td>Narrator</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/narrator/firefox">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/narrator/chrome">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/narrator/ie">unknown</a></td><td>-</td></tr><tr><td>NVDA</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/nvda/ie">unknown</a></td><td>-</td></tr><tr><td>TalkBack</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/talkback/and_ff">unknown</a></td><td>-</td></tr><tr><td>Voice Access (Android)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/va_and/and_ff">not applicable</a></td><td>-</td></tr><tr><td>VoiceOver (iOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vo_ios/ios_chr">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vo_macos/chrome">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vo_macos/firefox">unknown</a></td><td>-</td></tr><tr><td>Orca</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/orca/chrome">unknown</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vc_macos/chrome">not applicable</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/vc_macos/firefox">not applicable</a></td><td>-</td></tr><tr><td>Mac Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/mac_kb/firefox">not applicable</a></td><td>-</td></tr><tr><td>Android Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/convey_name_and_role_if_named/win_kb/firefox">not applicable</a></td><td>-</td></tr></table></div></details><a class="back-to-top" href="#top">Back to top</a></div><div class="assertion-container"><h3 id="assertion-html-section_element-provide_shortcuts-">Expectation for the section element: provide shortcuts to jump to this role</h3>This expectation is from the <a href="/tech/html/section_element">section element feature</a>.<h4>Rationale:</h4>Screen reader users might want to quickly navigate to elements of this type.<h4>Strength of this expectation for different types of assistive technologies:</h4><ul><li>Screen Readers: SHOULD</li><li>Voice Control: NA</li></ul><h4>Grading method:</h4>Just one of the listed commands must pass for the expectation to pass.<div class="responsive-table" tabindex="0"><table aria-labelledby="assertion-html-section_element-provide_shortcuts-"><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr id="assertion-html-section_element-provide_shortcuts--dragon_win-chrome"><td>Dragon Naturally Speaking</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/dragon_win/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--jaws-chrome"><td>JAWS</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/jaws/chrome">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--jaws-edge"><td>JAWS</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/jaws/edge">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: Sample text line 1, target region</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--jaws-firefox"><td>JAWS</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/jaws/firefox">unknown</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--narrator-edge"><td>Narrator</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/narrator/edge">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Narrator and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target section, region landmark"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--nvda-chrome"><td>NVDA</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/nvda/chrome">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--nvda-edge"><td>NVDA</td><td>Edge</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/nvda/edge">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Edge.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--nvda-firefox"><td>NVDA</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/nvda/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`</summary><ol><li>Launch NVDA and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> d</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: start of target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Target region, Sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--orca-firefox"><td>Orca</td><td>Firefox</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/orca/firefox">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use m (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch Orca and Firefox.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> m</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, sample text line 1"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--talkback-and_chr"><td>TalkBack</td><td>Chrome</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/talkback/and_chr">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `section[aria-label]`</summary><ol><li>Launch TalkBack and Chrome.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> swipe down after changing the reading control to 'landmarks' (alt+D)</code> (Next landmark)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target, region, sample text line 1, sample text line 2, sample text line 3"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--va_and-and_chr"><td>Voice Access (Android)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/va_and/and_chr">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--vc_ios-ios_saf"><td>Voice Control (iOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vc_ios/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--vc_macos-safari"><td>Voice Control (MacOS)</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vc_macos/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--vo_ios-ios_saf"><td>VoiceOver (iOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vo_ios/ios_saf">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `section[aria-label]`</summary><ol><li>Launch VoiceOver (iOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> Swipe down</code> (next landmark (correct item type must be selected))<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "sample text line 1, target, region, landmark"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--vo_macos-safari"><td>VoiceOver (macOS)</td><td>Safari</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vo_macos/safari">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use VO + U (Open Rotor)</summary><ol><li>Launch VoiceOver (macOS) and Safari.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> VO + U</code> (Open Rotor)<ul><li>After issuing the command, virtual focus should be: na</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "target region"</li></ul></li></ul></td></tr><tr id="assertion-html-section_element-provide_shortcuts--wsr-edge"><td>Windows Speech Recognition</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/wsr/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--wsr-chrome"><td>Windows Speech Recognition</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/wsr/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--va_windows-edge"><td>Windows Voice Access</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/va_windows/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--va_windows-chrome"><td>Windows Voice Access</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/va_windows/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--win_kb-chrome"><td>Windows Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/win_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--win_kb-firefox"><td>Windows Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/win_kb/firefox">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--win_kb-edge"><td>Windows Keyboard</td><td>Edge</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/win_kb/edge">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--mac_kb-chrome"><td>Mac Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/mac_kb/chrome">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--mac_kb-safari"><td>Mac Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/mac_kb/safari">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--ios_kb-ios_saf"><td>iOS Keyboard</td><td>Safari</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/ios_kb/ios_saf">not applicable</a></td><td>-</td></tr><tr id="assertion-html-section_element-provide_shortcuts--and_kb-and_chr"><td>Android Keyboard</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/and_kb/and_chr">not applicable</a></td><td>-</td></tr></table></div><details class="indent"><summary><h4>Extended Support for: section element: provide shortcuts to jump to this role</h4></summary>These are less common combinations<div class="responsive-table" tabindex="0"><table><tr><th>AT</th><th>Browser</th><th>Has Support</th><th>Output</th></tr><tr><td>Dragon Naturally Speaking</td><td>IE</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/dragon_win/ie">not applicable</a></td><td>-</td></tr><tr><td>Dragon Naturally Speaking</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/dragon_win/firefox">not applicable</a></td><td>-</td></tr><tr><td>JAWS 2020.2006.12</td><td>IE 11</td><td class="support-case y"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/jaws/ie">yes</a></td><td><ul><li>Result: (pass)<ul><li><details><summary>Test Case: Use r (Next region) to navigate forward to `section[aria-label]`</summary><ol><li>Launch JAWS and IE.</li><li>Navigate to <a href="/tests/html/html_section(aria-label).html">the test page</a>.</li><li>Find the target element(s) that you will test against. Identify all elements that match this selector:<code>section[aria-label]</code><ul><li>If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.</li></ul></li><li>Position and configure the screen reader so that the following conditions are met<ul><li>Virtual focus is: before target</li><li>Keyboard focus is: before target</li><li>Mode is: auto (do not explicitly change the mode)</li></ul></li><li>Issue the command:<code> r</code> (Next region)<ul><li>After issuing the command, virtual focus should be: target</li></ul></li><li>Record results for the relevant expectations</li></ol></details></li><li>Output: "Sample text line 1, target region"</li></ul></li></ul></td></tr><tr><td>Narrator</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/narrator/firefox">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/narrator/chrome">unknown</a></td><td>-</td></tr><tr><td>Narrator</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/narrator/ie">unknown</a></td><td>-</td></tr><tr><td>NVDA</td><td>IE</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/nvda/ie">unknown</a></td><td>-</td></tr><tr><td>TalkBack</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/talkback/and_ff">unknown</a></td><td>-</td></tr><tr><td>Voice Access (Android)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/va_and/and_ff">not applicable</a></td><td>-</td></tr><tr><td>VoiceOver (iOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vo_ios/ios_chr">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vo_macos/chrome">unknown</a></td><td>-</td></tr><tr><td>VoiceOver (macOS)</td><td>Firefox</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vo_macos/firefox">unknown</a></td><td>-</td></tr><tr><td>Orca</td><td>Chrome</td><td class="support-case u"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/orca/chrome">unknown</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Chrome</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vc_macos/chrome">not applicable</a></td><td>-</td></tr><tr><td>Voice Control (MacOS)</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/vc_macos/firefox">not applicable</a></td><td>-</td></tr><tr><td>Mac Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/mac_kb/firefox">not applicable</a></td><td>-</td></tr><tr><td>Android Keyboard</td><td>Firefox</td><td class="support-case na"><a href="/tests/html_section(aria-label)/html__section_element/provide_shortcuts/win_kb/firefox">not applicable</a></td><td>-</td></tr></table></div></details><a class="back-to-top" href="#top">Back to top</a></div><details open><summary><h2 id="versions">Dates and Versions of tested combinations</h2></summary><div class="responsive-table" tabindex="0"><table><tr><th>AT</th><th>AT Version</th><th>Browser</th><th>Browser version</th><th>OS version</th><th>Date tested</th></tr><tr><td>JAWS</td><td>2021.2107.12</td><td>Chrome</td><td>92</td><td>Windows 10 version 21h1</td><td>2021-08-07</td></tr><tr><td>JAWS</td><td>2021.2107.12</td><td>Edge</td><td>92</td><td>Windows 10 version 21h1</td><td>2021-08-07</td></tr><tr><td>JAWS</td><td>2020.2006.12</td><td>Firefox</td><td>77</td><td>2004</td><td>2020-06-17</td></tr><tr><td>Narrator</td><td>2004</td><td>Edge</td><td>83</td><td>2004</td><td>2020-06-17</td></tr><tr><td>NVDA</td><td>2021.1</td><td>Chrome</td><td>92</td><td>Windows 10 version 21h1</td><td>2021-08-07</td></tr><tr><td>NVDA</td><td>2021.1</td><td>Edge</td><td>92</td><td>Windows 10 version 21h1</td><td>2021-08-07</td></tr><tr><td>NVDA</td><td>2020.1</td><td>Firefox</td><td>77</td><td>2004</td><td>2020-06-17</td></tr><tr><td>Orca</td><td>3.36.1</td><td>Firefox</td><td>77</td><td>Ubuntu 20.04</td><td>2020-06-17</td></tr><tr><td>TalkBack</td><td>8.1</td><td>Chrome</td><td>84</td><td>7</td><td>2020-06-17</td></tr><tr><td>VoiceOver (iOS)</td><td>13.4.1</td><td>Safari</td><td>13.4.1</td><td>13.4.1</td><td>2020-01-31</td></tr><tr><td>VoiceOver (macOS)</td><td>10.15.5</td><td>Safari</td><td>13.1.1</td><td>10.15.5</td><td>2020-06-17</td></tr></table></div></details><h2 id="history">History</h2><ul><li>2018-11-14 Test created</li><li>2020-01-31 update vo_ios; now passes</li><li>2020-06-17 Add more assertions and update results</li><li>2020-06-17 update results</li><li>2021-08-07 Added Narrator results for NVDA and JAWS, updated NVDA+Chrome results.</li></ul></div><div class="sidebar"><h2 id="related-features">Related Features</h2>This test is found in the following features:<ul><li><a href="/tech/aria/aria-label_attribute">aria-label attribute</a></li><li><a href="/tech/html/section_element">section element</a></li></ul><h2 id="contribute">Feedback and Contribute</h2>We use our <a href="https://github.com/accessibilitysupported/accessibilitysupported">GitHub repository</a> to manage our issue tracking. Please provide as much information as you can for issues, and please leave the id in the issue title intact.<ul><li><a href="https://github.com/accessibilitysupported/accessibilitysupported/issues/new?title=html_section(aria-label)&labels=test%20case">There is a problem with this test case (the test file, procedure, expected results, etc)</a></li><li>Use the support tables to view details and report issues or changes.</li></ul><h2>Other</h2><a href="/faq#what-are-expectations%3F">What are expectations and how are they determined?</a></div></div><script src="/js/feature-test.js"></script></main><footer role="contentinfo">This work was originally created by Michael Fairchild. This is a community-driven and open source project. Text and data is available under the <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.<a href="https://github.com/accessibilitysupported/accessibilitysupported/">Find us on GitHub</a><script>// only show the focus outline for skip nav if a keyboard event triggered it. var skipnav = document.querySelector('#skip-nav'); var main = document.querySelector('main'); skipnav.addEventListener('click', function () { main.classList.add('show-focus-outline'); main.focus(); }); main.addEventListener('blur', function () { main.classList.remove('show-focus-outline'); });</script></footer></body></html>