Test plan review for pattern: breadcrumb (9 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, turn on the Virtual Cursor by pressing Insert+Z.
  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
    • I
    • Tab
    • Down Arrow, then Down Arrow, then Down Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
required'Role 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. Insure 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
    • L
    • I
    • Tab
    • Down Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
required'Role 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 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, turn on the Virtual Cursor by pressing Insert+Z.
  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
required'Role 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. Insure 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+L
    • Shift+I
    • Shift+Tab
    • Up Arrow

Assertions

PriorityAssertion
requiredRole of the landmark region, 'navigation', is conveyed
requiredName of the landmark region, 'Breadcrumb', is conveyed
required'Role 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 3: 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
requiredName of the landmark region, 'Breadcrumb', is conveyed
required'Role 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
requiredName of the landmark region, 'Breadcrumb', is conveyed
required'Role 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 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
required'Role 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
required'Role 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 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
requiredName of the landmark region, 'Breadcrumb', is conveyed
required'Role 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 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
required'Role 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, turn on the Virtual Cursor by pressing Insert+Z.
  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. Insure 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