Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Jakim zapisem można w dokumencie HTML stworzyć element, który wyświetla obraz kotek.jpg oraz zawiera tekst alternatywny „obrazek kotka”?
Odpowiedzi
Informacja zwrotna
Poprawna odpowiedź to <img src="/kotek.jpg" alt="obrazek kotka">, ponieważ stosuje właściwe atrybuty do wyświetlania obrazów w HTML. Atrybut 'src' wskazuje na źródło obrazu, a 'alt' zawiera tekst alternatywny, który jest ważny dla dostępności oraz SEO. Standardy WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie atrybutu 'alt', który zapewnia kontekst dla użytkowników korzystających z czytników ekranu. Ponadto, zastosowanie tego zapisu jest zgodne z dobrymi praktykami, które zachęcają do dostarczania informacji o obrazie, gdy nie może on być wyświetlony. Przykładem zastosowania może być dodanie obrazów w artykułach blogowych, gdzie 'alt' opisuje zawartość obrazu, co poprawia ogólne wrażenie oraz dostępność treści. Prawidłowe użycie atrybutów jest kluczowe dla stworzenia semantycznego i dostępnego kodu HTML.
W analizowanych odpowiedziach pojawiają się błędne koncepcje dotyczące atrybutów używanych w tagu <img>. Atrybut 'href' nie jest właściwy w kontekście obrazów; jest on używany w tagu <a> do definiowania linków. W związku z tym zapisy, które zawierają 'href', są niepoprawne, ponieważ nie prowadzą do załadowania obrazu. Zamiast tego, atrybut 'src' jest kluczowy, ponieważ informuje przeglądarkę, skąd ma pobrać plik graficzny. Ponadto ważne jest, aby używać atrybutu 'alt' w celu opisu zawartości obrazów, co znacząco wpływa na dostępność strony internetowej. W przypadku pominięcia atrybutu 'alt' lub użycia niewłaściwego atrybutu, użytkownicy korzystający z technologii asystujących mogą nie otrzymać istotnych informacji o wizualnych elementach strony, co może prowadzić do frustracji i braku zrozumienia treści. Należy unikać typowych błędów myślowych, takich jak przekonanie, że atrybuty są zamienne lub że nie mają one znaczenia dla dostępności. Łączenie niewłaściwych atrybutów z tagiem <img> skutkuje poważnymi problemami z wyświetlaniem treści oraz dostępnością strony, co jest sprzeczne z najlepszymi praktykami tworzenia stron internetowych.