
WCAG 2.1. – kryterium 1.4.5 – Tekst w postaci grafiki (2.1) (poziom AA)
- Przejdź do artykułów z tagiem A11Y
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem WCAG 2.1
Treść artykułu
O co chodzi w kryterium 1.4.5 WCAG
– tekst w postaci grafiki (poziom AA)?
Główną zasadą jest to, by przedstawiać treści w postaci tekstu zamiast grafiki.
Dlaczego? Tekst dużo łatwiej jest przetworzyć technologiom asystującym niż samą grafikę.
❌ Czego nie powinniśmy robić?
Udostępniać grafik, na których można zobaczyć tekst – wartość merytoryczną – bez odpowiedniego tekstu alternatywnego.
Przykład? Widnieje na naszej stronie internetowej wydarzenia – www.gaad.com.pl. Widzimy na nim grafikę przedstawiającą panoramę Warszawy wraz z tekstem, kiedy odbędzie się konferencja i jej nazwę.
Powinniśmy stworzyć alternatywę dla tego elementu, tak by w przypadku innej formy przeglądania, Użytkownik miał możliwość przeczytania tego, co jest napisane na zdjęciu, obrazku.
Możemy to zrobić na kilka sposobów:
- opis alternatywny jeżeli jest to zdjęcie,
- opis za pomocą ukrytej klasy CSS.
✅ Jak powinniśmy to zrobić?
W przypadku strony naszego wydarzenia, zdecydowaliśmy się na tekst alternatywny odpowiadający dokładnie ukazanemu tekstowi.
alt="GAAD - Światowy Dzień Świadomości Dostępności, 18 maja 2023, Warszawa”
Oczywiście nie wszystko jesteśmy w stanie przedstawić za pomocą tekstu. Nie możemy unikać więc wykresów czy diagramów. Pamiętajmy jednak, by wszystkie te elementy posiadały odpowiedni kontrast, opis alternatywny, a także dały się dopasować użytkownikowi do jego ustawień osobistych.
Miłego weekendu!

Małgorzata Szymczak
Accessibility Specialist & Junior Frontend Developer
Polecane artykuły
-
22.12.2023Akademia WCAG
WCAG 2.1. – kryterium 2.4.5 – Wiele dróg (Poziom AA)
Kryterium 2.4.5 – Wiele dróg (poziom AA) Jego celem jest zapewnienie naszemu Użytkownikowi jak najłatwiejszego dostępu do treści – w…
-
24.10.2024Co słychać u niedosłyszącej
Co słychać u niedosłyszącej: Umawianie wizyt na badania słuchu przez telefon?
Witajcie w nowym cyklu felietonów: co słychać u niedosłyszącej? Będę tu opisywać moje doświadczenia z wadą słuchu, którą mam od…
-
04.08.2023Akademia WCAG
WCAG 2.1. – kryterium 1.4.11 – kontrast elementów nietekstowych (poziom AA)
Dziś wracamy do Was po raz kolejny z kontrastem, jednakże tym razem zwrócimy uwagę na elementy nietekstowe. Zaczynamy! Kryterium 1.4.11…