Test plan review for pattern: breadcrumb (15 tests)

Filter tests by assistive technology

Test 1: Navigate to the first breadcrumb link in reading mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link before the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, exit Forms Mode to activate the Virtual Cursor by pressing Escape.
  2. With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link. using the following commands:
    • U
    • R, then Down Arrow, then Down Arrow
    • L, then Down Arrow
    • I
    • Tab
    • Down Arrow, then Down Arrow, then Down Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'WAI-ARIA Authoring Practices' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link before the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Ensure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.
  2. With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link. using the following commands:
    • U
    • K
    • D
    • L
    • I
    • Tab
    • Down Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'WAI-ARIA Authoring Practices' is conveyed

Test 2: Navigate to the first breadcrumb link in interaction mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link before the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.
  2. With focus on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link. using the following commands:
    • Tab

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'WAI-ARIA Authoring Practices' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link before the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.
  2. With focus on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link. using the following commands:
    • Tab

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'WAI-ARIA Authoring Practices' is conveyed

Test 3: Navigate to the first breadcrumb link

VoiceOver for macOS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link before the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.
  2. With focus on the 'Navigate forwards from here' link, navigate to the 'WAI-ARIA Authoring Practices' link. using the following commands:
    • Control+Option+Right, then Control+Option+Right, then Control+Option+Right
    • Control+Option+Command+L

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'WAI-ARIA Authoring Practices' is conveyed

Test 4: Navigate to the last breadcrumb link in reading mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link after the 'Breadcrumb Example' link

Tester Instructions

  1. Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, exit Forms Mode to activate the Virtual Cursor by pressing Escape.
  2. With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link. using the following commands:
    • Shift+U
    • Shift+I
    • Shift+Tab
    • Up Arrow, then Up Arrow, then Up Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link after the 'Breadcrumb Example' link

Tester Instructions

  1. Ensure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.
  2. With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link. using the following commands:
    • Shift+U
    • Shift+K
    • Shift+I
    • Shift+Tab
    • Up Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

Test 5: Navigate to the last breadcrumb link in interaction mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link after the 'Breadcrumb Example' link

Tester Instructions

  1. Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.
  2. With focus on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link. using the following commands:
    • Shift+Tab

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link after the 'Breadcrumb Example' link

Tester Instructions

  1. If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.
  2. With focus on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link. using the following commands:
    • Shift+Tab

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

Test 6: Navigate to the last breadcrumb link

VoiceOver for macOS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on a link after the 'Breadcrumb Example' link

Tester Instructions

  1. Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.
  2. With focus on the 'Navigate backwards from here' link, navigate to the 'Breadcrumb Example' link. using the following commands:
    • Ctrl+Option+Left, then Ctrl+Option+Left, then Ctrl+Option+Left
    • Shift+Control+Option+Command+L

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
requiredRole of the breadcrumbs container, 'list', is conveyed
requiredNumber of list items, 4, is conveyed
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

Test 7: Read information about a breadcrumb link in reading mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, exit Forms Mode to activate the Virtual Cursor by pressing Escape.
  2. With the reading cursor on the 'Breadcrumb Example' link, read information about the link. using the following commands:
    • Insert+Tab
    • Insert+Up

Assertions

PriorityAssertion
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Ensure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.
  2. With the reading cursor on the 'Breadcrumb Example' link, read information about the link. using the following commands:
    • Insert+Tab
    • Insert+Up

Assertions

PriorityAssertion
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

Test 8: Read information about a breadcrumb link in interaction mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.
  2. With focus on the 'Breadcrumb Example' link, read information about the link. using the following commands:
    • Insert+Tab
    • Insert+Up

Assertions

PriorityAssertion
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.
  2. With focus on the 'Breadcrumb Example' link, read information about the link. using the following commands:
    • Insert+Tab
    • Insert+Up

Assertions

PriorityAssertion
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

Test 9: Read information about a breadcrumb link

