Einige Elemente haben eine Braille-Beschriftung, aber keinen normalen Namen

Einige Elemente tragen eine Beschriftung nur für Braillezeilen (aria-braillelabel oder aria-brailleroledescription), aber nicht die normale Beschriftung oder Beschreibung, die sie ergänzen soll.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Wer Sprachausgabe statt einer Braillezeile nutzt, erhält für das Element keinen Namen oder eine falsche Beschreibung, etwa bei einer Schaltfläche oder einem Status-Hinweis, und versteht nicht, was es tut.

Wen es betrifft

Screenreader-Nutzer
blinde Kundinnen und Kunden

So beheben Sie es

Verwenden Sie Braille-Attribute nur zusätzlich zu einem normalen Namen. Ein Element mit aria-braillelabel braucht außerdem sichtbaren Text, aria-label oder aria-labelledby; ein Element mit aria-brailleroledescription braucht außerdem aria-roledescription. In den meisten Shops ist es am einfachsten, die Braille-Attribute zu entfernen.

Bei Shopify

In Shopify-Themes und Apps sehr selten. Suchen Sie im Theme-Code und in App-Snippets nach „aria-braille“ und ergänzen Sie einen normalen Namen oder entfernen Sie das Attribut.

Bei Shoptet (CZ)

In Shoptet-Templates sehr selten. Falls es vorkommt, stammt es meist aus eigenem Code im Template; bitten Sie einen Shoptet-Partner um Korrektur.

Bei PrestaShop

Sehr selten. Suchen Sie in den .tpl-Dateien des Themes und in Modul-Templates nach „aria-braille“ und ergänzen Sie einen normalen Namen oder entfernen Sie das Attribut.

Bei WooCommerce

Sehr selten. Suchen Sie im Child-Theme und in der Plugin-Ausgabe nach „aria-braille“; korrigieren Sie es im Theme oder melden Sie es dem Plugin-Entwickler.

Standards

Standards
Standard	Abschnitt
WCAG 2.2	4.1.2 (A) Name, Role, Value
WCAG 2.1	4.1.2 (A) Name, Role, Value
WCAG 2.0	4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1	9.4.1.2
EN 301 549 3.2.1	9.4.1.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.4.1.2

Automatische Prüfung: axe-core-Regel aria-braille-equivalent. dequeuniversity.com, github.com, www.w3.org

Barrierefreiheits-Attribute werden in der falschen Situation verwendet
WCAG 4.1.2 A
Barrierefreiheits-Attribute sind falsch geschrieben
WCAG 4.1.2 A
Einige Fortschrittsbalken haben keinen Namen
WCAG 1.1.1 A
Formularfelder werden nicht automatisch ausgefüllt
WCAG 1.3.5 AA

Alle Regeln, die wir prüfen