Create tests for APG design pattern example: Breadcrumb

[IsaDC]

Applies To

• APG design pattern: Breadcrumb
• Specific example: Breadcrumb Example

Testing Notes

This issue thread will house all documentation relating to the development of a test plan for the "Breadcrumb" APG example, which conforms to the "Breadcrumb" design pattern. All follow-ups (including the test plan itself) will be added as new comments to facilitate notifications, but this initial comment will be updated with relevant details and URLs as needed for convenience.

Additional References

• aria-label (property)
• aria-current (state)

[IsaDC]

Below is the test plan for the breadcrumb example. Each test title is marked up as a level 4 heading to facilitate screen reader navigation.

Navigate to the first breadcrumb link

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: reading, interaction
• Instructions:
  • Reading mode: With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link.
  • Interaction mode: With focus on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link.
• Setup script description: sets focus on a link before the 'WAI-ARIA Authoring Practices' link

Commands

AT	Mode	Commands
JAWS	Reading	U I Tab Down Arrow followed by Down Arrow folloed by Down Arrow
NVDA	Reading	U K L I Tab Down Arrow
JAWS, NVDA	Interaction	Tab
macOS VoiceOver	interaction	Control+Option+Right Arrow followed by Control+Option+Right Arrow followed by Control+Option+Right Arrow Control+Option+Command+L

Assertions

Assertion	Priority
Role of the landmark region, 'navigation', is conveyed	required
Name of the landmark region, 'Breadcrumb', is conveyed	required
'Role of the breadcrumbs container, 'list', is conveyed	required
Number of list items, 4, is conveyed	required
Role 'link' is conveyed	Required
Name 'WAI-ARIA Authoring Practices' is conveyed	required

References

aria-label

Navigate to the last breadcrumb link

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: reading, interaction
• Instructions:
  • Reading mode: With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link.
  • Interaction mode: With focus on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link.
• Setup script description: sets focus on a link after the 'Breadcrumb Example' link

Commands

AT	Mode	Commands
JAWS	Reading	Shift+U Shift+I Shift+Tab Up Arrow followed by Up Arrow folloed by Up Arrow
NVDA	Reading	Shift+U Shift+K Shift+L Shift+I Shift+Tab Up Arrow
JAWS, NVDA	Interaction	Shift+Tab
macOS VoiceOver	interaction	Control+Option+Left Arrow followed by Control+Option+Left Arrow followed by Control+Option+Left Arrow Shift+Control+Option+Command+L

Assertions

Assertion	Priority
Role of the landmark region, 'navigation', is conveyed	required
Name of the landmark region, 'Breadcrumb', is conveyed	required
'Role of the breadcrumbs container, 'list', is conveyed	required
Number of list items, 4, is conveyed	required
Role 'link' is conveyed	Required
Name 'Breadcrumb Example' is conveyed	required
State 'current page' is conveyed	required

References

aria-label, aria-current

Read information about a breadcrumb link

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: reading, interaction
• Instructions:
  • Reading mode: With the reading cursor on the 'Breadcrumb Example' link, read information about the link.
  • Interaction mode: With focus on the 'Breadcrumb Example' link, read information about the link.
• Setup script description: sets focus on the 'WAI-ARIA Authoring Practices' link

Commands

AT	Mode	Commands
JAWS, NVDA	reading interaction	Insert+Tab Insert+up
macOSVoiceOver	interaction	Control+Option+F3 Control+Option+F4

Assertions

Assertion	Priority
Role 'link' is conveyed	Required
Name 'Breadcrumb Example' is conveyed	required
State 'current page' is conveyed	required

References

aria-label, aria-current