Accordion Test Plan (9 tests)

Filter tests by covered assistive technology

Supporting Documentation

Test 1: Navigate forwards to an expanded accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that expands the 'Billing Address' accordion header, and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate to the 'Billing Address' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • b (virtual cursor active)
    • f (virtual cursor active)
    • h (virtual cursor active)
    • 3 (virtual cursor active)
    • Tab (virtual cursor active)
    • Down Arrow (virtual cursor active)
    • Tab (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

b (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

f (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

h (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

3 (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Down Arrow (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that expands the 'Billing Address' accordion header, and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate to the 'Billing Address' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • b (browse mode on)
    • f (browse mode on)
    • h (browse mode on)
    • 3 (browse mode on)
    • Tab (browse mode on)
    • Down Arrow (browse mode on)
    • Tab (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

b (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

f (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

h (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

3 (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Tab (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Down Arrow (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Tab (focus mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that expands the 'Billing Address' accordion header, and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate to the 'Billing Address' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • b (quick nav on)
    • h (quick nav on)
    • 3 (quick nav on)
    • j (quick nav on)
    • Control+Option+Right Arrow
    • Tab

To perform a task with quick nav on:

  1. Simultaneously press Left Arrow and Right Arrow.
  2. If VoiceOver said 'quick nav off', press Left Arrow and Right Arrow again to turn it back on.

b (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

h (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

3 (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

j (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Control+Option+Right Arrow: 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Tab: 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 2: Navigate backwards to an expanded accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Name' input field in the 'Personal Information' region.
  3. Starting at the 'Name' input field, navigate to the 'Personal Information' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Shift+b (virtual cursor active)
    • Shift+f (virtual cursor active)
    • Shift+h (virtual cursor active)
    • Shift+3 (virtual cursor active)
    • Shift+Tab (virtual cursor active)
    • Shift+Tab (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Shift+b (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+f (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+h (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+3 (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Name' input field in the 'Personal Information' region.
  3. Starting at the 'Name' input field, navigate to the 'Personal Information' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Shift+b (browse mode on)
    • Shift+f (browse mode on)
    • Shift+h (browse mode on)
    • Shift+3 (browse mode on)
    • Shift+Tab (browse mode on)
    • Shift+Tab (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Shift+b (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+f (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+h (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+3 (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+Tab (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+Tab (focus mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Name' input field in the 'Personal Information' region.
  3. Starting at the 'Name' input field, navigate to the 'Personal Information' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Shift+b (quick nav on)
    • Shift+h (quick nav on)
    • Shift+3 (quick nav on)
    • Shift+j (quick nav on)
    • Shift+Tab

To perform a task with quick nav on:

  1. Simultaneously press Left Arrow and Right Arrow.
  2. If VoiceOver said 'quick nav off', press Left Arrow and Right Arrow again to turn it back on.

Shift+b (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+h (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+3 (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+j (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+Tab: 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 3: Navigate forwards to a collapsed accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate to the 'Billing Address' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • b (virtual cursor active)
    • f (virtual cursor active)
    • h (virtual cursor active)
    • 3 (virtual cursor active)
    • Tab (virtual cursor active)
    • Down Arrow (virtual cursor active)
    • Tab (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

b (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

f (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

h (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

3 (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Down Arrow (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate to the 'Billing Address' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • b (browse mode on)
    • f (browse mode on)
    • h (browse mode on)
    • 3 (browse mode on)
    • Tab (browse mode on)
    • Down Arrow (browse mode on)
    • Tab (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

b (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

f (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

h (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

3 (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Tab (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Down Arrow (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Tab (focus mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate to the 'Billing Address' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • b (quick nav on)
    • h (quick nav on)
    • 3 (quick nav on)
    • j (quick nav on)
    • Control+Option+Right Arrow
    • Tab

To perform a task with quick nav on:

  1. Simultaneously press Left Arrow and Right Arrow.
  2. If VoiceOver said 'quick nav off', press Left Arrow and Right Arrow again to turn it back on.

b (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

h (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

3 (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

j (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Control+Option+Right Arrow: 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Tab: 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Billing Address' Name of button, 'Billing Address', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 4: Navigate backwards to a collapsed accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses the 'Personal Information' accordion header, and sets focus on the 'Billing Address' accordion header.
  3. Starting at the 'Billing Address' accordion header, navigate to the 'Personal Information' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Shift+b (virtual cursor active)
    • Shift+f (virtual cursor active)
    • Up Arrow (virtual cursor active)
    • Shift+h (virtual cursor active)
    • Shift+3 (virtual cursor active)
    • Shift+Tab (virtual cursor active)
    • Shift+Tab (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Shift+b (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+f (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Up Arrow (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+h (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+3 (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses the 'Personal Information' accordion header, and sets focus on the 'Billing Address' accordion header.
  3. Starting at the 'Billing Address' accordion header, navigate to the 'Personal Information' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Shift+b (browse mode on)
    • Shift+f (browse mode on)
    • Up Arrow (browse mode on)
    • Shift+h (browse mode on)
    • Shift+3 (browse mode on)
    • Shift+Tab (browse mode on)
    • Shift+Tab (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Shift+b (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+f (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Up Arrow (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+h (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+3 (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+Tab (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+Tab (focus mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses the 'Personal Information' accordion header, and sets focus on the 'Billing Address' accordion header.
  3. Starting at the 'Billing Address' accordion header, navigate to the 'Personal Information' accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Shift+b (quick nav on)
    • Shift+h (quick nav on)
    • Shift+3 (quick nav on)
    • Shift+j (quick nav on)
    • Control+Option+Left Arrow
    • Shift+Tab

To perform a task with quick nav on:

  1. Simultaneously press Left Arrow and Right Arrow.
  2. If VoiceOver said 'quick nav off', press Left Arrow and Right Arrow again to turn it back on.

Shift+b (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+h (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+3 (quick nav on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+j (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Control+Option+Left Arrow: 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey role 'heading' Role 'heading' is conveyed
MUST convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Shift+Tab: 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MAY convey role 'heading' Role 'heading' is conveyed
MAY convey heading level, '3' Heading level, '3', is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 5: Request information about an expanded accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, read information about the accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Insert+Tab (virtual cursor active)
    • Insert+Up Arrow (virtual cursor active)
    • Insert+Tab (PC cursor active)
    • Insert+Up Arrow (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Insert+Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Insert+Up Arrow (virtual cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Insert+Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Insert+Up Arrow (PC cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, read information about the accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Insert+Tab (browse mode on)
    • Insert+Up Arrow (browse mode on)
    • Insert+Tab (focus mode on)
    • Insert+Up Arrow (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Insert+Tab (browse mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Insert+Up Arrow (browse mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Insert+Tab (focus mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Insert+Up Arrow (focus mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, read information about the accordion header. Do this with each of the following commands or command sequences.
    • Control+Option+F3
    • Control+Option+F4

Control+Option+F3: 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Control+Option+F4: 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 6: Request information about a collapsed accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, read information about the accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Insert+Tab (virtual cursor active)
    • Insert+Up Arrow (virtual cursor active)
    • Insert+Tab (PC cursor active)
    • Insert+Up Arrow (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Insert+Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Insert+Up Arrow (virtual cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Insert+Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Insert+Up Arrow (PC cursor active): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, read information about the accordion header. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Insert+Tab (browse mode on)
    • Insert+Up Arrow (browse mode on)
    • Insert+Tab (focus mode on)
    • Insert+Up Arrow (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Insert+Tab (browse mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Insert+Up Arrow (browse mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Insert+Tab (focus mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Insert+Up Arrow (focus mode on): 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, read information about the accordion header. Do this with each of the following commands or command sequences.
    • Control+Option+F3
    • Control+Option+F4

Control+Option+F3: 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Control+Option+F4: 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of button, 'Personal Information' Name of button, 'Personal Information', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 7: Navigate into an accordion panel

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate into the accordion panel. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Down Arrow then Down Arrow then Down Arrow (virtual cursor active)
    • f (virtual cursor active)
    • e (virtual cursor active)
    • Tab (virtual cursor active)
    • Tab (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Down Arrow then Down Arrow then Down Arrow (virtual cursor active): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'region' Role 'region' is conveyed
MUST convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

f (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

e (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

Tab (virtual cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

Tab (PC cursor active): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate into the accordion panel. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Down Arrow then Down Arrow (browse mode on)
    • f (browse mode on)
    • e (browse mode on)
    • Tab (browse mode on)
    • Tab (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Down Arrow then Down Arrow (browse mode on): 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'region' Role 'region' is conveyed
MUST convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

f (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

e (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

Tab (browse mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

Tab (focus mode on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, navigate into the accordion panel. Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Control+Option+Right Arrow then Control+Option+Right Arrow then Control+Option+Right Arrow
    • Tab
    • j (quick nav on)
    • f (quick nav on)

To perform a task with quick nav on:

  1. Simultaneously press Left Arrow and Right Arrow.
  2. If VoiceOver said 'quick nav off', press Left Arrow and Right Arrow again to turn it back on.

Control+Option+Right Arrow then Control+Option+Right Arrow then Control+Option+Right Arrow: 5 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'region' Role 'region' is conveyed
MUST convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

Tab: 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

j (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

f (quick nav on): 3 MUST, 0 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'region' Role 'region' is conveyed
MAY convey name of region, 'Personal Information' Name of region, 'Personal Information', is conveyed
MUST convey name of input, 'Name' Name of input, 'Name', is conveyed
MUST convey the ability to enter or edit text The ability to enter or edit text is conveyed
MUST convey state of the input, 'required' State of the input, 'required', is conveyed

Test 8: Operate a collapsed accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, change its state to 'expanded' Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Space (virtual cursor active)
    • Enter (virtual cursor active)
    • Space (PC cursor active)
    • Enter (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Space (virtual cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Enter (virtual cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Space (PC cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Enter (PC cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, change its state to 'expanded' Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Space (browse mode on)
    • Enter (browse mode on)
    • Space (focus mode on)
    • Enter (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Space (browse mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Enter (browse mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Space (focus mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Enter (focus mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that collapses and sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, change its state to 'expanded' Do this with each of the following commands or command sequences.
    • Control+Option+Space
    • Space
    • Enter

Control+Option+Space: 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Space: 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Enter: 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'expanded' Change in state to 'expanded' is conveyed

Test 9: Operate an expanded accordion header

JAWS

Instructions

  1. Configure JAWS with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, change its state to collapsed Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Space (virtual cursor active)
    • Enter (virtual cursor active)
    • Space (PC cursor active)
    • Enter (PC cursor active)

To perform a task with virtual cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the PC cursor is active, press Escape to activate the virtual cursor.

To perform a task with PC cursor active:

  1. Press Alt+Delete to determine which cursor is active.
  2. If the virtual cursor is active, press Insert+z to disable the virtual cursor.

Space (virtual cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Enter (virtual cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Space (PC cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Enter (PC cursor active): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

NVDA

Instructions

  1. Configure NVDA with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, change its state to collapsed Do this with each of the following commands or command sequences. If any settings are specified in parentheses, ensure the settings are active before executing the command or command sequence.
    • Space (browse mode on)
    • Enter (browse mode on)
    • Space (focus mode on)
    • Enter (focus mode on)

To perform a task with browse mode on:

  1. Press Insert+Space.
  2. If NVDA made the focus mode sound, press Insert+Space again to turn browse mode back on.

To perform a task with focus mode on:

  1. Press Insert+Space.
  2. If NVDA made the browse mode sound, press Insert+Space again to turn focus mode back on.

Space (browse mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Enter (browse mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Space (focus mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Enter (focus mode on): 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

VoiceOver for macOS

Instructions

  1. Configure VoiceOver with default settings. For help, read Configuring Screen Readers for Testing.
  2. Activate the "Open test page" button, which opens the example to test in a new window and runs a script that sets focus on the 'Personal Information' accordion header.
  3. Starting at the 'Personal Information' accordion header, change its state to collapsed Do this with each of the following commands or command sequences.
    • Space
    • Enter
    • Control+Option+Space

Space: 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Enter: 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed

Control+Option+Space: 1 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey change in state to 'collapsed' Change in state to 'collapsed' is conveyed