---
title: "A: ARIA hidden element must not be focusable or contain focusable elements (WCAG 4.1.2)"
description: "A: ARIA hidden element must not be focusable or contain focusable elements (WCAG 4.1.2) SiteCockpit Monitoring"
---

[Skip to content](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus#main-content)

- [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus)
- [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/aria-hidden-focus)

English

Show submenu for translations

![SiteCockpit Logo](https://help.sitecockpit.com/hs-fs/hubfs/siteCockpit%20mit%20claim_rgb.png?width=328&height=92&name=siteCockpit%20mit%20claim_rgb.png)

- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)

Open main navigation

Close main navigation

- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)
- - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus)
    - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/aria-hidden-focus)
  
  
  
  
  
  
  English
  
  Show submenu for translations
- [Contact us](mailto:kontakt@sitecockpit.com)

[Contact us](mailto:kontakt@sitecockpit.com)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Documentation](https://help.sitecockpit.com/en/documentation?hsLang=en)
2. [Backend](https://help.sitecockpit.com/en/documentation/backend?hsLang=en)
3. [easyMonitorung automatic checks](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitorung-automatic-checks)

# A: ARIA hidden element must not be focusable or contain focusable elements (WCAG 4.1.2)

## aria-hidden-focus

- [**Meaning**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus#This-means)
- [**Impact**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus#Impact)
- [**Recommendation**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus#Recommendation)
- [**Examples**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/aria-hidden-focus#Example)

Ensure that ARIA-hidden elements do not contain any focusable elements.

### **This means**

Areas with `aria-hidden="true"` are invisible to screen readers. However, if there are still **focusable** elements inside (e.g., links, buttons, inputs, or elements with `tabindex="0"`), users can navigate to them via keyboard, but assistive technologies will output **no content**.

### **Impact**

Confusion, focus traps, and lack of context for screen reader users → Interruptions and **WCAG violation**.

### **Recommendation**

- Do not leave any **focusable** elements inside areas with `aria-hidden="true"`.
- Either remove the area completely from the DOM flow (`hidden`/`display:none`) **or** disable it using `inert` along with `aria-hidden="true"`.
- If hiding is only temporary: After the action, make the focus **visible** and **readable** again (reset states).

### **Example**

*Problematic*

```
<div aria-hidden="true">  <a href="/hilfe">Help</a>  <button>OK</button></div>
```

*Better*

```
<div inert aria-hidden="true">  <a href="/hilfe">Help</a>  <button>OK</button></div>
```

*Alternative (completely hide)*

```
<div hidden> … </div>
```

**Related WCAG criterion:**  
[WCAG 4.1.2 - Name, Role, Value](https://www.w3.org/TR/WCAG22/#name-role-value)

- [General Information](https://help.sitecockpit.com/en/documentation/general-information?hsLang=en#main-content)
  
  
  
  
  
    - [Information](https://help.sitecockpit.com/en/documentation/general-information?hsLang=en#information)
    - [Dashboard](https://help.sitecockpit.com/en/documentation/general-information?hsLang=en#dashboard)
- [Backend](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#main-content)
  
  
  
  
  
    - [easyVision](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easyvision)
    - [easyMonitoring](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitoring)
    - [easyMonitorung manual checks](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitorung-manual-checks)
    - [easyMonitorung automatic checks](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitorung-automatic-checks)
    - [easyAI](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easyai)
    - [easyStatement](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easystatement)
    - [Contrast Checker](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#contrast-checker)
    - [easyLanguage](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easylanguage)
- [easyVision integration](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#main-content)
  
  
  
  
  
    - [Setup](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#setup)
    - [Installlation](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#installlation)
    - [Browser Extensions](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#browser-extensions)
- [Servicepartner](https://help.sitecockpit.com/en/documentation/servicepartner?hsLang=en#main-content)
  
  
  
  
  
    - [General Information](https://help.sitecockpit.com/en/documentation/servicepartner?hsLang=en#general-information)
    - [Stripe](https://help.sitecockpit.com/en/documentation/servicepartner?hsLang=en#stripe)
- [Support](https://help.sitecockpit.com/en/documentation/support?hsLang=en#main-content)
  
  
  
  
  
    - [FAQ](https://help.sitecockpit.com/en/documentation/support?hsLang=en#faq)
    - [Ticket system](https://help.sitecockpit.com/en/documentation/support?hsLang=en#ticket-system)

[![siteCockpit rgb](https://help.sitecockpit.com/hs-fs/hubfs/siteCockpit%20rgb.png?width=200&height=42&name=siteCockpit%20rgb.png "siteCockpit rgb")](https://www.sitecockpit.com/)

Telefon: +49(0)30 403 64 98 98  
E-Mail: kontakt@sitecockpit.com

<https://www.facebook.com/sitecockpit/> <https://de.linkedin.com/company/sitecockpit> <https://www.instagram.com/sitecockpit/> <https://www.youtube.com/@SiteCockpit> [mailto:kontakt@sitecockpit.com](mailto:kontakt@sitecockpit.com)

Copyright © 2025, Site Cockpit GmbH