Aby obraz dodany za pomocą kodu HTML był zrozumiały dla programów wspierających osoby niewidome, konieczne jest zdefiniowanie atrybutu
Atrybut 'alt' w znaczniku <img> jest kluczowy dla dostępności treści internetowych. Jego główną funkcją jest dostarczenie alternatywnego opisu obrazu, który jest odczytywany przez programy wspierające osoby niewidome i niedowidzące, takie jak czytniki ekranu. Dzięki atrybutowi 'alt', użytkownicy, którzy nie mogą zobaczyć obrazu, są w stanie zrozumieć, co on przedstawia. Na przykład, jeśli obrazek przedstawia psa bawiącego się w parku, odpowiednia treść atrybutu 'alt' mogłaby brzmieć: 'Pies bawiący się w parku'. To nie tylko zwiększa dostępność strony, ale również poprawia doświadczenia użytkowników. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), dostarczenie tekstu alternatywnego dla wszystkich obrazów jest niezbędne do zapewnienia pełnej dostępności treści. Przykład zastosowania: W przypadku strony e-commerce, gdzie obrazy produktów są kluczowe, odpowiednio zdefiniowany atrybut 'alt' pozwala osobom z ograniczeniami wzrokowymi na pełne zrozumienie oferty, co może wpłynąć na ich decyzje zakupowe.
Atrybut 'src' w znaczniku <img> jest odpowiedzialny za określenie źródła obrazu, czyli lokalizacji pliku graficznego, który ma być wyświetlony. Choć jest to kluczowy element dla poprawnego wyświetlenia obrazów, nie ma on żadnego związku z dostępnością treści dla osób niewidomych. Wybór 'src' jako odpowiedzi na pytanie świadczy o niepełnym zrozumieniu roli, jaką odgrywają atrybuty w kontekście dostępności. Z kolei atrybut 'border' definiuje szerokość obramowania wokół obrazka i również nie wnosi nic do kwestii dostępności, ponieważ nie dostarcza żadnych informacji osobom, które nie mogą zobaczyć obrazu. Natomiast 'sizes' jest używany do określenia, jak obraz powinien być wyświetlany w różnych warunkach, ale ponownie, nie odnosi się to do potrzeb osób z ograniczeniami wzrokowymi. Nieprawidłowe odpowiedzi często wynikają z mylenia funkcji atrybutów, co prowadzi do błędnego wniosku, że inne atrybuty mogą zaspokajać potrzeby dostępności. W praktyce, aby strona była dostępna, należy stosować atrybut 'alt', który spełnia kluczową rolę w komunikacji treści wizualnych z użytkownikami wymagającymi wsparcia, a ignorowanie tej zasady może skutkować wykluczeniem części użytkowników z korzystania z serwisu internetowego.