Rola Obrazów na Stronach Internetowych: Informacyjna, Wizerunkowa i Dekoracyjna
Niemal każdą stronę internetową wyróżnia to, że posiada ona dużą ilość różnego rodzaju obrazów, zdjęć i ilustracji.
Mogą one pełnić jedną z następującą ról:
- Informacyjną
- Wizerunkową
- Dekoracyjną
Rola informacyjna ilustracji
Ilustracje pełniące rolę informacyjną to wszelkiego rodzaju tabele na przykład wykresy itp., które zostały przedstawione nie jako tekst, ale jako ilustracja. To właśnie tego typu grafiki aby spełniać zasady dostępności powinny zawierać opis alternatywny. który bardzo dokładnie opisywałby to co na nich się znajduje. Służy do tego atrybut alt. Należy jednak zaznaczyć, że najlepiej było by gdyby ilustracje posiadające tekst i liczby w ogólne się nie pojawiały a były przedstawione w naturalnej. Zdarzają się jednak sytuacje, że dane tego typu ciężko było by przedstawić w innej formie niż graficzna.
Poniżej znajduje się przykład takiej ilustracji:
Źródło: https://www1.grupappmsa.pl/pl/p/TESA-50600-Tasma-poliestrowa-zielona/1426
Produkty zostały zapisane w formie ilustracji . Ilustracja nie posiada jednak opisu alternatywnego więc osoba z niepełnosprawnością wzrokową nie jest w stanie zapoznać się z danymi.
Dane w tym przypadku są ważne dlatego jest potrzebny opis alternatywny dla osób które nie poradzą sobie z odebraniem w formie ilustracji
Przykład:<img src="adres_obrazka.jpg" alt="Ilustracja przedstawia szczegółowe dane produktu. Dane techniczne. Materiał nośnika: PET, Grubość całkowita 80 mikrometrów (...)"/>
Rola wizerunkowa ilustracji
Rolę wizerunkową pełnią przede wszystkim wszelkiego rodzaju logotypy, ,symbole, herby itp.
Źródło: Allegro
Nie ma potrzeby przedstawić dokładnego opisu tego typu grafikach. Wystarczy w opisie alternatywnym umieścić informacje, że jest to logo danej firmy.
Przykład:<img src="adres_obrazka.jpg" alt="Ilustracja przedstawia logo firmy Allegro"/>
Rola dekoracyjna ilustracji
Są to wszelkiego rodzaju grafiki, których celem jest upiększenie strony i sprawienie, że będzie ona atrakcyjna wizualnie. Może to być tło, tekstura lub ilustracja, która nie przedstawia żadnych istotnych treści dla użytkownika.
Źródło: https://www.fotezja.pl/jak-nalozyc-teksture-na-zdjecie
Przykład:<img src="adres_obrazka.jpg" alt=""/>
W takim przypadku atrybut alt zostaje pusty.
Jeśli chcesz się dowiedzieć więcej przeczytaj inne nasze artykuły.
Polecane wideo
Ekspert ds. dostępności cyfrowej z 5-letnim doświadczeniem, mający na koncie ponad 500 audytów stron i aplikacji mobilnych. Jest absolwentem Akademii Morskiej w Gdyni. Poza pracą profesjonalną, jest pasjonatem sportu i psychologii, co przekłada się na jego funkcję prezesa Stowarzyszenia Aktywne Kosakowo. Jego zrozumienie technicznych i ludzkich aspektów dostępności pochodzi z połączenia wiedzy zawodowej z zainteresowaniami osobistymi.