brak tekstu zastępczego przy braku załadowania grafik

Brak tekstu zastępczego przy braku załadowania grafik to usterka dostępności pozostawiająca pustą przestrzeń zamiast informacji o obrazie.

Brak tekstu zastępczego przy braku załadowania grafik – czym jest ta usterka

Brak tekstu zastępczego przy braku załadowania grafik oznacza sytuację, w której obraz nie może zostać wyświetlony, a użytkownik nie otrzymuje jego opisowego odpowiednika. Zamiast krótkiej informacji o zawartości grafiki pojawia się puste miejsce, symbol uszkodzonego obrazu albo element pozbawiony zrozumiałego opisu. Problem może wynikać z błędnego kodu strony, nieprawidłowej konfiguracji edytora treści, usunięcia pliku graficznego, zmiany jego nazwy lub niedostępności zasobu wskazanego w dokumencie.

Tekst zastępczy, często określany jako alternatywny, nie jest ozdobnym dodatkiem do obrazu. Pełni funkcję informacyjną i pomaga zrozumieć znaczenie grafiki wtedy, gdy jej nie widać. Dotyczy to zarówno chwilowej awarii połączenia, jak i trwałego problemu z plikiem. Znaczenie ma także sposób wykorzystania obrazu. Inny opis będzie potrzebny dla fotografii przedstawiającej produkt, inny dla wykresu, a jeszcze inny dla dekoracyjnego tła, które nie wnosi treści i może zostać pominięte przez technologie wspierające.

Usterka jest szczególnie istotna z punktu widzenia dostępności cyfrowej. Osoba korzystająca z czytnika ekranu może nie wiedzieć, że w danym miejscu znajduje się zdjęcie, przycisk graficzny, schemat lub ilustracja objaśniająca tekst. Również użytkownik z wyłączonym pobieraniem obrazów, ograniczonym transferem albo starszą przeglądarką może utracić część informacji. Pusty obszar po grafice nie wyjaśnia, czy brakujący element był istotny, czy miał jedynie charakter dekoracyjny.

Brak tekstu zastępczego a kontekst techniczny i porównanie rozwiązań

W dokumentach HTML opis obrazu jest zwykle przekazywany za pomocą atrybutu alt elementu img. Przykładowo zapis <img src="/wykres.png" alt="Wyniki sprzedaży według kwartałów"> pozwala przekazać sens grafiki, nawet jeśli sam plik nie zostanie pobrany. Samo dodanie atrybutu nie zawsze jednak rozwiązuje problem. Tekst powinien być adekwatny do funkcji obrazu, zwięzły i pozbawiony informacji, które już wynikają z sąsiedniego akapitu.

Można porównać kilka sytuacji. Obraz przedstawiający osobę wykonującą określoną czynność powinien otrzymać opis wskazujący czynność, jeżeli jest ona ważna dla przekazu. Wykres wymaga przekazania głównego wniosku albo odwołania do dostępnej tabeli danych. Logo użyte jako odnośnik powinno opisywać miejsce docelowe, a nie tylko informować, że jest logo. Z kolei grafika czysto dekoracyjna może mieć pusty atrybut alt="", aby nie powodować odczytywania zbędnych treści.

Nie należy zastępować opisu nazwą pliku, ciągiem znaków wygenerowanym przez aparat ani ogólnym określeniem „obrazek”. Takie wartości nie przekazują użytecznej informacji i mogą pogorszyć odbiór strony. Niewłaściwe jest również powielanie całego podpisu znajdującego się bezpośrednio pod ilustracją. Jeżeli obraz pełni funkcję linku lub przycisku, opis powinien wskazywać działanie, na przykład przejście do formularza, otwarcie mapy albo pobranie dokumentu.

Warto odróżnić brak tekstu zastępczego od błędów samego pliku. Obraz może mieć poprawny opis, lecz nie ładować się z powodu niedostępnej lokalizacji, pomylonego rozszerzenia, błędnego adresu względnego, ograniczeń uprawnień albo problemu z pamięcią podręczną. Z drugiej strony grafika może wyświetlać się prawidłowo, a mimo to pozostawać niedostępna dla osób, które nie mogą jej zobaczyć. Prawidłowa ocena wymaga więc sprawdzenia zarówno kodu, jak i ścieżki do zasobu oraz zachowania strony w różnych warunkach.

Brak tekstu zastępczego – typowe problemy na stronie i w urządzeniu

Jednym z częstych źródeł problemu jest ręczne wstawianie obrazów w edytorze, który pozostawia pole opisu puste albo zapisuje nieprzydatną wartość. Do błędu może dojść również po migracji strony, zmianie szablonu, imporcie treści z innego systemu lub automatycznej optymalizacji grafiki. Czasem atrybut alt zostaje usunięty przez filtr bezpieczeństwa, wtyczkę, generator komponentów albo nieprawidłowo działający moduł odpowiedzialny za publikację.

Inny przypadek występuje wtedy, gdy tekst zastępczy istnieje, ale jest niewidoczny wskutek niewłaściwego użycia stylów. Ukrycie elementu, zbyt mały kontrast, nakładanie warstw lub ustawienie wymiarów powodujących całkowite zwinięcie obszaru mogą sprawić, że użytkownik nie otrzyma ani grafiki, ani czytelnego komunikatu. Należy też sprawdzić, czy opis nie został umieszczony w niewłaściwym miejscu, na przykład jako komentarz w kodzie, podpis niezwiązany semantycznie z obrazem albo tekst widoczny wyłącznie w panelu administracyjnym.

