Atrybuty „alt” (skrót od „alternate text”) są stosowane w tagach HTML (tagi HTML), aby opisać zawartość obrazów na stronie internetowej. Atrybut alt jest ważny z kilku powodów:
- Dostępność: Ułatwia korzystanie z internetu osobom z niepełnosprawnościami, takim jak niewidomi czy niedowidzący użytkownicy, którzy korzystają z czytników ekranowych. Atrybuty alt dostarczają opisów obrazów, które są odczytywane przez czytniki ekranowe, dzięki czemu osoby z niepełnosprawnościami mogą zrozumieć kontekst obrazów na stronie.
- SEO: Wyszukiwarki, takie jak Google, indeksują treści tekstowe na stronie, ale nie potrafią „zrozumieć” obrazów. Dlatego atrybuty alt są ważne dla optymalizacji wyszukiwarki (SEO), ponieważ pomagają wyszukiwarkom zrozumieć, co jest przedstawione na obrazach, co może przyczynić się do lepszego rankingu strony w wynikach wyszukiwania.
- Ładowanie stron: Jeśli obrazy na stronie nie są wczytywane z jakiegoś powodu (na przykład z powodu wolnego połączenia internetowego), atrybuty alt będą wyświetlane jako opisy obrazów, informując użytkowników o ich zawartości.
Aby dodać atrybut alt do obrazu, wystarczy dodać atrybut „alt” w tagu <img> w kodzie HTML, jak na poniższym przykładzie:
<img src="obraz.jpg" alt="Opis obrazu" />Wartości atrybutów alt powinny być krótkie, ale precyzyjne, opisując zawartość obrazu w sposób zrozumiały dla użytkowników i wyszukiwarek.