Accordion group reveal
Back to complex components
A header of content which when activated, will reveal sub-content contained within.
WHEN open the accordion
AND I have my screen-reader activated.
THEN I expect the newly revealed area to be announced,
WHEN tab into the newly-revealed content
AND I do I focus on a particular element that can be focused on
THEN I expect a visual focus indication,
WHEN tab into the newly-revealed content
AND I do I focus on a particular element that can be focused on
THEN I expect an indication to the screen-reader,
AND I have my screen-reader activated.
THEN I expect the newly revealed area to be announced,
WHEN tab into the newly-revealed content
AND I do I focus on a particular element that can be focused on
THEN I expect a visual focus indication,
WHEN tab into the newly-revealed content
AND I do I focus on a particular element that can be focused on
THEN I expect an indication to the screen-reader,
More Information.
It is optional but recommended to have the arrow keys available to navigate up, down, left and right in the accordion panels. This may take more functionality.