
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
-
10.08.2022Dostępność cyfrowa
SVG… SVG… czym jest SVG
SVG (ang. Scalable Vector Graphics) – to format wektorowego pliku graficznego, który w odróżnieniu do rastrowych jpg, png, gif, składa…
-
30.11.2022Badania
Jak zrobić audyt UX. Część 1 – Teoria, odrobina autokrytyki i parę praktycznych porad…
Dzisiaj wrzucamy na blog temat audytów użyteczności! Pomysł na ten wpis narodził się przy okazji audytu UX naszego bloga. Postanowiliśmy…
-
23.12.2022Dostępność cyfrowa
Dostępność cyfrowa – skąd czerpać wiedzę. Część 1
Dostępność, WCAG 2.1, inkluzywność, projektowanie uniwersalne: niektórzy mówią, że to tożsame pojęcia, ale mylą się… W takim razie skąd można…