Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Aby obraz umieszczony za pomocą kodu HTML mógł być rozpoznawany przez programy wspierające osoby niewidome, konieczne jest określenie atrybutu
Odpowiedzi
Informacja zwrotna
Atrybut 'alt' (alternatywny tekst) jest kluczowym elementem w kontekście dostępności stron internetowych, szczególnie dla osób niewidzących. Jego głównym celem jest dostarczenie opisowej informacji o obrazie, który nie może być bezpośrednio widziany. W przypadku obrazów, które nie są widoczne z różnych powodów (np. uszkodzenie pliku, brak połączenia internetowego lub korzystanie z czytników ekranu), tekst alternatywny pomaga zrozumieć kontekst i znaczenie danego obrazu. Przykład zastosowania: dla obrazka przedstawiającego logo firmy, można użyć atrybutu alt w następujący sposób: <img src='logo.png' alt='Logo firmy XYZ'>. W ten sposób, jeśli obrazek nie załadowałby się, użytkownik korzystający z czytnika ekranu otrzyma informację o tym, co ten obraz przedstawia. Definiowanie atrybutu 'alt' jest zgodne z wytycznymi WCAG (Web Content Accessibility Guidelines), które zalecają, aby wszystkie obrazki, które pełnią funkcję informacyjną, były opisane w taki sposób, aby zapewnić pełny dostęp do treści wszystkim użytkownikom. W praktyce takie podejście nie tylko poprawia dostępność, ale również pozytywnie wpływa na SEO, ponieważ wyszukiwarki również analizują ten atrybut.
Atrybuty 'src', 'sizes' oraz 'border' nie są odpowiednie do zapewnienia dostępności obrazów w kontekście osób niewidzących, ponieważ nie dostarczają informacji o treści czy kontekście wizualnym. Atrybut 'src' jest używany do wskazywania źródła pliku graficznego, co jest niezbędne do załadowania obrazu, ale nie informuje użytkownika o tym, co ten obraz reprezentuje. W przypadku, gdy obrazek nie załadował się, użytkownik nie otrzyma żadnej informacji na temat treści obrazowej, co jest kluczowym błędem w kontekście dostępności. Atrybut 'sizes' jest związany z responsywnością obrazów - pozwala określić różne wymiary obrazka w zależności od rozmiaru ekranu, co jest przydatne w projektowaniu responsywnych stron, ale w żaden sposób nie wspomaga użytkowników niewidomych. Z kolei 'border' określa styl obramowania obrazka, co ma znaczenie estetyczne, ale nie wpływa na dostępność treści. Stosowanie tych atrybutów zamiast 'alt' jest powszechnym błędem w projektowaniu stron internetowych, ponieważ wskazuje na brak zrozumienia potrzeb osób z ograniczeniami wzrokowymi oraz zaniedbaniu standardów dostępności. W kontekście tworzenia stron internetowych, kluczowe jest, aby każdy element wizualny był również dostosowany do osób, które mogą nie mieć możliwości jego bezpośredniego zobaczenia. Niewłaściwe podejście do stosowania atrybutów w HTML może prowadzić do wykluczenia dużej grupy użytkowników i naruszenia zasad równości w dostępie do informacji.