VoiceOver for macOS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.
  2. With focus on the 'Breadcrumb Example' link, read information about the link. using the following commands:
    • Control+Option+F3
    • Control+Option+F4

Assertions

PriorityAssertion
requiredRole 'link' is conveyed
requiredName 'Breadcrumb Example' is conveyed
requiredState 'current page' is conveyed

Test 10: Navigate forwards out of the Breadcrumb navigation landmark in reading mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, exit Forms Mode to activate the Virtual Cursor by pressing Escape.
  2. With the reading cursor on the 'Breadcrumb Example' link, navigate to the 'Navigate backwards from here' link. using the following commands:
    • Down Arrow, then Down Arrow, then Down Arrow
    • U
    • Shift+Period, then Down Arrow, then Down Arrow
    • Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate backwards from here' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Ensure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.
  2. With the reading cursor on the 'Breadcrumb Example' link, navigate to the 'Navigate backwards from here' link. using the following commands:
    • Down Arrow
    • U
    • K
    • Comma
    • Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate backwards from here' is conveyed

Test 11: Navigate forwards out of the Breadcrumb navigation landmark in interaction mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.
  2. With focus on the 'Breadcrumb Example' link, navigate to the 'Navigate backwards from here' link. using the following commands:
    • Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate backwards from here' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.
  2. With focus on the 'Breadcrumb Example' link, navigate to the 'Navigate backwards from here' link. using the following commands:
    • Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate backwards from here' is conveyed

Test 12: Navigate forwards out of the Breadcrumb navigation landmark

VoiceOver for macOS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'Breadcrumb Example' link

Tester Instructions

  1. Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.
  2. With focus on the 'Breadcrumb Example' link, navigate to the 'Navigate backwards from here' link. using the following commands:
    • Control+Option+Right, then Control+Option+Right, then Control+Option+Right
    • Control+Option+Command+L

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate backwards from here' is conveyed

Test 13: Navigate backwards out of the Breadcrumb navigation landmark in reading mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, exit Forms Mode to activate the Virtual Cursor by pressing Escape.
  2. With the reading cursor on the 'WAI-ARIA Authoring Practices' link, navigate to the 'Navigate forwards from here' link. using the following commands:
    • Up Arrow, then Up Arrow, then Up Arrow
    • Shift+U
    • Shift+Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate forwards from here' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Ensure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.
  2. With the reading cursor on the 'WAI-ARIA Authoring Practices' link, navigate to the 'Navigate forwards from here' link. using the following commands:
    • Up Arrow
    • Shift+K
    • Shift+U
    • Shift+Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate forwards from here' is conveyed

Test 14: Navigate backwards out of the Breadcrumb navigation landmark in interaction mode

JAWS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.
  2. With focus on the 'WAI-ARIA Authoring Practices' link, navigate to the 'Navigate forwards from here' link. using the following commands:
    • Shift+Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate forwards from here' is conveyed

NVDA

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.
  2. With focus on the 'WAI-ARIA Authoring Practices' link, navigate to the 'Navigate forwards from here' link. using the following commands:
    • Shift+Tab

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate forwards from here' is conveyed

Test 15: Navigate backwards out of the Breadcrumb navigation landmark

VoiceOver for macOS

Scripted Instructions

The following instructions are executed by a script in the test page to initialize the widget:
  1. sets focus on the 'WAI-ARIA Authoring Practices' link

Tester Instructions

  1. Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.
  2. With focus on the 'WAI-ARIA Authoring Practices' link, navigate to the 'Navigate forwards from here' link. using the following commands:
    • Ctrl+Option+Left, then Ctrl+Option+Left, then Ctrl+Option+Left
    • Shift+Control+Option+Command+L

Assertions

PriorityAssertion
requiredNavigation landmark boundary is conveyed
requiredList boundary is conveyed
requiredRole 'link' is conveyed
requiredName 'Navigate forwards from here' is conveyed