# Schaltflächen müssen wahrnehmbaren Text enthalten

<https://www.fixreports.com/de/issues/button-name>

WCAG 4.1.2 Name, Rolle, Wert · Stufe A

Manche Buttons haben keinen zugänglichen Namen, daher hören Screenreader-Nutzer nur „Schalter“.

## Was diese Regel prüft
Stellt sicher, dass Schaltflächen wahrnehmbaren Text enthalten.

## Warum das wichtig ist
WCAG 4.1.2 verlangt, dass jedes Bedienelement einen Namen hat. Buttons ohne Namen sind oft Mengenregler, Schließen-Buttons und Slider-Pfeile.

## So beheben Sie es
### Auf jeder Website
1. Suchen Sie die Buttons, die keinen Namen haben, meist Buttons, die nur ein Icon zeigen.
2. Ergänzen Sie sichtbaren Text, visuell versteckten Text oder ein aria-label, das sagt, was der Button tut (zum Beispiel aria-label="Close" oder aria-label="Increase quantity").

### In Shopify
1. Suchen Sie die Buttons, die keinen Namen haben, meist Buttons, die nur ein Icon zeigen.
2. Ergänzen Sie sichtbaren Text, visuell versteckten Text oder ein aria-label, das sagt, was der Button tut (zum Beispiel aria-label="Close" oder aria-label="Increase quantity").

### In WooCommerce und WordPress
1. Suchen Sie die Buttons, die keinen Namen haben, meist Buttons, die nur ein Icon zeigen.
2. Ergänzen Sie sichtbaren Text, visuell versteckten Text oder ein aria-label, das sagt, was der Button tut (zum Beispiel aria-label="Close" oder aria-label="Increase quantity").

## So prüfen Sie die Korrektur
- Scannen Sie die betroffenen Seiten erneut.
- Prüfen Sie die Buttons mit einem Screenreader.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Erläuterungen zu WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value