Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe
Aby uczynić stronę internetową bardziej dostępną dla osób niewidomych, należy przypisać obrazom wyświetlanym za pomocą znacznika img odpowiedni atrybut
Odpowiedzi
Informacja zwrotna
Atrybut alt (alternatywny) jest niezbędnym elementem w kontekście dostępności stron internetowych. Jego podstawową funkcją jest dostarczenie opisu graficznego treści zawartych w obrazach dla użytkowników korzystających z czytników ekranu. Dzięki temu niewidomi lub słabo widzący użytkownicy mogą zrozumieć, co przedstawia dany obraz. Przykładowo, jeśli na stronie znajduje się zdjęcie przedstawiające psa bawiącego się w parku, atrybut alt mógłby mieć wartość "Pies bawiący się w parku na zielonej trawie". To pozwala użytkownikowi na mentalne odtworzenie obrazu i kontekstu. W praktyce, zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), każdy obraz użyty na stronie internetowej powinien mieć przypisany opis w atrybucie alt, co zwiększa dostępność i użyteczność treści. Warto również pamiętać, że atrybut alt powinien być używany tylko w sytuacjach, gdy obraz ma znaczenie dla treści; obrazy dekoracyjne powinny mieć pusty atrybut alt (alt=""). Dobre praktyki w zakresie dostępności podkreślają, że właściwe stosowanie atrybutów alt nie tylko wspiera użytkowników z niepełnosprawnościami, ale także poprawia SEO, gdyż wyszukiwarki lepiej rozumieją treści obrazów.
Wybór niewłaściwych atrybutów do oznaczania obrazów może prowadzić do dużych problemów w dostępności stron internetowych. Atrybut src, który jest używany do określenia źródła pliku graficznego, nie dostarcza żadnych informacji o treści obrazu, co czyni go nieodpowiednim do zastosowania w kontekście dostępności. Atrybut ten jest zasadniczo informacyjny dla przeglądarki, ale nie dla użytkowników z dysfunkcją wzroku. Z kolei atrybut text, który w ogóle nie istnieje w kontekście znaczników img, wskazuje na brak zrozumienia standardów HTML, co może prowadzić do poważnych błędów w kodzie. Atrybut style, służący do definiowania stylów CSS dla elementu, również nie ma zastosowania w kontekście dostępności treści graficznych. Właściwe zrozumienie roli atrybutów w HTML jest kluczowe dla tworzenia stron internetowych, które są zarówno estetyczne, jak i funkcjonalne dla wszystkich użytkowników. Ignorowanie odpowiednich praktyk i standardów w zakresie dostępności, jak zasady WCAG, prowadzi do wykluczenia wielu użytkowników, co jest nie tylko nieetyczne, ale także sprzeczne z coraz bardziej wprowadzanymi regulacjami prawnymi dotyczącymi dostępności w Internecie. Dlatego kluczowe jest, aby projektanci i deweloperzy stron internetowych posiadali solidną wiedzę na temat dostępności oraz stosowali się do najlepszych praktyk w tym zakresie.