6.1 Accordion elements can’t be expanded with VoiceOver activated (H)

Accordion elements on Intranet landing page

FIGURE 6.1: Accordion elements on Intranet landing page

6.1.1 WCAG 2.1.1 (A), 4.1.1 (A) - iPad, iPhone

When the user navigates to the accordion elements on the Intranet landing page with VoiceOver activated, these can’t be expanded. The user is required to turn VoiceOver off to access these elements.

6.1.2 Recommendation

Ensure that all elements are accessible when the screen reader is activated.

See an example of an accessible accordion