Co to jest atrybut alt?

Atrybut alt jest używany w języku HTML do dostarczania alternatywnego tekstu opisującego obraz lub element multimedialny na stronie internetowej. Głównym jego celem jest zapewnienie informacji użytkownikom, którzy nie mogą zobaczyć obrazu z powodu problemu z ładowaniem grafik lub ze względu na korzystanie z tekstowych przeglądarek internetowych i czytników ekranowych.

Skąd wziął się atrybut alt?

Wraz z rozwojem Internetu pojawiła się potrzeba zapewnienia dostępu do pełnych treści użytkownikom z niepełnosprawnościami, w tym osobom niewidomym lub niedowidzącym. W związku z tym zaczęto dodawać alternatywne opisy dla obrazów, które mogłyby być odczytywane przez narzędzia wspomagające, np. czytniki ekranowe.

Jak optymalizować alt?

Wyszukiwarki internetowe biorą pod uwagę treść atrybutu alt przy indeksowaniu obrazów, co może wpłynąć na widoczność strony w wynikach wyszukiwania obrazów. Dlatego ważne jest, aby tekst zawarty w atrybucie alt dokładnie opisywał zawartości obrazu i zawierał słowa kluczowe. Lepiej nie przekraczać 125 znaków, aby uniknąć ucinania tekstu w wynikach wyszukiwania.

Jak wdrożyć alty w obrazach?

1. Znajdź stronę internetową lub szablon, w którym chcesz dodać atrybuty alt do obrazów, a następnie otwórz kod źródłowy tej strony w edytorze HTML.
2. Znajdź wszystkie wystąpienia znacznika <img> w kodzie HTML, które reprezentują obrazki, dla których chcesz dodać atrybuty alt.
3. Do każdego znacznika <img> dodaj atrybut alt i przypisz mu odpowiedni alternatywny tekst opisujący zawartość obrazu. Tekst powinien być krótki, opisowy i jasny, np. <img src=”obraz.jpg” alt=”ludzie siedzący na trawie”>.
4. Po dodaniu atrybutów alt zapisz zmiany w kodzie HTML i przetestuj stronę internetową, aby upewnić się, że obrazy są prawidłowo opisane i dostępne dla wszystkich użytkowników.