Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

4. Keyboard Navigation

Accordion

Image AddedAccordion LTRImage Removed

The following table describes how keystrokes should be processed when an Accordion is focused:

DOWN/RIGHT ArrowIf focus is on a header, move focus to the next header. Wrap from last to first. Do not collapse the expanded panel.
UP/LEFT ArrowIf focus is on a header, move focus to the previous header. Wrap from first to last. Do not collapse the expanded panel.
PAGE UPIf focus is on a header, move focus to the previous header and expand its corresponding panel. Wrap from first to last.
PAGE DOWNIf focus is on a header, move focus to the next header and expand its corresponding panel. Wrap from last to first.
HOMEIf focus is on a header, move focus to the very first header and expand its corresponding panel.
ENDIf focus is on a header, move focus to the very last header and expand its corresponding panel.
ENTER/SPACEBARWhen focus is on a header, expand/collapse its corresponding panel.
TABWhen focus is on a header and its corresponding panel is expanded, move focus to the first focusable control in the panel. If focus is on the last focusable control in the panel, move focus to the next focusable control outside the Accordion. 

When focus is on a header and its corresponding panel is collapsed, move focus to the next focusable control outside the Accordion. RT-31057
SHIFT-TABWhen focus is on a focusable control in an expanded panel, move focus on previous focusable control in the panel. If focus is on the very first focusable control in the panel, move focus to the corresponding header.

When focus is on a header, move focus to the previous focusable control outside the Accordion. RT-31057 
CTRL-TAB/
CTRL-PAGE DOWN
Move focus to the next header and expand its corresponding panel. Wrap from last to first.

Use CMD-TAB or CTRL-PAGE DOWN on Mac.
CTRL-SHIFT-TAB/
CTRL-PAGE UP
Move focus to the previous header and expand its corresponding panel. Wrap from first to last.

Use CMD-SHIFT-TAB or CTRL-PAGE UP on Mac.

 

...