Strona główna / Słownik / Atrybut alt

Atrybut alt

  • 22 marca 2023

Atrybut alt to inaczej tekst alternatywny, wyświetlany na stronie internetowej w momencie, gdy nie można wczytać elementu graficznego np. zdjęcia. Nie jest on zazwyczaj widoczny podczas korzystania ze strony, ale spełnia bardzo ważną funkcję — zwiększa dostępność i czytelność strony, zwłaszcza dla osób korzystających z czytników ekranowych.

Dlaczego atrybut alt jest tak ważny?

Atrybut alt jest używany do opisywania obrazków, grafik, ikon, przycisków i innych elementów wizualnych, które są wykorzystywane na stronie internetowej. Opis ten jest wyświetlany w przypadku, gdy wizualny element nie może być wyświetlony (np. w przypadku problemów z ładowaniem obrazka przy słabym lub niestabilnym łączu), lub dla osób korzystających z technologii wspomagających (takich jak programy czytające strony dla osób niewidomych lub niedowidzących).

Dodatkowym argumentem za stosowaniem atrybutów alt jest to, że są one czytane przez roboty wyszukiwarek. Dobrze napisane atrybuty alt i pomagają robotom zrozumieć kontekst i treść strony, a także pomagają im indeksować obrazy w wyszukiwarce. Z tego powodu dodanie atrybutów alt w kodzie strony to jedno z działań optymalizacyjnych z zakresu SEO. Nie należy jednak upychać w alternatywnym tekście słów kluczowych — jest to źle widziane przez algorytmy wyszukiwarek.

Co powinien zawierać atrybut alt?

W przypadku obrazków atrybut alt powinien zawierać opis ich treści, na przykład „kotek na poduszce”, „samochód osobowy z małą przyczepą” itp. Opis powinien być krótki (do 125 znaków), ale jednocześnie zawierać wystarczającą ilość informacji, aby osoby nie widzące obrazka mogły zrozumieć, coon przedstawia. Co istotne — może zawierać znaki diakrytyczne. Poszczególne słowa rozdziela się zwykłą spacją — używanie dywiz lub dolnego podkreślenia do rozdzielania wyrazów może sprawić, że tekst będzie źle odczytywany przez oprogramowanie wspomagające. W przypadku przycisków ważne jest, aby opisać, co on robi (np. „Wydrukuj”, „Dalej”, „Potwierdź”), aby opierając się o same atrybuty alt, było wiadomo, co się stanie po jego wciśnięciu.

Podsumowanie

Tekst alternatywny jest elementem, który może służyć optymalizacji pod kątem SEO, jak i zwiększeniu dostępności strony. Najlepiej dodawać je już na etapie tworzenia strony, ale jeżeli masz już ją od dawna, warto sprawdzić, czy ma się wdrożone atrybuty alt w najważniejszych miejscach. Ich brak to niewykorzystana szansa na pojawienie się w wyszukiwaniach potencjalnych klientów oraz odcięcie dużej grupy osób, która chciałaby skorzystać ze strony, ale brak atrybutów alt im to utrudnia.

Spis treści

    Darmowy raport z badań UX