video-poster-text-alternative-present
Poster von <video> muss eine Textalternative haben
Prüft, dass <video>-Elemente mit Posterbild eine Textalternative (zugänglichen Namen) bereitstellen.
Anwendbarkeit. Gilt für <video>-Elemente, die: 1) ein nicht leeres poster-Attribut haben UND 2) assistiven Technologien bereitgestellt werden (gemäß den Eignungsprüfungen der Engine). Elemente, die ansonsten aus dem Accessibility Tree ausgeblendet sind, bleiben betroffen, wenn sie per Tab erreichbar sind oder über IDREF-Beziehungen referenziert werden (gemäß den Eignungsprüfungen). Videos mit role="presentation" oder role="none" sind nur ausgeschlossen, wenn sie nicht fokussierbar sind.
Erwartung. Jedes betroffene <video>-Element stellt eine Textalternative für das Posterbild bereit über:
- einen zugänglichen Namen (aria-label / aria-labelledby / title).
Fallback-Inhalt zwischen den Tags innerhalb von <video> wird NICHT akzeptiert: Er wird nur von Browsern gerendert, die <video> nicht unterstützen, und wird assistiven Technologien daher in der Praxis nicht zuverlässig bereitgestellt. <video> ist außerdem kein beschriftbares Element, daher werden native Zuordnungen über <label for="..."> ebenfalls nicht akzeptiert. Ein <video> ohne Namen, das der einzige Inhalt einer <figure> mit nicht leerer <figcaption> ist, wird nachgefragt (cantTell) statt als fail gewertet: Die Bildunterschrift benennt die Abbildung, nicht das Video (HTML-AAM; Chromium gibt dem Video keinen Namen), sie kann aber das Posterbild beschreiben, und das kann nur eine Person beurteilen.
Was ein Befund meldet.
reasonCode:VIDEO_POSTER_FIGCAPTION_REVIEWbeim cantTell-Befund, mitfigcaption, dem Text der Bildunterschrift bis zu 100 Zeichen;TEXT_ALTERNATIVE_MISSINGbei einem Fehlschlag.
Diese Felder in data.details helfen, einen Befund zu lesen und zu reproduzieren. Außer reasonCode und den wenigen Feldern, die Ausgabeschema als stabil nennt, sind sie kein stabiler Vertrag: Ein Feld kann in einer Minor-Version umbenannt werden oder wegfallen, bauen Sie also nicht darauf auf.
Beispiele
<video poster="poster.png" aria-label="Product demo"></video>
aria-label benennt das video-Element, das das Posterbild trägt.
<video poster="poster.png"></video>
Kein zugänglicher Name und kein Fallback; ein poster-Attribut allein ist keine Textalternative.
So prüfen Sie es
Wenn diese Regel nicht entscheiden kann, meldet sie cantTell und überlässt die Frage einer Person. Jede Frage, die sie stellen kann, steht hier unter ihrem Reason-Code, mit den Schritten, um sie zu beantworten. Ein Befund enthält dieselben Schritte in howToCheck, in der Sprache des Scans. Siehe Ausgabeschema.
VIDEO_POSTER_FIGCAPTION_REVIEW
- Suchen Sie das im Bericht genannte Video und betrachten Sie sein Vorschaubild, bevor es abgespielt wird.
- Lesen Sie die Bildunterschrift der Abbildung, die damit angezeigt wird.
- Entscheiden Sie, ob die Bildunterschrift jemandem, der das Vorschaubild nicht sehen kann, sagt, was das Video ist.
Bestanden. Die Bildunterschrift identifiziert das Video und das, was sein Vorschaubild zeigt.
Nicht bestanden. Die Bildunterschrift identifiziert das Video nicht, sodass das Vorschaubild keine Textalternative hat; das verstößt gegen WCAG 1.1.1.