Showing content from https://a11ysupport.io/tests/tech__aria__heading-role-no-level below:
Test: ARIA heading role with no aria-level attribute
The user needs to know the level of the heading if aria-level is missing.
Just one of the listed commands must pass for the expectation to pass.
AT Browser Has Support Output Dragon Naturally Speaking Chrome not applicable - JAWS Chrome yes
- Result: (pass)
- Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use Insert + F6 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
Insert + F6
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: correctly marked as heading level 2
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
JAWS Edge yes
- Result: (pass)
- Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use Insert + F6 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
Insert + F6
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: correctly marked as heading level 2
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
JAWS Firefox yes
- Result: (pass)
- Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use Insert + F6 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
Insert + F6
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: correctly marked as heading level 2
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
Narrator Edge yes
- Result: (pass)
- Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (na)
- Test Case: Use Narrator + F6 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
Narrator + F6
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: all headings included in list along with heading levels
- Result Notes: level is not listed here for any headings
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
NVDA Chrome yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use NVDA + F7 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
NVDA + F7
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: nested under the h1
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
NVDA Edge yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use NVDA + F7 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
NVDA + F7
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: nested under the h1
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
NVDA Firefox yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use NVDA + F7 (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
NVDA + F7
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: nested under the h1
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
Orca Firefox yes
- Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "<name>, heading level 2"
- Result: (pass)
- Test Case: Use Alt + shift + H (List headings) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
Alt + shift + H
(List headings)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: listed as level 2
- Result: (pass)
- Test Case: Use h (Next heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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:
h
(Next heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
TalkBack Chrome yes
- Result: (pass)
- Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "<name>, heading level 2"
- Result: (pass)
- Test Case: Use Swipe down (alt+H) (next heading (correct reading control must be selected)) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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 (alt+H)
(next heading (correct reading control must be selected))
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
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 `*[role="heading"]`
- 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:
*[role="heading"]
- 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: "<name>, heading level 2"
- Result: (pass)
- Test Case: Use Swipe down (Next item (as set by the rotor)) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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 item (as set by the rotor))
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "<name>, heading level 2"
VoiceOver (macOS) Safari yes
- Result: (pass)
- Test Case: Use VO + Right arrow (Read next item) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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: target
- Record results for the relevant expectations
- Output: "heading level 2, <name>"
- Result: (pass)
- Test Case: Use VO + U (Open Rotor) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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 + U
(Open Rotor)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: in list as level 2
- Result: (pass)
- Test Case: Use VO + Command + H (Next Heading) to navigate forward to `*[role="heading"]`
- 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:
*[role="heading"]
- 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 + Command + H
(Next Heading)
- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "heading level 2, <name>,"
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