Redakcja SAT 
Spis treści
Brak tekstu alternatywnego w obrazach na stronie internetowej to nie tylko utrata szansy na lepsze wyniki w rankingach wyszukiwarek, ale przede wszystkim poważny problem z dostępnością treści. Atrybut alt odgrywa istotną rolę w przypadku użytkowników korzystających z czytników ekranu. Dzięki niemu osoby z niepełnosprawnością wzrokową mogą uzyskać informację o tym, co przedstawiają poszczególne grafiki i zdjęcia. Dlatego alt text jest jednym z wymogów standardu WCAG, który powinny spełniać podmioty publiczne i przedsiębiorstwa.
Alt text – co to jest?
Alt text, czyli tekst alternatywny, to krótki opis obrazu, który jest odczytywany przez czytniki ekranowe. Jego głównym celem jest umożliwienie osobom niewidomym lub niedowidzącym zrozumienia treści wizualnych na stronie internetowej.
Alt text jest również używany w przypadku problemów z ładowaniem obrazu – wtedy użytkownik widzi jego opis zamiast pustego miejsca. Co więcej, tekst alternatywny wpływa na SEO, pomagając wyszukiwarkom lepiej zrozumieć zawartość strony.
Z punktu widzenia podmiotów publicznych objętych Ustawą o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych opis alternatywny zdjęć i obrazków to jeden z podstawowych elementów dostępnej strony. Ich brak sprawia, że strona nie jest dostępna cyfrowo, a zatem nie spełnia wytycznych WCAG.
Wytyczne WCAG a opis alternatywny
Wytyczne WCAG (Web Content Accessibility Guidelines) to zestaw zaleceń, które mają na celu zapewnienie dostępności treści internetowych dla jak największej liczby użytkowników, w tym osób z niepełnosprawnościami. W kontekście tekstów alternatywnych WCAG zaleca, aby:
- każdy obraz niosący informację miał atrybut alt – opis powinien jasno określać, co przedstawia obraz, o ile jest to istotne dla zrozumienia treści;
- obrazy dekoracyjne były oznaczane pustym atrybutem alt – jeśli grafika nie niesie żadnej wartości merytorycznej, np. jest tylko ozdobą, należy wstawić alt=””, aby czytniki ekranowe ją pomijały;
- unikać opisów zbyt długich i szczegółowych – opis powinien być zwięzły, ale precyzyjny, by nie wprowadzać użytkownika w błąd.
Jak stworzyć prawidłowy atrybut alt obrazka?
Tworzenie dobrego opisu alternatywnego wymaga uwzględnienia kilku zasad:
1. Atrybut alt powinien być konkretny i rzeczowy
Powinien opisywać to, co najważniejsze, np. „Kobieta pijąca kawę w ogrodzie” zamiast „Obrazek z osobą”.
2. Lepiej nie stosować nadmiernych szczegółów
Zamiast „Mężczyzna ubrany w granatowy garnitur z czerwonym krawatem stojący na tle zielonych drzew”, wystarczy „Mężczyzna w garniturze na tle drzew”.
3. Warto unikać zwrotów „obrazek przedstawia” czy „grafika”
Jest to oczywiste i niepotrzebnie wydłuża opis.
Tekst alternatywny – jak go dodać?
Dodawanie tekstu alternatywnego w systemach CMS, takich jak WordPress, jest intuicyjne i nie wymaga znajomości kodowania.
Podczas dodawania nowego obrazu do treści wystarczy przejść do sekcji „Wstaw/Edytuj obraz” i wpisać opis w polu „Tekst alternatywny”. Jeśli obraz został już wcześniej załadowany do biblioteki mediów, można kliknąć na niego i uzupełnić atrybut alt bezpośrednio w panelu edycji. Aby zweryfikować to, czy opis alternatywny został dodany prawidłowo, warto po opublikowaniu treści najechać kursorem na obraz – alt text powinien się wtedy pojawić.
Dodawanie tekstu alternatywnego w systemie WordPress
W przypadku stron tworzonych bez systemów CMS, opis alternatywny dodaje się w kodzie HTML, bezpośrednio w znaczniku obrazu. Kod powinien wyglądać następująco: <img src=”Tytuł pliku” alt=”Opis obrazu”>.
Jak wykrywać braki atrybutów alt?
Ręczne sprawdzanie każdego atrybutu alt obrazka na stronie może być czasochłonne. Z pomocą przychodzi narzędzie SAT, które monitoruje witrynę i wykrywa obrazy pozbawione tekstu alternatywnego. SAT analizuje wszystkie zdjęcia, wykresy czy grafiki pod kątem wytycznych WCAG, a w przypadku wykrycia nieprawidłowości natychmiast o zawiadamia administratora witryny i generuje raport. Dokument zawiera szczegółowy opis błędu, jego lokalizację, podstawę prawną do spełnienia. Dzięki temu właściciele stron mogą szybko zidentyfikować problem, rozwiązać go (w czym również może pomóc SAT, bo narzędzia sugeruje, co można zrobić w danej sytuacji) i uniknąć potencjalnej kary.
Brak opisów alternatywnych do obrazów to częsty błąd na wielu stronach. Na problem w szczególności powinny zwrócić uwagę urzędy i inne jednostki publiczne, które są zobligowane zapewniać dostępne cyfrowo treści.
