Zapisano kod HTML wstawiający grafikę na stronę internetową: <img src="rysunek.png" alt="pejzaż">
Jeżeli rysunek.png nie zostanie odnaleziony, przeglądarka:
<img src="rysunek.png" alt="pejzaż">Brawo! Wybrałeś prawidłową odpowiedź. Element <img> w kodzie HTML może mieć atrybut alt, który określa tekst alternatywny, który ma być wyświetlony, gdy obrazek nie może zostać załadowany. W tym przypadku, atrybut alt ma wartość 'pejzaż', co oznacza, że jeśli obraz 'rysunek.png' nie może zostać załadowany, przeglądarka wyświetli tekst 'pejzaż' w miejscu, gdzie powinien być obraz. Ta funkcja jest przydatna z kilku powodów. Po pierwsze, pozwala użytkownikowi zrozumieć kontekst strony, nawet jeśli nie może zobaczyć obrazu. Po drugie, jest to zgodne ze standardami dostępności, ponieważ czytniki ekranu dla osób niewidomych mogą odczytywać ten tekst. To jest ważne dla tworzenia stron internetowych, które są dostępne dla wszystkich.
Niestety, twoja odpowiedź nie jest prawidłowa. Może to wynikać z nieporozumienia co do tego, jak przeglądarki internetowe radzą sobie z brakującymi obrazami. Przeglądarka nie przestanie wyświetlać strony tylko dlatego, że nie może załadować jednego obrazu - zamiast tego wykorzysta atrybut alt elementu <img> w kodzie HTML. Atrybut alt jest tekstem alternatywnym, który jest wyświetlany, jeżeli obraz nie może zostać załadowany. W tym konkretnym przypadku, miał wartość 'pejzaż', więc jest to tekst, który przeglądarka wyświetli. Nie zostanie wyświetlony błąd, ani tekst 'rysunek.png' - przeglądarka nie ma na to wpływu. Zrozumienie tego mechanizmu jest istotne dla tworzenia stron, które są przystępne i estetycznie atrakcyjne nawet wtedy, gdy nie wszystko idzie zgodnie z planem.