--- title: "A: Benutzerdefinierte Steuerelemente haben zugeordnete Beschriftungen (WCAG 4.1.2)" description: Erklärt, warum benutzerdefinierte Steuerelemente immer eine erkennbare Beschriftung benötigen und wie aria-label oder aria-labelledby die Zugänglichkeit nach WCAG 4.1.2 sicherstellen. --- [Zu Content springen](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels#main-content) - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels) - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/manual-checks/custom-controls-labels) 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/custom-controls-labels) - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/manual-checks/custom-controls-labels) 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: Benutzerdefinierte Steuerelemente haben zugeordnete Beschriftungen (WCAG 4.1.2) ## custom-controls-labels - [**Bedeutung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels#Das-bedeutet) - [**Auswirkung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels#Auswirkung) - [**Empfehlung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels#Empfehlung) - [**Beispiele**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels#Beispiele) - [**Hinweis**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/custom-controls-labels#Hinweis) ### **Das bedeutet** Individuell erstellte interaktive Elemente, wie Schalter, Dropdowns oder Slider, die nicht aus nativen HTML-Elementen bestehen, müssen eine eindeutige Beschriftung besitzen. Diese Beschriftung wird von assistiven Technologien (z. B. Screenreadern) über Attribute wie `aria-label` oder `aria-labelledby` erkannt und vorgelesen. ### **Auswirkung** Fehlt die Beschriftung, können Nutzer und Nutzerinnen mit Screenreader nicht nachvollziehen, was das Steuerelement bewirkt. Das führt zu massiven Bedienbarrierien und Verstößen gegen WCAG 4.1.2 (A) *„Name, Rolle, Wert“*. ### **Empfehlung** - Jedem interaktiven Element (z. B. Buttons, Switches, Custom Inputs) muss ein zugänglicher Name zugewiesen werden. - Beschriftungen sollen **verständlich, eindeutig und funktional** sein („Suche starten“ statt „OK“). - Sichtbare Labels sollten – wenn vorhanden – mit der zugänglichen Beschriftung übereinstimmen. - Wenn kein sichtbarer Text vorhanden ist, nutze ein `aria-label` oder verweise über `aria-labelledby` auf ein sichtbares Label. ### **Beispiele** *Problematisch:* Benutzerdefinierte Buttons oder Switches ohne Text oder ARIA-Beschriftung. *Besser:* Jeder interaktive Bereich hat eine klar erkennbare Funktion und wird von Screenreadern korrekt angesagt. ### **Hinweis** Dieses Kriterium prüft **nicht das visuelle Design**, sondern ob eine **semantische Beschriftung** vorhanden und korrekt verknüpft ist. **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