Najpierw ustal, po co obraz znalazł się na stronie

Tekst alternatywny, często nazywany atrybutem alt, opisuje obraz osobie, która nie może go zobaczyć. Może zostać odczytany przez czytnik ekranu. Przydaje się także wtedy, gdy obraz się nie załaduje. Nie jest jednak podpisem wyświetlanym pod zdjęciem: powinien przekazać to, co istotne w danym miejscu strony.

Zanim napiszesz opis, zapytaj: co czytelnik straci, jeśli nie zobaczy tego obrazu? Na stronie usługi zdjęcie może pokazywać efekt pracy, a na blogu schemat może wyjaśniać kolejność czynności. Ten sam obraz umieszczony wyłącznie dla nastroju nie musi przekazywać żadnej nowej informacji. O tym, jaki tekst będzie użyteczny, decyduje więc nie tylko zawartość pliku, lecz także otaczająca go treść.

Opisuj informację, a nie każdy widoczny szczegół

Dobry tekst alternatywny jest konkretny i zwięzły. Jeśli zdjęcie na stronie pracowni pokazuje gotowy regał pod schodami, można napisać: „Regał z jasnego drewna dopasowany do przestrzeni pod schodami”. Nie trzeba wymieniać koloru ściany, lampy i podłogi, jeśli nie mają znaczenia dla opisywanej usługi. Unikaj też ogólników w rodzaju „zdjęcie produktu”, które nie pomagają rozpoznać, co przedstawiono.

Nie musisz zaczynać od słów „zdjęcie przedstawia”. Czytnik ekranu zwykle sygnalizuje już, że chodzi o obraz. Wyjątkiem może być sytuacja, gdy forma ma znaczenie: warto odróżnić fotografię rzeczywistego obiektu od rysunku pokazującego plan. W katalogu podobnych pozycji opisuj przede wszystkim cechy, które pozwalają je rozróżnić, ale nie dopisuj właściwości, których nie da się ustalić na podstawie obrazu lub opisu pozycji.

Rozpoznaj obrazy dekoracyjne i powtórzenia

Nie każdy obraz potrzebuje opisu do odczytania. Ozdobny wzór w tle, separator między sekcjami czy ilustracja powtarzająca informację zawartą tuż obok mogą mieć pusty tekst alternatywny. To nie to samo co brak decyzji o opisie: pusty alt oznacza, że obraz nie wnosi informacji potrzebnej do zrozumienia strony. Dzięki temu osoba korzystająca z czytnika ekranu nie musi słuchać zbędnych powtórzeń.

Sprawdź jednak, czy obraz nie pełni dodatkowej funkcji. Jeśli grafika jest odnośnikiem, tekst alternatywny powinien pomagać zrozumieć, dokąd prowadzi lub jakie działanie uruchamia. Sama nazwa pliku, na przykład „ikona-02”, nie wystarczy. Gdy przycisk z obrazem służy do przejścia do formularza, opis działania będzie użyteczniejszy niż opis kształtu ikony.

Wykresy i instrukcje wymagają spojrzenia na całą treść

Przy wykresie albo schemacie krótki alt może wskazywać jego temat i najważniejszy wniosek. Jeżeli do zrozumienia obrazu potrzebne są liczby, etapy lub zależności, umieść je również w zwykłym tekście obok. Próba zmieszczenia całej tabeli w jednym opisie obrazu utrudnia czytanie i poprawianie treści. Podobnie przy zrzucie ekranu: opisz czynność, którą ma wykonać odbiorca, a nie wszystkie widoczne elementy interfejsu.

Dla odmiany tematycznej możesz przejrzeć dział Travel Wardrobes · Uitony Style Journal i poćwiczyć ocenę, które z ewentualnych obrazów wnosiłyby informację do treści, a które służyłyby jedynie jako ozdoba. To ćwiczenie pomaga zauważyć, że nie ma jednego opisu pasującego do każdego miejsca publikacji.

Zrób prosty przegląd przed publikacją

Przejdź po kolei przez obrazy na podstronie i przy każdym odpowiedz na trzy pytania: czy przekazuje informację, czy ta informacja jest już w tekście oraz czy obraz jest linkiem lub przyciskiem? Następnie sprawdź opis w widoku edycji strony. W wielu systemach zarządzania treścią pole tekstu alternatywnego znajduje się przy ustawieniach obrazu, ale jego położenie może się różnić.

Na koniec przeczytaj samą stronę bez patrzenia na ilustracje. Jeśli opis nie pozwala zrozumieć ważnego fragmentu, doprecyzuj go lub uzupełnij zwykły tekst strony. Jeśli zaś powtarza sąsiednie zdanie niemal słowo w słowo, zastanów się, czy obraz nie powinien mieć pustego altu. Taki krótki przegląd warto powtarzać przy dodawaniu nowych zdjęć i aktualizacji podstron.

Wróć do kategorii ↗