Eingebetteter Rahmen ohne Titel

WCAG 4.1.2, 2.4.1 (A) · EN 301 549 9.4.1.2

Es gibt ein <iframe> ohne title-Attribut.

Warum das zählt

Screenreader können die Rahmen einer Seite auflisten. Ohne Titel erscheinen sie dort als „Frame“, „Frame“, „Frame“, und die Person muss jeden einzeln betreten, um herauszufinden, welcher das Video ist, welcher die Karte und welcher das Chat-Widget.

Dreißig Sekunden Arbeit je Rahmen — und es steht in jedem Prüfbericht.

So wird es behoben

Ergänzen Sie ein title, das den Inhalt des Rahmens beschreibt. Handelt es sich um ein unsichtbares Zählpixel, kennzeichnen Sie es zusätzlich mit aria-hidden="true".

<iframe src="https://www.youtube.com/embed/xyz"></iframe>

<iframe src="https://www.youtube.com/embed/xyz"
        title="Video: die richtige Größe finden"></iframe>

In Ihrem System

• Shopify

  Stammt das Video aus einem Theme-Block, bearbeiten Sie die Vorlage unter Onlineshop › Themes › Code bearbeiten und ergänzen Sie das title am iframe.

• WooCommerce

  Per Blockeditor eingefügte YouTube-Einbettungen übernehmen den Blocktitel; prüfen Sie die, die als eigenes HTML von Hand eingefügt wurden.

Verwandte Themen

• Grafische Schaltfläche ohne Alternativtext
• Formularfelder ohne Beschriftung
• Schaltflächen ohne Namen
• Links ohne Namen