Hidden element is focusable Accessibility Checkpoint

Description

An element with aria-hidden=true contains focusable content.

Help

The hidden element and its contents are not voiced by screen readers, but they contain elements in the keyboard tab order (elements with tabindex=0 or higher, or active a, button, input, select and textarea controls). Keyboard users can tab to these controls and hear only silence. Either remove aria-hidden=true, or take the controls out of the tab order with tabindex=-1, disabled or the inert attribute.

Applicable standards

• ACT Rules 6cfa84
• WCAG 2.0 (Success Criteria: 4.1.2 level A)
• WCAG 2.1 (Success Criteria: 4.1.2 level A)
• WCAG 2.2 (Success Criteria: 4.1.2 level A)
• Section 508 (2017) (Success Criteria: 4.1.2 level A)
• EN 301 549 (Success Criteria: 4.1.2 level A)

Note: Section 508 Refresh (2017) checkpoints are equivalent to WCAG 2.0 level A and level AA checkpoints. EN 301 549 checkpoints are equivalent to WCAG 2.1 level A and level AA checkpoints.

Change history

• 6.54 Oct 2024 Handle the inert attribute.
• 6.50 Oct 2023 Improved detection of hidden modals.
• 6.45 Jul 2022 Now only applies to tab-focusable elements - another ACT Rule change.
• 6.44 Mar 2022 Now applies to touch-focusable elements - ACT Rule change.
• 6.41 Jul 2021 Improved detection.
• 5.36 Jan 2020 Added.

This page describes a web site issue detected in HTML documents by SortSite Desktop and OnDemand Suite.

Rule ID: AccAriaHiddenFocusableContent