Nicht-Text-Inhalt
All non-text content presented to users has a text alternative that serves an equivalent purpose, with specific exceptions for controls, tests, CAPTCHA, and decorative content.
Was es bedeutet
Nicht-Text-Inhalt verstehen (englisch) | Nicht-Text-Inhalt erfüllen (englisch) (Stufe A) Alle Nicht-Text-Inhalte , die dem Benutzer präsentiert werden, haben eine Textalternative , die einem äquivalenten Zweck dient, mit Ausnahme der unten aufgelisteten Situationen. Steuerelemente, Eingabe Wenn es sich bei dem Nicht-Text-Inhalt um ein Steuerelement handelt oder Eingaben durch den Benutzer akzeptiert, dann hat dieser einen Namen , der seinen Zweck beschreibt. (Beachten Sie Erfolgskriterium 4.1.2 für zusätzliche Anforderungen an Steuerelemente und Inhalte, die Eingaben durch den Benutzer akzeptieren.) Zeitbasierte Medien Wenn es sich bei den Nicht-Text-Inhalten um zeitbasierte Medien handelt, dann stellen Textalternativen zumindest eine deskriptive Identifizierung des Nicht-Text-Inhalts bereit. (Beachten Sie Richtlinie 1.2 für zusätzliche Anforderungen an Medien.) Test Wenn es sich bei dem Nicht-Text-Inhalt um einen Test oder eine Übung handelt, die nichtig wäre, wenn sie als Text dargestellt würde, dann stellen Textalternativen zumindest eine deskriptive Identifizierung des Nicht-Text-Inhalts bereit. Sensorisch Wenn Nicht-Text-Inhalt hauptsächlich dafür gedacht ist, eine bestimmte Sinneserfahrung zu schaffen, dann stellen Textalternativen zumindest eine deskriptive Identifizierung des Nicht-Text-Inhalts bereit. CAPTCHA Wenn der Zweck des Nicht-Text-Inhalts der ist zu bestätigen, dass eine Person und nicht ein Computer auf den Inhalt zugreift, dann werden Textalternativen bereitgestellt, die den Zweck des Nicht-Text-Inhalts identifizieren. Außerdem werden alternative Formen von CAPTCHAs bereitgestellt, die Ausgabeformen für verschiedene Arten der sensorischen Wahrnehmung nutzen, um verschiedenen Behinderungen Rechnung zu tragen. Dekoration, Formatierung, unsichtbar Wenn der Nicht-Text-Inhalt reine Dekoration ist, nur für visuelle Formatierung benutzt wird oder dem Benutzer gar nicht präsentiert wird, dann wird der Inhalt so implementiert, dass er von assistierender Technik ignoriert werden kann. Richtlinie 1.2 Zeitbasierte Medien Stellen Sie Alternativen für zeitbasierte Medien zur Verfügung.
Failing example
<!-- Fails: no alt attribute -->
<img src="product-photo.jpg">
<!-- Fails: empty alt on informative image -->
<img src="chart-q3-revenue.png" alt="">How to fix it
<!-- Pass: descriptive alt text -->
<img src="product-photo.jpg" alt="Blue running shoe with mesh upper">
<!-- Pass: empty alt for decorative image -->
<img src="decorative-divider.png" alt="">
<!-- Pass: complex image with longer description -->
<img src="chart-q3-revenue.png" alt="Q3 revenue chart showing 23% growth">So erkennt A11yRisk dieses Kriterium
A11yRisk erkennt dieses Kriterium automatisch.
Website auf diesen Verstoß prüfen →More Perceivable criteria
- 1.2.4Untertitel (Live)AA
- 1.2.5Audiodeskription (aufgezeichnet)AA
- 1.3.4BildschirmausrichtungAA
- 1.3.5Bestimmung des EingabezwecksAA
- 1.4.1Benutzung von FarbeA
- 1.4.3Kontrast (Minimum)AA
- 1.4.4Textgröße ändernAA
- 1.4.5Bilder eines TextesAA
- 1.4.10Umfluss (Reflow)AA
- 1.4.11Nicht-Text-KontrastAA
- 1.4.12TextabstandAA
- 1.4.13Inhalt bei Überfahren mit dem Zeiger oder Tastaturfokus („Hover“ oder „Focus“)AA