brak alt textów dla grafik

Brak alt textów dla grafik to usterka tożsama z pominięciem opisu tekstowego towarzyszącego obrazom w wiadomości.

Na czym polega brak tekstu alternatywnego

Brak alt textów dla grafik oznacza, że obraz umieszczony w wiadomości nie otrzymał tekstowego opisu przekazywanego razem z jego treścią. W kodzie HTML wiadomości najczęściej odpowiada za to atrybut alt elementu <img>. Jeżeli atrybut jest pominięty albo pozostawiony pusty mimo informacyjnego charakteru grafiki, odbiorca nie dostaje równoważnej informacji w formie tekstowej. Problem może dotyczyć zarówno pojedynczego obrazu, jak i całej wiadomości zawierającej wiele grafik.

Tekst alternatywny nie jest podpisem wyświetlanym pod obrazem. Jest krótkim opisem funkcji lub znaczenia grafiki, który może zostać odczytany przez czytnik ekranu albo pokazany w sytuacji, gdy obraz nie zostanie pobrany. Dla grafiki przedstawiającej wykres opis powinien wskazywać, jakie dane prezentuje, natomiast dla przycisku graficznego powinien określać działanie, na przykład „Otwórz fakturę”. Samo wpisanie nazwy pliku, takiej jak „obrazek123.png”, zwykle nie przekazuje odbiorcy użytecznej informacji.

Wpływ na odczyt wiadomości i dostępność

Wiadomość bez poprawnych alt textów może być niepełna dla osoby korzystającej z technologii asystujących. Czytnik ekranu napotyka wtedy obraz bez opisu albo odczytuje nazwę pliku, która nie wyjaśnia jego znaczenia. Użytkownik może nie wiedzieć, czy grafika zawiera instrukcję, wyniki, element nawigacyjny, informację promocyjną czy wyłącznie dekorację. Brak opisu pogarsza również odbiór wiadomości po zablokowaniu automatycznego pobierania obrazów przez klienta pocztowego.

Nie każda grafika wymaga rozbudowanego opisu. Obraz dekoracyjny, który nie wnosi informacji i nie pełni funkcji przycisku, powinien być oznaczony jako dekoracyjny, często przez pusty atrybut alt="". Nie należy natomiast używać pustego opisu dla logo zawierającego nazwę organizacji, wykresu, zrzutu ekranu z instrukcją ani grafiki będącej odnośnikiem. Ważne jest także unikanie powtarzania tekstu, który już znajduje się bezpośrednio obok obrazu. Prawidłowy opis powinien uzupełniać treść wiadomości, a nie tworzyć drugi, zbędny podpis.

Sprawdzanie atrybutu alt w kodzie HTML

Weryfikację można rozpocząć od podejrzenia źródła wiadomości i odszukania elementów <img>. Należy sprawdzić, czy każdy obraz ma atrybut alt oraz czy jego wartość odpowiada roli elementu. Przykładowo zapis <img src="/wykres.png" alt="Sprzedaż według miesięcy"> zawiera opis, podczas gdy zapis bez atrybutu alt nie dostarcza tekstowego odpowiednika. Kontrola powinna obejmować także obrazy używane w linkach, nagłówkach wiadomości, stopkach i szablonach generowanych automatycznie.

Sam test obecności atrybutu nie wystarcza, ponieważ technicznie istniejący alt może być pusty, mylący albo zbyt ogólny. Warto porównać opis z funkcją obrazu, sprawdzić wiadomość przy wyłączonym pobieraniu grafik oraz przeprowadzić odczyt przy użyciu czytnika ekranu. Trzeba też odróżnić błąd w treści HTML od problemu klienta pocztowego. Niektóre programy modyfikują kod, usuwają część atrybutów albo zastępują obraz komunikatem o zablokowanej zawartości. Dlatego wynik należy potwierdzić w źródle wiadomości i w rzeczywistym widoku odbiorcy.

Naprawa grafiki pozbawionej opisu

Usunięcie usterki polega na uzupełnieniu kodu wiadomości o właściwy tekst alternatywny albo na prawidłowym oznaczeniu obrazu dekoracyjnego. Opis powinien być zwięzły, konkretny i związany z celem grafiki. Dla przycisku należy opisać czynność, dla fotografii istotny element przedstawienia, a dla wykresu jego najważniejszy wniosek, jeżeli nie został podany w tekście wiadomości. Jeżeli obraz przekazuje złożone dane, alt może zawierać krótką identyfikację, a szczegółowe informacje powinny znaleźć się również w zwykłym tekście wiadomości.

Warszawskie Pogotowie Komputerowe wykonuje profesjonalną naprawę laptopów, komputerów PC i podzespołów, w tym diagnostykę problemów związanych z wyświetlaniem oraz obsługą treści cyfrowych. Przy zgłoszeniu dotyczącym braku alt textów warto przekazać konkretną wiadomość lub jej kod HTML, wskazać klienta pocztowego oraz opisać, czy problem występuje przy wyłączonym pobieraniu obrazów albo podczas odczytu przez czytnik ekranu. Takie informacje ułatwiają rozdzielenie błędu w przygotowaniu treści od nieprawidłowego działania programu lub konfiguracji komputera.