12.9 Down Arrows are focusable on iPad (M)

Down arrow highlighted in navigation bar

FIGURE 12.12: Down arrow highlighted in navigation bar

12.9.1 WCAG 1.1.1 (A), 1.3.1 (A) - iPad

When the site is viewed on an iPad with VoiceOver activated, the down arrows within the top navigation are focusable and are announced as ‘Heading level 2’.

As these elements are not programmatically associated with the adjacent text headings, it does not help the user identify the purpose of this heading element.

12.9.2 Recommendation

For any icons that are purely decorative and do not convey information, consider using the aria-hidden attribute which hides content from assistive technology, but not visually.

More information on focusable elements.