Na komputerze użytkownika obraz może nie zostać pobrany z powodu niestabilnego połączenia, zablokowanych zasobów, rozszerzenia przeglądarki, ustawień prywatności, błędu DNS lub uszkodzonej pamięci podręcznej. W takim przypadku warto otworzyć stronę w innej przeglądarce i w trybie prywatnym, a następnie sprawdzić, czy problem dotyczy wszystkich grafik, czy tylko wybranych. Jeżeli nie ładuje się pojedynczy obraz, bardziej prawdopodobna jest wadliwa ścieżka, brak pliku albo problem po stronie witryny. Jeżeli znikają wszystkie grafiki, należy uwzględnić ustawienia przeglądarki, sieć i oprogramowanie filtrujące.

W przypadku czytnika ekranu przydatne jest przejście po elementach graficznych i sprawdzenie, jaki komunikat jest odczytywany. Pusty opis może być prawidłowy dla dekoracji, ale nie dla grafiki przekazującej znaczenie. Pomocne bywa także wyłączenie arkuszy stylów, powiększenie strony oraz kontrola kodu narzędziami deweloperskimi. Takie czynności pozwalają ustalić, czy problem jest związany z dostępnością, wyświetlaniem, czy pobieraniem danych.

Brak tekstu zastępczego – praktyczne wskazówki dotyczące diagnozy

Diagnozę warto rozpocząć od ustalenia, czego użytkownik nie może odczytać. Należy zapisać adres strony, nazwę brakującej grafiki, moment wystąpienia problemu oraz informację, czy błąd pojawia się na jednym urządzeniu, czy na wielu. Znaczenie ma również sposób otwarcia strony: przez zwykły odnośnik, wynik wyszukiwania, wiadomość, aplikację osadzoną w przeglądarce lub panel zarządzania treścią.

Następnie można sprawdzić kilka podstawowych elementów:

• czy miejsce po obrazie zawiera ikonę błędu, pusty obszar czy opis tekstowy;
• czy adres pliku prowadzi do istniejącego zasobu i czy nie zawiera literówki;
• czy opis znajduje się w kodzie przy właściwym elemencie obrazu;
• czy nazwa i rozszerzenie pliku odpowiadają rzeczywistemu formatowi;
• czy odświeżenie bez użycia pamięci podręcznej zmienia zachowanie strony;
• czy problem powtarza się po zmianie przeglądarki albo połączenia;
• czy grafika jest treściowa, funkcjonalna, czy wyłącznie dekoracyjna.

Przy poprawianiu opisów należy unikać automatycznego dopisywania tego samego tekstu do wszystkich obrazów. Mechaniczne rozwiązanie może usunąć pustkę w kodzie, lecz nadal nie przekaże właściwego znaczenia. Lepsze jest przypisanie opisu do celu grafiki i uwzględnienie tekstu znajdującego się obok. Dla złożonych wykresów lub infografik warto przygotować dodatkowe objaśnienie w treści strony, ponieważ pojedynczy atrybut nie zawsze wystarczy do przekazania wszystkich zależności.

Jeżeli problem dotyczy lokalnego komputera, można wykonać aktualizację przeglądarki, wyłączyć na chwilę rozszerzenia odpowiedzialne za filtrowanie treści, wyczyścić dane witryny i ponownie sprawdzić stronę. W przypadku powtarzających się błędów wyświetlania warto zweryfikować sterownik karty graficznej, działanie programu ochronnego oraz ustawienia połączenia. Każdą zmianę dobrze przeprowadzać pojedynczo, aby można było określić, która czynność przyniosła skutek.

Brak tekstu zastępczego – kiedy zgłosić problem do serwisu

Do serwisu warto zgłosić się wtedy, gdy grafiki nie ładują się w wielu witrynach, problem występuje na kilku przeglądarkach albo razem z obrazami pojawiają się inne nieprawidłowości, takie jak migotanie ekranu, samoczynne zamykanie aplikacji, błędy sterownika lub niestabilne działanie systemu. Zgłoszenie jest zasadne także wtedy, gdy nie można samodzielnie ustalić, czy przyczyną jest komputer, połączenie sieciowe, przeglądarka, czy konkretna strona.

Przy przyjmowaniu urządzenia pomocne będzie przekazanie adresu strony, zrzutu ekranu, informacji o używanej przeglądarce oraz opisu czynności, po których pojawia się pusty obszar. Jeżeli problem występuje tylko w jednym serwisie internetowym, warto wskazać tę zależność, ponieważ może ona skierować diagnostykę w stronę kodu strony lub jej zasobów. Jeżeli ten sam objaw występuje wszędzie, większe znaczenie mogą mieć ustawienia lokalne, sterowniki, pamięć podręczna albo połączenie.

W Warszawskim Pogotowiu Komputerowym 24/7 można skonsultować objawy związane z wyświetlaniem treści i działaniem komputera, przekazując możliwie dokładny opis sytuacji. W trakcie sprawdzania rozdziela się problemy wynikające z niedostępności grafiki od usterek urządzenia, aby nie wprowadzać przypadkowych zmian w kodzie strony ani w konfiguracji systemu. Takie rozróżnienie ma znaczenie, ponieważ prawidłowy tekst zastępczy powinien zostać uzupełniony po stronie witryny, natomiast awaria przeglądania wielu stron może wymagać sprawdzenia komputera, oprogramowania lub połączenia.