Test: Navigate forwards to a collapsed accordion header

Instructions

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

To perform a task with quick nav on:

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

Record Results

Navigate forwards to a collapsed accordion header

After 'b' (quick nav on)

Which statements are true about the response to b (quick nav on)?
Role 'button' is conveyed
Role 'heading' is conveyed
Heading level, '3', is conveyed
Name of button, 'Billing Address', is conveyed
State of the button, 'collapsed', is conveyed
Did negative side effects occur?(required)
Negative side effects

After 'h' (quick nav on)

Which statements are true about the response to h (quick nav on)?
Role 'button' is conveyed
Role 'heading' is conveyed
Heading level, '3', is conveyed
Name of button, 'Billing Address', is conveyed
State of the button, 'collapsed', is conveyed
Did negative side effects occur?(required)
Negative side effects

After '3' (quick nav on)

Which statements are true about the response to 3 (quick nav on)?
Role 'button' is conveyed
Role 'heading' is conveyed
Heading level, '3', is conveyed
Name of button, 'Billing Address', is conveyed
State of the button, 'collapsed', is conveyed
Did negative side effects occur?(required)
Negative side effects

After 'j' (quick nav on)

Which statements are true about the response to j (quick nav on)?
Role 'button' is conveyed
Role 'heading' is conveyed
Heading level, '3', is conveyed
Name of button, 'Billing Address', is conveyed
State of the button, 'collapsed', is conveyed
Did negative side effects occur?(required)
Negative side effects

After 'Control+Option+Right Arrow'

Which statements are true about the response to Control+Option+Right Arrow?
Role 'button' is conveyed
Role 'heading' is conveyed
Heading level, '3', is conveyed
Name of button, 'Billing Address', is conveyed
State of the button, 'collapsed', is conveyed
Did negative side effects occur?(required)
Negative side effects

After 'Tab'

Which statements are true about the response to Tab?
Role 'button' is conveyed
Role 'heading' is conveyed
Heading level, '3', is conveyed
Name of button, 'Billing Address', is conveyed
State of the button, 'collapsed', is conveyed
Did negative side effects occur?(required)
Negative side effects