---
title: A: Elemente müssen ihren sichtbaren Text auch als Teil des zugänglichen Namens (accessible name) haben (WCAG 2.5.3)
description: A: Elemente müssen ihren sichtbaren Text auch als Teil des zugänglichen Namens (accessible name) haben (WCAG 2.5.3) SiteCockpit Monitoring
---

[Zu Content springen](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/label-content-name-mismatch#main-content)

- [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/label-content-name-mismatch)
- [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/label-content-name-mismatch)

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/automatische-pruefungen/label-content-name-mismatch)
    - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/label-content-name-mismatch)
  
  
  
  
  
  
  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 automatische Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-automatische-pr%C3%BCfpunkte)

# A: Elemente müssen ihren sichtbaren Text auch als Teil des zugänglichen Namens (accessible name) haben (WCAG 2.5.3)

## label-content-name-mismatch

- [**Bedeutung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/label-content-name-mismatch#Das-bedeutet)
- [**Auswirkung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/label-content-name-mismatch#Auswirkung)
- [**Empfehlung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/label-content-name-mismatch#Empfehlung)
- [**Beispiele**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/label-content-name-mismatch#Beispiel)

Stellt sicher, dass Elemente, die durch ihren Inhalt beschrieben sind, auch ihren sichtbaren Text als Teil des zugänglichen Namens (accessible name) haben.

### **Das bedeutet**

Interaktive Elemente wie Links, Schaltflächen oder Steuerelemente zeigen einen **sichtbaren Text**, aber der **zugängliche Name** (z. B. aus `aria-label`, `aria-labelledby` oder dem Button Inhalt) enthält diesen Text **nicht**. Sprachsteuerung und Screenreader können das Element dann nicht zuverlässig über den sichtbaren Wortlaut ansprechen.

### **Auswirkung**

Nutzerinnen und Nutzer mit Screenreader oder Sprachsteuerung verlieren Orientierung. Befehle wie „Klicke **Mehr erfahren**“ funktionieren nicht, wenn der Name z. B. „Details anzeigen“ lautet. Das erhöht Fehlbedienungen und verstößt gegen WCAG.

### **Empfehlung**

- Der **zugängliche Name muss den sichtbaren Text enthalten** (idealerweise am Anfang).
- **Kein abweichendes **`aria-label` setzen, wenn der sichtbare Text schon passt – lieber Textinhalt nutzen.
- Zusätzlichen Kontext **anhängen**, nicht ersetzen (z. B. „Jetzt kaufen – Größe M“).
- Für zusammengesetzte Beschriftungen `aria-labelledby` verwenden und sicherstellen, dass der sichtbare Wortlaut enthalten ist.

### **Beispiel**

*Problematisch*

```
<!-- Sichtbar: "Mehr erfahren", zugänglicher Name: "Details anzeigen" (ohne "Mehr erfahren") --><a href="/guide" aria-label="Details anzeigen">Mehr erfahren</a> <!-- Sichtbar: "Senden", zugänglicher Name: "Abschicken" (abweichend) --><button aria-label="Abschicken">Senden</button>
```

*Besser*

```
<!-- Sichtbarer Text ist Teil des Namens --><a href="/guide">Mehr erfahren</a> <!-- Zusätzlicher Kontext angehängt, sichtbarer Text enthalten --><button aria-label="Senden – Nachricht verschicken">Senden</button> <!-- Zusammengesetzt mit aria-labelledby; sichtbarer Wortlaut enthalten --><h2 id="buy-h">Jetzt kaufen</h2><button aria-labelledby="buy-h">Jetzt kaufen</button>
```

**Verknüpfte WCAG-Kriterien:**  
[WCAG 2.5.3 - Beschriftung (Label) im Namen](https://www.w3.org/WAI/WCAG22/Understanding/label-in-name.html)

- [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

<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