Schaltfläche ohne Beschriftung
CriticalWCAG criterion 4.1.2BFSG-relevant
What is the problem?
Eine Schaltfläche hat keinen zugänglichen Namen — häufig Icon-Buttons wie Suche, Warenkorb oder Menü. Screenreader-Nutzer hören nur „Schaltfläche" und können die Funktion nicht erkennen. Zentrale Shop-Funktionen werden damit unbenutzbar.
Why does it matter?
WCAG 2.1 Erfolgskriterium 4.1.2 (Name, Rolle, Wert, Stufe A) verlangt für Bedienelemente einen programmatisch bestimmbaren Namen. Ein häufiger, schwerwiegender und zugleich schnell behebbarer Mangel — relevant für die BFSG-Bewertung.
How to fix it
Gib jedem Button einen zugänglichen Namen: sichtbarer Text im Button, oder bei reinen Icon-Buttons ein aria-label (z. B. <button aria-label="Suche öffnen">). Das title-Attribut allein genügt nicht zuverlässig.
Shopware
Icon-Buttons stammen meist aus dem Theme (Suche, Warenkorb, Menü-Toggle). Im Theme-Child das jeweilige Twig-Template überschreiben und aria-label ergänzen — z. B. in layout/header/actions/*.html.twig.
WooCommerce
Bei Theme-Buttons (Suche-Lupe, Warenkorb-Icon): Child-Theme anlegen und im jeweiligen Template-Part aria-label ergänzen, oder — wenn vom Theme vorgesehen — die Beschriftungs-Option im Customizer aktivieren. Bei Page-Buildern die Button-Elemente mit Text oder ARIA-Label versehen.
Shopify
Im Code-Editor die betroffene Sektion/Snippet suchen (häufig header.liquid, cart-drawer.liquid) und dem <button> ein aria-label geben. Viele aktuelle Themes haben dafür bereits Locale-Strings — prüfen, ob nur die Übersetzung fehlt.
WordPress
Block-Editor-Buttons haben Text — betroffen sind meist Theme-Icons (Menü, Suche). Im Child-Theme das Template-Part anpassen (aria-label) oder ein Theme wählen, das beschriftete Bedienelemente mitbringt.
TYPO3
Im Site-Package das Fluid-Template des betroffenen Buttons anpassen und aria-label ergänzen (z. B. Resources/Private/Partials/Header/…).
Is your website affected?
The free quick check tests up to 5 pages within minutes — no registration.
Start a free quick check