Atrybut alt – czym jest? Dlaczego jest ważny?
Atrybut alt zajmuje dość istotne miejsce w optymalizacji grafik zamieszczanych na stronach www i w sklepach e-commerce. Dzięki altom, roboty Google wiedzą, co przedstawia grafika. Co więcej, tytułowe opisy są dużą pomocą dla osób słabowidzących, korzystających z czytników ekranu – w branży medycznej jest to szczególnie ważne. Poniżej więcej informacji dotyczących celów implementacji omawianych atrybutów, definicja i kilka wskazówek.
Atrybut alt – definicja
Atrybut alt, inaczej alt tag lub alternatywny opis obrazka, to nic innego, jak krótki opis elementu graficznego. To informacja dotycząca zawartości zdjęcia bądź grafiki. Atrybut alt to zwykle fraza kluczowa bądź równoważnik zdania.
Atrybuty alt należy umieścić w kodzie html strony, w znaczniku <img>. Poniżej przykład:
<img src=”zdjecie-rentgenowskie.jpg” alt=”RTG klatki piersiowej złamanie żebra”>
Atrybuty alt warto dodać do zdjęć, wykresów, infografik, fotoreportaży i innych materiałów graficznych, które zamieszczane są na stronie www. Alt tagi są wysoce zalecane w przypadku zdjęć typu przed i po, zdjęć specjalistów pracujących w danej klinice, fotografii gabinetów lekarskich itp.
Jak przygotować i wdrożyć atrybut alt?
Jak przygotować atrybut alt? Tutaj warto kierować się następującymi zasadami:
- Opis alternatywny powinien być konkretny, przekazywać ważne informacje na temat zawartości danej grafiki.
- Atrybut alt nie może być zbyt długi, najlepiej stosować równoważniki zdań oraz główne frazy kluczowe.
- Wyrażenia typu: zdjęcie przedstawia, na grafice widzimy, są zbędne, najlepiej skupić się na przekazaniu głównej informacji.
- Opis powinien być zgodny z prawdą, czyli przedstawiać rzeczywistą zawartość grafiki.
- Jeśli opisywany element graficzny pełni wyłącznie funkcję estetyczną, atrybut alt może zostać pusty (np. alt=””).
- Każdy z atrybutów powinien być unikalny.
- Pamiętaj o naturalnym rozmieszczeniu fraz, nadmierne zagęszczenie fraz sprawi, że opis alternatywny nie będzie w prawidłowy sposób spełniał swojej funkcji.
Przykłady poprawnie przygotowanych opisów alternatywnych:
- Rezonans magnetyczny mózgu, widoczny guz w płacie czołowym
- Wzrost zachorowań na cukrzycę typu 2 o 25% w latach 2015-2023
- Lekki wózek inwalidzki z regulowanym oparciem i podnóżkami
- RTG płuc, zacienienie w dolnej części lewego płuca.
Jak dodać atrybut alt?
Przejdźmy teraz do kolejnej kwestii, czyli do tego, w jaki sposób można dodać atrybut alt do obrazka. Wszystko jest bardzo proste i zajmuje kilka sekund. Prześledźmy to na przykładzie najpopularniejszego systemu CMS, czyli WordPressa.
Atrybut alt – jak dodać?
Atrybut alt w branży medycznej – dlaczego jest tak ważny?
Atrybut Alt pełni wiele funkcji. Dzięki niemu roboty Google zyskują informacje o zawartości grafiki i mogą w prawidłowy sposób wyświetlać ją w wynikach wyszukiwania, w tym również w Google Grafika. Alt tags to także udogodnienie dla Pacjentów.
- Alt tagi a osoby z niepełnosprawnością wzrokową
Osoby z niepełnosprawnością wzrokową często korzystają z czytników ekranu. Są to specjalne oprogramowania, które przekształcają znajdujący się na stronie www content w dźwięk lub (dzięki monitorom, inaczej linijkom Braille’a) w alfabet Braille’a. Wszystko to sprawia, że osoby niepełnosprawne wzrokowo mogą w satysfakcjonujący i komfortowy sposób eksplorować witrynę.
Oprogramowania czytające ekran przedstawiają treść, nagłówki, itp., nie streszczają jednak zawartości grafik, wykresów, zdjęć itp. Jedynym rozwiązaniem, dzięki któremu osoba niewidoma pozna zawartość grafiki, jest przygotowanie atrybutów alt. Czytniki ekranu przeczytają przygotowane alt tagi, a użytkownik zyska wszystkie istotne informacje.
- WCAG 2t.1, czyli wytyczne dotyczące dostępności treści na stronie www
WCAG 2.1 to dokument zawierający informacje na temat przystosowania strony internetowej do potrzeb użytkowników. WCAG 2.1 zawiera wytyczne dotyczące działań, dzięki którym użytkownicy będą mogli korzystać z witryny za pomocą różnych zmysłów – nie tylko wzroku, ale także słuchu lub dotyku. W paragrafie pierwszym czytamy o postrzegalności, w tym między innymi o zapewnieniu tekstowych zamienników treści nietekstowych. Atrybuty alt, czyli alternatywne opisy elementów graficznych, wpisują się w tę zasadę.
W przypadku placówek medycznych przestrzeganie WCAG 2t.1 jest szczególnie istotne.
Atrybuty alt a pozycjonowanie strony www
Atrybuty alt mają znaczenie w procesie pozycjonowania strony www. Dzięki altom, Google boty poznają zawartość grafiki i lepiej rozumieją tematykę danej podstrony. Zwiększa to jakość indeksacji i może zwiększyć widoczność podstrony w organicznych wynikach wyszukiwania.
UX a alt tagi
Może zdarzyć się tak, że grafika z jakiegoś powodu nie zostanie wyświetlona, a użytkownik nie będzie mógł zapoznać się z jej zawartością. W takiej sytuacji wyświetlony zostanie atrybut alt. Odbiorca otrzyma więc informację na temat zawartości grafiki.
Atrybut alt
Atrybut alt – podsumowanie
Atrybut alt, czyli alternatywny opis obrazka, to nic innego, jak umieszczony w kodzie HTML opis elementu graficznego. Alt tagi sprawiają, że osoby z niepełnosprawnością wzrokową, korzystające z czytników, mogą zapoznać się z zawartością grafik. Dzięki temu witryna staje się bardziej dostępna dla osób z różnymi niepełnosprawnościami. Atrybuty wspierają także indeksację i zwiększają szanse na uzyskanie wysokich pozycji w bezpłatnych wynikach wyszukiwania.
Karola Libelta 1a/14
