
WCAG 2.1 – kryterium 1.1.1. – Alternatywa tekstowa (poziom A)
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem akademiaWCAG
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem inclusive design
Treść artykułu
Nowy rok – nowy krok! Zaczynamy cotygodniową, piątkową serię „zrozumieć dostępność cyfrową na podstawie WCAG 2.1”.
WCAG to zbiór rekomendacji technicznych, które wpływają na dostępność produktu cyfrowego.
Dzisiaj zaczynamy od pierwszego kryterium sukcesu – 1.1.1 Alternatywa tekstowa (Poziom A). O co tutaj chodzi? Zapraszam na pigułkę informacji:
Elementy nietekstowe takie jak ikony i grafiki powinny mieć zapewnioną alternatywę tekstową. Jednak czy wszystkie te elementy powinny posiadać opis? NIE! Jest to najczęstszy błąd popełniany przez zespół wytwórczy – to oni wspólnie z projektantami powinni zdecydować czy dana ikona, grafika wnosi coś do układu treści lub nie. Jest to niezwykle ważny etap projektowania. W jaki sposób możemy to oznaczyć?
a) alt=”” – atrybut wykorzystywany w znaczniku <img> oznaczający element dekoracyjny, który będzie omijany przez technologię asystującą.
b) alt=”mały, czarny pies w okularach w sweterku” – przykład w jaki sposób, możemy opisać element, który zostanie przetworzony przez na przykład czytnik ekranu.
Rady co do tekstów alternatywnych:
– nie używaj słowa: „zdjęcie”, „grafika” – poprawnie zaimplementowany element, otrzyma tę informację od znacznika lub roli na przykład <img>;
– opis powinien być treściowy, czy są jakieś limity…? nie, aczkolwiek pamietajmy o zasadzie „im mniej, tym lepiej”.
Ciekawostka:
– social media, MS Office generują automatycznie opis alternatywny, jeżeli go nie zdefiniujemy w sposób manualny. Nie są idealne, dlatego lepiej je sprawdzić przed publikacją.
Referencja do WCAG: https://lnkd.in/d7B6UdzA
A11y annotation kit: https://lnkd.in/eM2G7rax
Automatyczny generator: https://lnkd.in/d2s3EfGf

Piotr Źrołka
Accessibility expert & CEO
Polecane artykuły
-
01.09.2023Akademia WCAG
WCAG 2.1. – kryterium 2.1.2 – Brak pułapki na klawiaturę (poziom A)
Nie zapominamy o Was i dzisiaj omawiamy kolejne kryterium WCAG 2.1 – 2.1.2 – brak pułapki na klawiaturę. Zaczynamy! Kryterium…
-
27.11.2023Dostępność cyfrowa
Jak zadbać o bezpieczeństwo posługując się czytnikiem ekranu?
W dzisiejszym artykule odchodzę nieco od technicznych przemyśleń, aby pochylić się nad kwestiami związanymi z bezpieczeństwem posługując się czytnikiem ekranu….
-
03.11.2023Akademia WCAG
WCAG 2.1. – kryterium 2.3.1 – Trzy błyski lub wartości poniżej progu (Poziom A)
Ostatnio zakończyliśmy posty omawiające wytyczną 2.2, która skupia się na kryteriach dotyczących dostosowania czasu, jaki jest dostępny dla użytkowników na…