1.1.1Poziom A1.1 Text Alternatives

Treść nietekstowa

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.

Zobacz specyfikację W3C ↗axe: image-alt

Co to oznacza

Zrozumieć KS Treść nietekstowa | Jak spełnić KS Treść nietekstowa (Poziom A) Wszelkie treści nietekstowe przedstawione użytkownikowi mają swoją tekstową alternatywę , która służy tym samym celom, z wyjątkiem sytuacji opisanych poniżej: Kontrolki i wprowadzanie danych przez użytkownika Jeśli treść nietekstowa jest kontrolką użytkownika lub polem wprowadzania danych, posiada wtedy nazwę opisującą jej przeznaczenie. ( Kryterium sukcesu 4.1.2 podaje dodatkowe wymagania dotyczące kontrolek oraz wprowadzania danych przez użytkownika.) Multimedia Jeśli treścią nietekstową są media oparte na czasie, wtedy alternatywa tekstowa zawiera przynajmniej opisowe określenie treści nietekstowej. ( Wytyczna 1.2 podaje dodatkowe wymagania, jeśli chodzi o media.) Test Jeśli treść nietekstowa jest testem lub ćwiczeniem, które utraciłoby swój sens ze względu na przedstawienie tej samej treści w postaci tekstu , wtedy alternatywa w postaci tekstu podawać powinna przynajmniej opis pozwalający zrozumieć przeznaczenie treści nietekstowej. Odczucie zmysłowe Jeśli treść nietekstowa ma za zadanie przede wszystkim tworzyć konkretne odczucie zmysłowe , wtedy alternatywa w postaci tekstu jest opisem pozwalającym zrozumieć przeznaczenie treści nietekstowej. CAPTCHA Jeśli celem treści nietekstowej jest potwierdzenie, że do treści ma dostęp człowiek, a nie komputer, wtedy dostarcza się alternatywę w postaci tekstu, która identyfikuje oraz opisuje cel treści nietekstowej. Dostarcza się również alternatywnych zabezpieczeń typu CAPTCHA, dostosowanych do różnych możliwości percepcji użytkowników, uwzględniając różne rodzaje niepełnosprawności. Cele dekoracyjne, formatowanie, treść niewidoczna Jeśli treść nietekstowa pełni funkcję czysto dekoracyjną , używana jest do formatowania wizualnego lub też nie jest przedstawiana użytkownikowi, powinna być wdrożona w sposób umożliwiający technologiom wspomagającym jej zignorowanie. Wytyczna 1.2 Multimedia Zapewnij rozwiązania alternatywne dla mediów opartych na czasie.

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">

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia →