WCAG-A/AA-Anforderung Priorität: Mittel
Mehrere eingebettete Rahmen haben denselben Namen
Zwei oder mehr eingebettete Rahmen (iframes) auf der Seite haben denselben title, obwohl sie Unterschiedliches zeigen – etwa mehrere Produktvideos, die alle „YouTube video player“ heißen.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzer, die sich Rahmen auflisten lassen oder zwischen ihnen springen, hören mehrmals denselben Namen und können ohne Öffnen nicht erkennen, welcher das Größenberatungs-Video, die Karte oder das Zahlungs-Widget ist.
Wen es betrifft
- blinde Kundinnen und Kunden
- Screenreader-Nutzer
So beheben Sie es
Geben Sie jedem <iframe> einen title, der seinen eigenen Inhalt beschreibt, etwa „Video: So messen Sie Ihre Größe“ oder „Karte zum Ladengeschäft“. Ersetzen Sie Standardtitel aus Einbettungscodes („YouTube video player“, „reCAPTCHA“), wo Sie den Code steuern. Rahmen mit wirklich gleichem Inhalt dürfen denselben Titel haben; axe bittet um eine manuelle Prüfung.
Bei Shopify
Meist mehrere Video-Sections oder App-Widgets mit dem Standardtitel der Einbettung. Setzen Sie einen konkreten title im Liquid-Code der Section oder in den Einbettungseinstellungen; iframes von Apps muss der App-Entwickler korrigieren.
Bei Shoptet (CZ)
Meist mehrere Einbettungscodes, die mit ihrem Standardtitel eingefügt wurden. Ändern Sie das title-Attribut in Ihren Einbettungscodes; für Template-Elemente wenden Sie sich an Shoptet oder einen Shoptet-Partner.
Bei PrestaShop
Meist Video- oder Kartenmodule, die mit festem Titel mehrfach auf einer Seite stehen. Machen Sie den title in den .tpl-Templates des Moduls oder Themes konkret; Module von Drittanbietern melden Sie deren Entwickler.
Bei WooCommerce
Meist mehrere Video- oder Karteneinbettungen aus dem Block-Editor oder einem Page-Builder mit Standardtitel. Ändern Sie den title im Einbettungscode oder in den Block-Einstellungen; iframes von Plugins 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-unique.
dequeuniversity.com, github.com, www.w3.org