Disclosure Navigation Menu Example Test Plan (14 tests)

Filter tests by covered assistive technology

Supporting Documentation

Test 1: Navigate forwards to a collapsed disclosure button

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 a link before the disclosure button.
  3. With focus on the 'Navigate forwards from here' link, navigate to the 'About' disclosure button. 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)
    • Tab (virtual cursor active)
    • Down Arrow then Down Arrow then 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 sets focus on a link before the disclosure button.
  3. With focus on the 'Navigate forwards from here' link, navigate to the 'About' disclosure button. 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)
    • 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 sets focus on a link before the disclosure button.
  3. With focus on the 'Navigate forwards from here' link, navigate to the 'About' disclosure button. 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
    • b (quick nav on)
    • j (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: 6 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 2: Navigate backwards to a collapsed disclosure button

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 a link after the disclosure button.
  3. With focus on the 'Navigate backwards from here' link, navigate to the 'Academics' disclosure button. 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+Tab (virtual cursor active)
    • Up Arrow then Up Arrow then Up Arrow (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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 sets focus on a link after the disclosure button.
  3. With focus on the 'Navigate backwards from here' link, navigate to the 'Academics' disclosure button. 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+Tab (browse mode on)
    • Up Arrow (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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 sets focus on a link after the disclosure button.
  3. With focus on the 'Navigate backwards from here' link, navigate to the 'Academics' disclosure button. 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+Left Arrow then Control+Option+Left Arrow then Control+Option+Left Arrow
    • Shift+Tab
    • Shift+b (quick nav on)
    • Shift+j (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+Left Arrow then Control+Option+Left Arrow then Control+Option+Left Arrow: 6 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 3: Navigate forwards to an expanded disclosure button

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 a link before the first disclosure button, and sets the state of the first button to 'expanded'.
  3. With focus on the 'Navigate forwards from here' link, navigate to the 'About' disclosure button. 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)
    • Tab (virtual cursor active)
    • Down Arrow then Down Arrow then 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 a link before the first disclosure button, and sets the state of the first button to 'expanded'.
  3. With focus on the 'Navigate forwards from here' link, navigate to the 'About' disclosure button. 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)
    • 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 a link before the first disclosure button, and sets the state of the first button to 'expanded'.
  3. With focus on the 'Navigate forwards from here' link, navigate to the 'About' disclosure button. 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)
    • b (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: 6 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 4: Navigate backwards to an expanded disclosure button

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 the state of the third disclosure button to expanded, hides the associated dropdown and sets focus on the link after the disclosure.
  3. With focus on the 'Navigate backwards from here' link, navigate to the 'Academics' disclosure button. 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+Tab (virtual cursor active)
    • Up Arrow then Up Arrow then Up Arrow (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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 the state of the third disclosure button to expanded, hides the associated dropdown and sets focus on the link after the disclosure.
  3. With focus on the 'Navigate backwards from here' link, navigate to the 'Academics' disclosure button. 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+Tab (browse mode on)
    • Up Arrow (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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 the state of the third disclosure button to expanded, hides the associated dropdown and sets focus on the link after the disclosure.
  3. With focus on the 'Navigate backwards from here' link, navigate to the 'Academics' disclosure button. 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+Left Arrow then Control+Option+Left Arrow then Control+Option+Left Arrow
    • Shift+Tab
    • Shift+b (quick nav on)
    • Shift+j (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+Left Arrow then Control+Option+Left Arrow then Control+Option+Left Arrow: 6 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MUST convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', 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 3 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey role 'navigation landmark' Role 'navigation landmark' is conveyed
MAY convey name of the navigation region, 'Mythical University' Name of the navigation region, 'Mythical University', is conveyed
MAY convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Academics' Name of the button, 'Academics', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 5: Request information about a collapsed disclosure button

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 first disclosure button.
  3. With focus on the 'About' disclosure button, read information about the disclosure button. 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 sets focus on the first disclosure button.
  3. With focus on the 'About' disclosure button, read information about the disclosure button. 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 sets focus on the first disclosure button.
  3. With focus on the 'About' disclosure button, read information about the disclosure button. 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 6: Request information about an expanded disclosure button

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 first disclosure button, and sets its state to expanded.
  3. With focus on the 'About' disclosure button, read information about the disclosure button. 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 first disclosure button, and sets its state to expanded.
  3. With focus on the 'About' disclosure button, read information about the disclosure button. 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', 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 first disclosure button, and sets its state to expanded.
  3. With focus on the 'About' disclosure button, read information about the disclosure button. 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 the button, 'About' Name of the button, 'About', 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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 7: Operate a collapsed disclosure button

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 first disclosure button.
  3. With focus on the 'About' disclosure button, 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 sets focus on the first disclosure button.
  3. With focus on the 'About' disclosure button, 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 sets focus on the first disclosure button.
  3. With focus on the 'About' disclosure button, 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 8: Operate an expanded disclosure button

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 first disclosure button, and sets its state to expanded.
  3. With focus on the 'About' disclosure button, 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 first disclosure button, and sets its state to expanded.
  3. With focus on the 'About' disclosure button, 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 first disclosure button, and sets its state to expanded.
  3. With focus on the 'About' disclosure button, change its state to 'collapsed'. 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 'collapsed' Change in state, to 'collapsed', is conveyed

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

Test 9: Navigate from an expanded disclosure button to the current page link

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 first disclosure button, sets its state to expanded, and marks the first link in the associated dropdown as being the current page.
  3. With focus on the 'About' disclosure button, navigate to the 'Overview' link. 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.
    • u (virtual cursor active)
    • Tab (virtual cursor active)
    • Down Arrow then Down Arrow (virtual cursor active)
    • Tab (PC cursor active)
    • Down 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.

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

Down Arrow (PC cursor active): 3 MUST, 0 SHOULD, AND 1 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' 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 first disclosure button, sets its state to expanded, and marks the first link in the associated dropdown as being the current page.
  3. With focus on the 'About' disclosure button, navigate to the 'Overview' link. 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.
    • u (browse mode on)
    • k (browse mode on)
    • Tab (browse mode on)
    • Down Arrow (browse mode on)
    • Tab (focus mode on)
    • Down 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.

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

Down Arrow (focus mode on): 3 MUST, 0 SHOULD, AND 1 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' 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 first disclosure button, sets its state to expanded, and marks the first link in the associated dropdown as being the current page.
  3. With focus on the 'About' disclosure button, navigate to the 'Overview' link. 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
    • Tab
    • l (quick nav on)
    • Down Arrow (quick nav off)

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.

To perform a task with quick nav off:

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

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

Down Arrow (quick nav off): 3 MUST, 0 SHOULD, AND 1 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Overview' Name of the link, 'Overview', is conveyed
MUST convey state of the link, 'current page' State of the link, 'current page' is conveyed

Test 10: Navigate to an expanded disclosure button from a link in the associated dropdown

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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, navigate to the 'About' disclosure button. 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+Tab (virtual cursor active)
    • Up Arrow then Up Arrow (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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

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

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, navigate to the 'About' disclosure button. 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+Tab (browse mode on)
    • Up Arrow (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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

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

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, navigate to the 'About' disclosure button. 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+j (quick nav on)
    • Control+Option+Left Arrow then 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'About' Name of the button, 'About', 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 0 MAY assertions

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

Control+Option+Left Arrow then Control+Option+Left Arrow: 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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Shift+Tab: 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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'expanded' State of the button, 'expanded' is conveyed

Test 11: Navigate from a collapsed disclosure button to a link in a dropdown

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 first disclosure button and sets focus on the second disclosure button.
  3. With focus on the 'Admissions' disclosure button, navigate to the 'Campus Tours' link. 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+u (virtual cursor active)
    • Shift+Tab (virtual cursor active)
    • Up Arrow then Up Arrow (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+u (virtual cursor active): 2 MUST, 0 SHOULD, AND 1 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', 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 first disclosure button and sets focus on the second disclosure button.
  3. With focus on the 'Admissions' disclosure button, navigate to the 'Campus Tours' link. 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+u (browse mode on)
    • Shift+k (browse mode on)
    • Shift+Tab (browse mode on)
    • Up Arrow (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+u (browse mode on): 2 MUST, 0 SHOULD, AND 1 MAY assertions

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', 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 first disclosure button and sets focus on the second disclosure button.
  3. With focus on the 'Admissions' disclosure button, navigate to the 'Campus Tours' link. 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+Left Arrow then Control+Option+Left Arrow
    • Shift+Tab
    • Shift+l (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+Left Arrow then Control+Option+Left Arrow: 3 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

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

Priority Assertion Phrase Assertion Statement
MAY convey list boundary List boundary is conveyed
MUST convey role 'link' Role 'link' is conveyed
MUST convey name of the link, 'Campus Tours' Name of the link, 'Campus Tours', is conveyed

Test 12: Navigate to a collapsed disclosure button from the last link in a dropdown

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 first disclosure and sets focus on the 'Campus Tours' link.
  3. With focus on the 'Campus Tours' link, navigate to the 'Admissions' disclosure button. 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)
    • Tab (virtual cursor active)
    • Down Arrow then 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

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

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 expands the first disclosure and sets focus on the 'Campus Tours' link.
  3. With focus on the 'Campus Tours' link, navigate to the 'Admissions' disclosure button. 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)
    • 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

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

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

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', 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 expands the first disclosure and sets focus on the 'Campus Tours' link.
  3. With focus on the 'Campus Tours' link, navigate to the 'Admissions' disclosure button. 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
    • Tab
    • j (quick nav on)
    • b (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: 4 MUST, 0 SHOULD, AND 0 MAY assertions

Priority Assertion Phrase Assertion Statement
MUST convey list boundary List boundary is conveyed
MUST convey role 'button' Role 'button' is conveyed
MUST convey name of the button, 'Admissions' Name of the button, 'Admissions', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Tab: 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 the button, 'Admissions' Name of the button, 'Admissions', 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 0 MAY assertions

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

b (quick nav 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 the button, 'Admissions' Name of the button, 'Admissions', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 13: Dismiss a dropdown

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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, close the dropdown. 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.
    • Escape (virtual cursor active)
    • Escape (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.

Escape (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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Escape (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 the button, 'About' Name of the button, 'About', 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 expands the first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, close the dropdown. 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.
    • Escape (browse mode on)
    • Escape (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.

Escape (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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Escape (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 the button, 'About' Name of the button, 'About', 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 expands the first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, close the dropdown. Do this with each of the following commands or command sequences.
    • Escape

Escape: 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 the button, 'About' Name of the button, 'About', is conveyed
MUST convey state of the button, 'collapsed' State of the button, 'collapsed', is conveyed

Test 14: Activate a link in a dropdown

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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, activate the link. 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)
    • 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, 1 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', is conveyed

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

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', is conveyed

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

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', 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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, activate the link. 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)
    • 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, 1 SHOULD, AND 2 MAY assertions

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', is conveyed

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

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', is conveyed

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

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', 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 first disclosure and sets focus on the 'Overview' link.
  3. With focus on the 'Overview' link, activate the link. Do this with each of the following commands or command sequences.
    • Control+Option+Space
    • Enter

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

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', is conveyed

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

Priority Assertion Phrase Assertion Statement
SHOULD convey role 'heading' Role 'heading' is conveyed
MUST convey heading content, 'Overview' Content of the heading, 'Overview', is conveyed
MAY convey role 'Region' Role 'Region' is conveyed
MAY convey name of the region, 'Mythical University sample page content' Name of the region, 'Mythical University sample page content', is conveyed