WCAG-A/AA-Anforderung Priorität: Mittel

Eingebettete Dateien oder Medien haben keine Textbeschreibung

Inhalte, die mit einem <object>-Tag eingebettet sind, zum Beispiel eine Größentabelle als PDF, ein Katalog, ein interaktiver Viewer oder ältere Medien, haben keinen Text, der sagt, worum es sich handelt.

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

Warum das für Ihre Kunden wichtig ist

Screenreader-Nutzer hören nichts Brauchbares. Sie wissen womöglich nicht, dass es eine Größentabelle, einen Katalog oder ein Video gibt, und verpassen die Informationen darin.

Wen es betrifft

blinde Kundinnen und Kunden
Screenreader-Nutzer
Menschen, deren Browser den eingebetteten Inhalt nicht anzeigen kann

So beheben Sie es

Geben Sie jedem <object> eine Textalternative: ein aria-label oder title, das den Inhalt beschreibt, aria-labelledby mit Verweis auf eine sichtbare Überschrift oder Ersatztext innerhalb des <object>-Elements. Bei Dokumenten wie einer Größentabelle als PDF ergänzen Sie zusätzlich einen normalen Link zur Datei und stellen die wichtigsten Angaben am besten als HTML-Text auf die Seite. Ist das Objekt rein dekorativ, geben Sie ihm role="presentation" oder role="none".

Bei Shopify

In aktuellen Themes selten; meist ein PDF- oder Medien-Embed, das in eine Seite oder Produktbeschreibung eingefügt wurde, oder ein Embed aus einer App. Ergänzen Sie dort title oder aria-label oder ersetzen Sie das Embed durch einen Link zur Datei.

Bei Shoptet (CZ)

Selten; meist HTML, das in eine Produktbeschreibung oder einen Artikel eingefügt wurde. Ergänzen Sie title oder ersetzen Sie das Embed durch einen Download-Link; für Template-Code wenden Sie sich an Shoptet oder eine Partneragentur.

Bei PrestaShop

Meist ein Embed auf einer CMS-Seite oder in einer Produktbeschreibung oder ein älteres Theme-Modul. Ergänzen Sie title oder Ersatztext im Inhaltseditor oder im .tpl-Template des Moduls.

Bei WooCommerce

Meist ein PDF-Viewer- oder Embed-Plugin oder HTML in einer Produktbeschreibung oder einem Page-Builder-Block. Suchen Sie in den Plugin-Einstellungen nach einem Titelfeld oder ergänzen Sie aria-label im Embed-Code.

Standards

Standards
Standard	Abschnitt
WCAG 2.2	1.1.1 (A) Non-text Content
WCAG 2.1	1.1.1 (A) Non-text Content
WCAG 2.0	1.1.1 (A) Non-text Content
EN 301 549 4.1.1	9.1.1.1
EN 301 549 3.2.1	9.1.1.1
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.1.1.1

Automatische Prüfung: axe-core-Regel object-alt. dequeuniversity.com, github.com, www.w3.org

Die Seite lädt sich selbst neu oder leitet weiter
WCAG 2.2.1 A
Bilder haben keine Textbeschreibung
WCAG 1.1.1 A
Eine Liste aus Bezeichnungen und Werten ist falsch aufgebaut
WCAG 1.3.1 A
Tastaturnutzer erreichen eingebettete Inhalte nicht
WCAG 2.1.1 A

Alle Regeln, die wir prüfen