Zapisano kod HTML wstawiający grafikę na stronę internetową. Jeżeli rysunek.png nie zostanie odnaleziony, przeglądarka
Odpowiedzi
Informacja zwrotna
W HTML, znacznik <img> jest używany do osadzania obrazów na stronach internetowych. Atrybut src określa źródło obrazu, natomiast alt definiuje tekst alternatywny, który wyświetla się, gdy obraz nie może zostać załadowany. Jest to ważne z perspektywy dostępności oraz SEO. Jeśli przeglądarka nie odnajdzie pliku rysunek.png, wyświetli wartość z atrybutu alt - w tym przypadku tekst pejzaż. Jest to zgodne z dobrymi praktykami tworzenia stron internetowych, ponieważ tekst alternatywny dostarcza użytkownikom informacji o zawartości obrazu, gdy nie jest on widoczny. Pomaga to również w indeksowaniu treści przez wyszukiwarki. Ponadto użycie tekstu alternatywnego jest kluczowe dla osób korzystających z technologii wspomagających, takich jak czytniki ekranowe. Dlatego stosowanie atrybutu alt jest standardem w nowoczesnym projektowaniu stron i zapewnia lepsze doświadczenie użytkownika oraz zgodność z zasadami dostępności WCAG.
Podczas korzystania z elementu <img> w HTML, ważne jest zrozumienie, jak przeglądarka interpretuje jego atrybuty. Gdy obraz nie jest dostępny pod wskazanym adresem URL, przeglądarka nie wyświetli żadnego błędu wyświetlania strony jako całości, ponieważ dotyczy to jedynie konkretnego elementu na stronie. Z tego względu strona internetowa będzie wciąż dostępna dla użytkownika, a przeglądarka nie uniemożliwi jej wyświetlenia. Zamiast tego, każda przeglądarka renderuje zawartość atrybutu alt jako tekst zastępczy. Jeśli alt nie byłby użyty, mogłoby to wpłynąć na doświadczenie użytkownika, nie pokazując żadnych informacji o kontekście brakującego obrazu. Niezrozumienie funkcji atrybutu alt prowadzi do mylnego przekonania, że przeglądarka wypisze nazwę brakującego pliku graficznego, co nie ma miejsca. To błędne rozumienie wynika często z braku wiedzy na temat zasad poprawnego projektowania stron internetowych, gdzie użycie tekstu alternatywnego jest standardową praktyką wspierającą dostępność i użyteczność aplikacji webowych.
