brak alt textów w grafikach

Brak alt textów w grafikach to alternatywne, powtórzone określenie tej samej usterki dostępności treści graficznej.

Na czym polega brak tekstu alternatywnego

Brak alt textu w grafice oznacza, że element obrazu umieszczony na stronie internetowej nie ma poprawnie określonego tekstu alternatywnego w kodzie HTML. Najczęściej chodzi o nieobecny atrybut alt w znaczniku <img>, na przykład <img src="/schemat.png">. Tekst alternatywny jest krótkim opisem przekazywanym w formie tekstowej, gdy grafika nie może zostać odczytana wzrokowo. Korzysta z niego między innymi czytnik ekranu, który interpretuje zawartość strony za pomocą syntezy mowy lub brajla. Problem może też polegać na pozostawieniu atrybutu pustego przy obrazie, który nie jest wyłącznie dekoracyjny, albo na zastosowaniu opisu pozornego, takiego jak „obrazek”, „grafika” czy nazwa pliku.

W praktyce określenie „brak alt textów w grafikach” opisuje tę samą klasę usterki dostępności co brak tekstu alternatywnego obrazów. Nie każda grafika wymaga jednak rozbudowanego opisu. Obraz dekoracyjny, który nie wnosi informacji i służy wyłącznie do ozdobienia układu, może mieć pusty atrybut alt="". Dzięki temu czytnik ekranu pomija go zamiast odczytywać przypadkową nazwę pliku. Inaczej należy potraktować zdjęcie produktu, wykres, diagram, skan dokumentu, ikonę pełniącą funkcję przycisku oraz obraz zawierający napisy. W tych przypadkach alternatywny tekst powinien przekazywać znaczenie potrzebne do zrozumienia treści lub wykonania czynności.

Jak alt wpływa na odczyt strony i wyszukiwanie

Tekst alternatywny uzupełnia informację wizualną, ale nie zastępuje całej treści strony. Jeśli fotografia przedstawia uszkodzony zawias laptopa, opis może wskazywać, że na zdjęciu widoczne jest pęknięcie obudowy przy zawiasie. Jeżeli grafika jest ikoną prowadzącą do formularza kontaktowego, właściwszy będzie opis funkcjonalny, na przykład „Formularz kontaktowy”, a nie opis wyglądu ikony. Przy wykresie sam tekst alternatywny może być niewystarczający, gdy użytkownik musi poznać wiele wartości; dane lub wnioski powinny być wówczas dostępne również jako tekst na stronie.

Czytnik ekranu może odczytać treść atrybutu alt w miejscu obrazu, dlatego zbyt długi, nieprecyzyjny albo powtarzalny opis utrudnia nawigację. Nie należy zaczynać każdego opisu od słów „zdjęcie” lub „grafika”, jeśli technologia wspomagająca już komunikuje typ elementu. Nie należy też powtarzać obok obrazu dokładnie tej samej informacji, chyba że powtórzenie jest potrzebne dla układu lub funkcji. Atrybut alt nie powinien służyć do upychania słów kluczowych. Wyszukiwarki mogą wykorzystać opis obrazu do zrozumienia jego kontekstu, lecz jego podstawowym zadaniem jest zapewnienie równoważnej informacji użytkownikom, którzy nie widzą grafiki albo mają wyłączone ładowanie obrazów.

Rozpoznawanie i poprawa usterki w kodzie HTML

Sprawdzenie problemu zaczyna się od znalezienia wszystkich elementów <img> oraz innych grafik pełniących funkcję interaktywną lub informacyjną. W kodzie należy ocenić, czy każdy obraz ma atrybut alt, czy jego treść odpowiada funkcji elementu i czy nie jest jedynie automatycznie wygenerowaną nazwą pliku. Warto porównać kod źródłowy z widokiem strony, ponieważ obraz może być dodawany przez system zarządzania treścią, wtyczkę, bibliotekę JavaScript albo komponent szablonu. Samo dopisanie atrybutu do pojedynczego pliku nie rozwiąże problemu, jeśli kolejne grafiki są generowane z tego samego błędnego wzorca.

Naprawa polega na przypisaniu odpowiedniego tekstu alternatywnego do każdej grafiki, oznaczeniu elementów dekoracyjnych pustym alt="" oraz usunięciu opisów, które powtarzają sąsiedni tekst lub wprowadzają w błąd. Po zmianie należy sprawdzić stronę klawiaturą i przetestować ją z używanym czytnikiem ekranu. Pomocne są także automatyczne narzędzia kontroli dostępności, ale ich wynik wymaga ręcznej interpretacji: narzędzie może wykryć brak atrybutu, lecz nie oceni poprawnie, czy opis oddaje sens zdjęcia albo wykresu. Kontrola powinna objąć również obrazy w artykułach, galeriach, banerach, przyciskach, linkach i komunikatach generowanych dynamicznie.

Wsparcie przy problemach z obrazami na komputerze

Usterka związana z brakiem alt textów zwykle dotyczy treści strony, szablonu lub systemu publikacji, a nie fizycznego uszkodzenia laptopa. Podczas diagnostyki można jednak ustalić, czy problem występuje tylko w jednej przeglądarce, po wyłączeniu rozszerzeń, przy określonym profilu użytkownika albo po błędnym wczytaniu skryptów strony. Warto także sprawdzić, czy grafiki są faktycznie pobierane, czy mają prawidłowe formaty i czy komunikaty błędów nie wynikają z lokalnej konfiguracji przeglądarki. Takie rozróżnienie pomaga oddzielić błąd dostępności zapisany w kodzie witryny od problemu z wyświetlaniem treści na konkretnym komputerze.

Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i ich podzespołów, a także diagnostyką problemów z oprogramowaniem używanym do pracy z treściami internetowymi. W przypadku braku alt textów właściwa poprawka najczęściej wymaga dostępu do kodu strony lub panelu zarządzania jej zawartością, natomiast serwis komputera może pomóc ustalić, czy trudności z odczytem grafik wynikają z urządzenia, przeglądarki, ustawień systemu albo samej witryny. Po usunięciu przyczyny warto ponownie zweryfikować obrazy w różnych rozdzielczościach ekranu oraz przy wyłączonym wyświetlaniu grafik.