Showing content from https://a11ysupport.io/tests/html_section(aria-label) below:
Test: HTML section element with an accessible name (aria-label)
A user might need to differentiate content inside the region from content outside of the region
All of the listed commands must pass for the expectation to pass.
AT Browser Has Support Output Dragon Naturally Speaking Chrome not applicable - JAWS Chrome partial
- Result: (fail)
- Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`
- Launch JAWS and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow
(Read next item)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
- Test Case: Use r (Next region) to navigate forward to `section[aria-label]`
- Launch JAWS and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
r
(Next region)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: Sample text line 1, target region
JAWS Edge partial
- Result: (fail)
- Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`
- Launch JAWS and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow
(Read next item)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
- Test Case: Use r (Next region) to navigate forward to `section[aria-label]`
- Launch JAWS and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
r
(Next region)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: Sample text line 1, target region
JAWS Firefox partial
- Result: (fail)
- Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`
- Launch JAWS and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow
(Read next item)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
- Test Case: Use r (Next region) to navigate forward to `section[aria-label]`
- Launch JAWS and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
r
(Next region)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1, target region"
- Result: (fail)
- Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`
- Launch JAWS and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "example end"
Narrator Edge partial
- Result: (fail)
- Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `section[aria-label]`
- Launch Narrator and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow
(Jump to next item (scan mode))
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to `section[aria-label]`
- Launch Narrator and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d
(Next landmark)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "target section, region landmark"
- Result: (fail)
- Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forwards out of `section[aria-label]`
- Launch Narrator and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow
(Jump to next item (scan mode))
- After issuing the command, virtual focus should be: after target
- Record results for the relevant expectations
- Output: "example end"
NVDA Chrome yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`
- Launch NVDA and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`
- Launch NVDA and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d
(Next landmark)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`
- Launch NVDA and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Out of region, example end"
NVDA Edge yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`
- Launch NVDA and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`
- Launch NVDA and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d
(Next landmark)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`
- Launch NVDA and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Out of region, example end"
NVDA Firefox yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`
- Launch NVDA and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`
- Launch NVDA and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d
(Next landmark)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`
- Launch NVDA and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Out of region, example end"
Orca Firefox yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to `section[aria-label]`
- Launch Orca and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "region target, sample text line 1"
- Result: (pass)
- Test Case: Use m (Next landmark) to navigate forward to `section[aria-label]`
- Launch Orca and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
m
(Next landmark)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "target, sample text line 1"
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`
- Launch Orca and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "leaving region, example end"
TalkBack Chrome partial
- Result: (fail)
- Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `section[aria-label]`
- Launch TalkBack and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe right (or alt+right arrow)
(Read next item)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
- Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `section[aria-label]`
- Launch TalkBack and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
swipe down after changing the reading control to 'landmarks' (alt+D)
(Next landmark)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "target, region, sample text line 1, sample text line 2, sample text line 3"
- Result Notes: boundaries implied because all contents were announced
- Result: (fail)
- Test Case: unknown
- Launch TalkBack and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe right (or alt+right arrow)
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "example end"
Voice Access (Android) Chrome not applicable - Voice Control (iOS) Safari not applicable - Voice Control (MacOS) Safari not applicable - VoiceOver (iOS) Safari yes
- Result: (pass)
- Test Case: Use Swipe Right (Next item) to navigate forward to `section[aria-label]`
- Launch VoiceOver (iOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe Right
(Next item)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1, target, region, Landmark"
- Result: (pass)
- Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `section[aria-label]`
- Launch VoiceOver (iOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe down
(next landmark (correct item type must be selected))
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1, target, region, landmark"
- Result: (pass)
- Test Case: Use Swipe Right (Next item) to navigate forwards to the end of `section[aria-label]`
- Launch VoiceOver (iOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe Right
(Next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "sample text line 3, end, target, region"
VoiceOver (macOS) Safari yes
- Result: (pass)
- Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `section[aria-label]`
- Launch VoiceOver (macOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + Right arrow
(Read next item)
- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "target, region"
- Result: (pass)
- Test Case: Use VO + U (Open Rotor)
- Launch VoiceOver (macOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + U
(Open Rotor)
- After issuing the command, virtual focus should be: na
- Record results for the relevant expectations
- Output: "target region"
- Result: (pass)
- Test Case: Use VO + Right arrow (Read next item) to navigate forwards to the end of `section[aria-label]`
- Launch VoiceOver (macOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label]
- 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.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + Right arrow
(Read next item)
- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "end of target, region"
Windows Speech Recognition Edge not applicable - Windows Speech Recognition Chrome not applicable - Windows Voice Access Edge not applicable - Windows Voice Access Chrome not applicable - Windows Keyboard Chrome not applicable - Windows Keyboard Firefox not applicable - Windows Keyboard Edge not applicable - Mac Keyboard Chrome not applicable - Mac Keyboard Safari not applicable - iOS Keyboard Safari not applicable - Android Keyboard Chrome not applicable -
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4