Alt text, skrót od "alternative text" (tekst alternatywny), służy do opisywania obrazów na stronach internetowych i w mediach społecznościowych. Jego głównym celem jest zapewnienie tekstowej alternatywy dla obrazu użytkownikom, którzy nie mogą go zobaczyć – czy to z powodu wad wzroku, czy problemów technicznych, takich jak wolne połączenie internetowe. Gdy obraz się nie ładuje, w jego miejscu pojawia się alt text, opisujący, co przedstawia grafika.
Alt text ma kluczowe znaczenie dla dostępności (accessibility) i SEO. Użytkownikom niedowidzącym, którzy korzystają z czytników ekranu, alt text pomaga zrozumieć treść obrazu. Pomaga również wyszukiwarkom indeksować Twoje treści, sprawiając, że witryna jest łatwiejsza do znalezienia. W skrócie, alt text zapewnia każdemu dostęp do treści Twojej strony, niezależnie od sposobu jej przeglądania.
Zazwyczaj alt text nie jest widoczny na stronie, chyba że obraz nie załaduje się poprawnie lub użytkownik korzysta z czytnika ekranu. Każdy może jednak sprawdzić alt text, zaglądając w kod HTML strony lub korzystając z narzędzi do badania dostępności.
Tak, zdecydowanie warto! Nie tylko poprawia on dostępność dla osób z niepełnosprawnościami, ale także wspiera SEO, pomagając wyszukiwarkom zrozumieć kontekst Twoich grafik. Dodanie opisowego tekstu alternatywnego sprawia, że Twoje treści są bardziej inkluzywne i łatwiejsze do wyszukania.
Zły alt text jest zbyt ogólny lub nieprzydatny. Na przykład wpisanie “obraz001.jpg” lub “zdjęcie osoby” nie daje wystarczającego kontekstu. Dobry alt text powinien być opisowy i konkretny. Na przykład: “Kobieta trzymająca filiżankę kawy podczas siedzenia przy biurku” jest znacznie bardziej informacyjne.
Alt text powinien opisywać obraz w jasny i zwięzły sposób. Należy skupić się na istotnych szczegółach powiązanych z treścią. Dobrą zasadą jest trzymanie się długości od 5 do 15 słów i dbanie o konkretny przekaz. Alt text ma pomóc użytkownikowi zrozumieć obraz, więc unikaj pisania zbyt dużo lub zbyt mało.
Nie każdy obraz wymaga tekstu alternatywnego. Obrazy czysto dekoracyjne lub ikony, które nie wnoszą nowej treści (np. ozdobne tła), mogą pozostać bez alt tekstu. W takim przypadku można użyć pustego atrybutu alt (alt=""), aby czytniki ekranu pominęły go, nie dezorientując użytkownika.
Jeśli brakuje alt tekstu, użytkownicy niedowidzący nie będą w stanie zrozumieć kontekstu obrazu, a wyszukiwarki nie będą mogły go poprawnie zaindeksować. Może to negatywnie wpłynąć zarówno na dostępność, jak i SEO, dlatego najlepiej dodawać go zawsze, gdy obraz przekazuje ważne informacje.
Alt text powinien być zwięzły, ale opisowy. Staraj się mieścić w granicach 5-15 słów, które jasno określają treść i cel obrazu. Nie ma sztywnego limitu, ale zbyt długie opisy mogą być uciążliwe dla osób korzystających z czytników ekranu.
Powrót do słowniczka