--- title: "A: IDs, die in ARIA und Labels genutzt werden, müssen eindeutig sein (WCAG 4.1.2)" description: Erfahren Sie, warum IDs in ARIA-Attributen und Labels eindeutig sein müssen, um Screenreader-Zuordnungen zu gewährleisten und WCAG 4.1.2 korrekt zu erfüllen. --- [Zu Content springen](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria#main-content) - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria) - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/manual-checks/duplicate-id-aria) Deutsch Untermenü für Übersetzungen anzeigen ![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) Hauptnavigation öffnen Hauptnavigation schließen - [Tickets](https://hub.sitecockpit.com/portal) - [Dokumentation](https://help.sitecockpit.com/de/dokumentation) - [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout) - - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria) - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/manual-checks/duplicate-id-aria) Deutsch Untermenü für Übersetzungen anzeigen - [Kontakt](mailto:kontakt@sitecockpit.com) [Kontakt](mailto:kontakt@sitecockpit.com) Wie können wir Ihnen helfen? - Es gibt keine Vorschläge, da das Suchfeld leer ist. 1. [Dokumentation](https://help.sitecockpit.com/de/dokumentation?hsLang=de) 2. [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de) 3. [easyMonitorung manuelle Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-manuelle-pr%C3%BCfpunkte) # A: IDs, die in ARIA und Labels genutzt werden, müssen eindeutig sein (WCAG 4.1.2) ## duplicate-id-aria - [**Bedeutung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria#Das-bedeutet) - [**Auswirkung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria#Auswirkung) - [**Empfehlung **](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria#Empfehlung) - [**Beispiele**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria#Beispiele) - [**Hinweis**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/duplicate-id-aria#Hinweis) ### **Das bedeutet** Jedes Element, das über eine ID angesprochen wir, zum Beispiel durch *aria-labelledby*, *aria-describedby* oder ein *for*-Attribut in Labels, muss eine **einzigartige ID** besitzen. Wird dieselbe ID mehrfach vergeben, verlieren assistive Technologien die Zuordnung. Screenreader können nicht mehr erkennen, welches Label oder welche Beschreibung zu welchem Feld gehört. ### **Auswirkung** Doppelte IDs führen zu schwerwiegenden Problemen bei der Zugänglichkeit. Formulare, Schaltflächen oder Eingabefelder werden falsch oder gar nicht vorgelesen. Das kann dazu führen, dass Nutzer und Nutzerinnen Eingaben nicht verstehen oder wichtige Inhalte übersehen. Ein solcher Fehler verletzt WCAG 4.1.2 (A) *„Name, Rolle, Wert“* und hat einen sehr hohen Einfluss auf die Bewertung. ### **Empfehlung** - Jede ID darf im gesamten Dokument nur einmal vorkommen. - IDs müssen **eindeutig, stabil und aussagekräftig** sein (zum Beispiel *email-input*, *password-field*). - Wenn Elemente mehrfach vorkommen, verwenden Sie dynamisch generierte IDs oder alternative Zuordnungen (zum Beispiel mit *aria-labelledby* auf unterschiedliche Ziele). - Prüfen Sie insbesondere Formulare und benutzerdefinierte Komponenten, da hier doppelte IDs häufig durch Kopieren entstehen. ### **Beispiele** *Problematisch:* ``` ``` *Besser:* ``` ``` *Erklärung:* Im ersten Beispiel teilen sich beide Eingabefelder dieselbe ID *email*. Screenreader können die Labels dadurch nicht korrekt zuordnen. Im zweiten Beispiel sind beide IDs eindeutig, sodass die Beschriftungen richtig vorgelesen werden. ### **Hinweis** Dieser Prüfpunkt betrifft nicht nur sichtbare Labels, sondern auch Verknüpfungen innerhalb von ARIA-Attributen. Ein mehrfach verwendeter ID-Wert kann mehrere Elemente „unsichtbar“ machen oder falsche Beziehungen erzeugen. **Verknüpftes WCAG-Kriterium:** *[WCAG 4.1.2 – Name, Rolle, Wert](https://www.w3.org/TR/WCAG22/#name-role-value)* - [Allgemeines](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#main-content) - [Informationen](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#informationen) - [Dashboard](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#dashboard) - [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#main-content) - [easyVision](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyvision) - [easyMonitoring](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitoring) - [easyMonitorung manuelle Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-manuelle-pr%C3%BCfpunkte) - [easyMonitorung automatische Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-automatische-pr%C3%BCfpunkte) - [easyAI](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyai) - [easyStatement](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easystatement) - [Contrast Checker](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#contrast-checker) - [easyLanguage](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easylanguage) - [Integration easyVision](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#main-content) - [Einrichtung](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#einrichtung) - [Installation](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#installation) - [Browser Erweiterungen](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#browser-erweiterungen) - [Servicepartner](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#main-content) - [Allgemeine Informationen](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#allgemeine-informationen) - [Stripe](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#stripe) - [Support](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#main-content) - [FAQ](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#faq) - [Ticketsystem](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#ticketsystem) [![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 [mailto:kontakt@sitecockpit.com](mailto:kontakt@sitecockpit.com) Copyright © 2025, Site Cockpit GmbH