Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
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.