WCAG-A/AA-Anforderung Priorität: Mittel
Eingebettete Inhalte haben keinen Namen
Ein eingebetteter Rahmen (iframe), etwa ein Video, eine Karte, ein Chat oder ein Zahlungs-Widget, hat keinen beschreibenden Titel.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzer hören nur „Frame“ und müssen hineinspringen, um zu erfahren, was es ist. Bei einem Zahlungs- oder Chat-Widget finden sie es womöglich gar nicht.
Wen es betrifft
- blinde Kundinnen und Kunden
- Screenreader-Nutzer
So beheben Sie es
Ergänzen Sie an jedem <iframe> ein kurzes, eindeutiges title-Attribut, zum Beispiel title="Produktvideo" oder title="Kartenzahlung". Stammt der Rahmen von einem Drittanbieter, prüfen Sie dessen Einbettungsoptionen oder fragen Sie den Anbieter.
Bei Shopify
Meist Videos oder Widgets aus Apps oder Einbettungscodes. Ergänzen Sie den Titel am iframe in der Section oder im Einbettungscode; iframes von Apps muss der App-Entwickler korrigieren.
Bei Shoptet (CZ)
Meist Einbettungscodes oder Widgets, die über eigenen Code eingefügt wurden. Ergänzen Sie einen Titel am iframe in Ihrem Einbettungscode; Widget-Anbieter müssen ihre eigenen Rahmen ggf. selbst korrigieren.
Bei PrestaShop
Meist Video-, Karten- oder Zahlungsmodule. Ergänzen Sie Titel in den Modul- oder Theme-Templates; Module von Drittanbietern melden Sie deren Entwickler.
Bei WooCommerce
Meist eingebettete Videos, Karten, Zahlungs-Gateways oder Chat-Plugins. Ergänzen Sie Titel im Einbettungscode oder in den Plugin-Einstellungen; fehlende Titel melden Sie dem Plugin-Entwickler.
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 frame-title.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Einige Schaltflächen haben keinen Namen
WCAG 4.1.2 A
-
Die ganze Seite ist für Screenreader ausgeblendet
WCAG 1.3.1 A
-
Die Spracheinstellung der Seite ist fehlerhaft
WCAG 3.1.1 A
-
Tabellenzellen verweisen auf falsche Überschriften
WCAG 1.3.1 A