KWALIFIKACJA INF3 - CZERWIEC 2022

PYTANIE NR 39.
W wyniku walidacji dokumentu HTML został wygenerowany błąd przedstawiony na zrzucie. Aby go wyeliminować należy
Ilustracja przedstawia zrzut ekranu z komunikatem o błędzie walidacji dokumentu HTML.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Walidator HTML zgłasza błąd, gdy element <img> nie ma atrybutu alt opisującego grafikę. Dodanie alt usuwa błąd i poprawia dostępność dla czytników ekranu. Pozostałe propozycje zmieniają znaczniki lub atrybuty w sposób niezgodny z HTML. W praktyce alt może być pusty tylko dla dekoracji.

Pełne wyjaśnienie:

W walidacji HTML częstym komunikatem jest informacja, że element <img> nie posiada wymaganego opisu alternatywnego. Atrybut alt służy do przekazania tekstu zastępczego dla grafiki: gdy obraz się nie wczyta, gdy użytkownik korzysta z czytnika ekranu albo gdy grafika jest blokowana, treść alternatywna pozwala zrozumieć sens elementu.

Dlatego odpowiedź "dodać atrybut alt do obrazu." jest właściwa: usuwa typowy błąd walidatora i jednocześnie realizuje wymaganie dostępności. W praktyce warto pamiętać, że alt powinien opisywać funkcję obrazu (np. "Logo firmy X"), a nie tylko jego wygląd. Dopuszczalne jest też użycie pustego alt (alt="") dla grafik czysto dekoracyjnych, aby czytnik ekranu je pomijał.

Pozostałe odpowiedzi są błędne, bo:

  • "zamienić zapis </h1> na <h1>" dotyczy nagłówków i sugeruje niepoprawne domykanie/otwieranie znacznika. Taka zmiana nie rozwiązuje problemu z obrazem i mogłaby dodatkowo zepsuć strukturę nagłówków.
  • "w znaczniku img zamienić nazwę atrybutu src na alt" usuwa źródło obrazka (src) i nie jest poprawną metodą naprawy. Poprawny kod zwykle zawiera src oraz alt jednocześnie, bo pełnią różne role.
  • "w znaczniku img zamienić nazwę atrybutu src na href" miesza pojęcia: href jest typowe dla odnośników (np. <a>), a nie dla obrazów. Taka podmiana nie spełnia wymagań dla <img> i nie usuwa przyczyny błędu walidacji.

Na egzaminie warto kojarzyć komunikaty walidatora z minimalną poprawką: dla obrazów najczęściej chodzi o dodanie lub poprawne ustawienie alt.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Atrybut alt w elemencie <img> to tekst alternatywny opisujący obraz. Pomaga, gdy grafika się nie wczyta i jest kluczowy dla dostępności, bo czytniki ekranu odczytują ten opis użytkownikom niewidomym lub słabowidzącym.
Walidator wykrywa brak wymaganego opisu alternatywnego, ponieważ obraz bez alt jest problematyczny semantycznie i dostępnościowo. Poprawka zwykle polega na dodaniu alt="...", aby treść miała odpowiednik tekstowy.
Dodaj atrybut alt obok src, np. <img src="logo.png" alt="Logo firmy">. Opis powinien oddawać funkcję obrazu w kontekście strony, a nie przypadkowe szczegóły graficzne.
Pusty alt="" stosuje się, gdy grafika jest wyłącznie dekoracyjna i nie wnosi informacji (np. ozdobny separator). Wtedy czytnik ekranu może ją pominąć, a strona pozostaje zrozumiała bez tej grafiki.
Nie. src wskazuje plik obrazu, a alt opisuje jego treść/funkcję. Usunięcie lub "zamiana" src na alt spowoduje, że obraz się nie wyświetli, a kod nadal będzie niepoprawny funkcjonalnie.
Atrybut href jest typowy dla odnośników (np. <a>) i określa adres linku. Element <img> ładuje obraz przez src, więc użycie href nie spełnia roli źródła grafiki i nie rozwiązuje problemu walidacji.
Często wybiera się odpowiedź "na skróty", np. podmianę nazw atrybutów, zamiast dopasować poprawkę do sensu komunikatu. W przypadku obrazów najczęstszy problem to brak alt, a nie błąd w nagłówkach czy linkach.
Komunikaty zwykle wskazują element <img> i mówią o "missing alt" lub braku tekstu alternatywnego. To błąd dotyczący atrybutu/semantyki, a nie np. niezamkniętego tagu. Warto czytać nazwę elementu i problemu w treści błędu.
Alt powinien być krótki, konkretny i opisywać funkcję obrazu w danym miejscu (np. "Przycisk: Wyślij formularz", "Wykres sprzedaży 2025"). Unikaj "obrazek"/"zdjęcie" oraz upychania słów kluczowych niezwiązanych z treścią.
Nie zawsze. Walidacja pomaga usuwać błędy składni i część problemów (np. brak alt), ale dostępność obejmuje też kontrast, obsługę klawiatury, fokus, strukturę nagłówków i opisy formularzy. Walidator to ważny krok, ale nie zastąpi testów dostępności.
info

To pytanie poprawnie rozwiązuje 62% zdających egzamin. średnie

Specjaliści zwracają uwagę: "Walidator HTML zgłasza błąd, gdy element &lt;img&gt; nie ma atrybutu alt opisującego grafikę."

Źródła:

  • WHATWG HTML Living Standard – The img element (alt attribute requirements), https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element - accessed 2026-02-27
  • W3C Markup Validation Service – Validator (documentation/usage and messages), https://validator.w3.org/docs/ - accessed 2026-02-27
  • W3C WAI – WCAG (tekst alternatywny dla treści nietekstowych, zasada dla obrazów), https://www.w3.org/WAI/standards-guidelines/wcag/ - accessed 2026-02-27

Materiały:

  • Dokumentacja HTML Living Standard (sekcja elementu img i atrybutu alt)
  • Materiały o dostępności: znaczenie tekstów alternatywnych dla obrazów
  • Dokumentacja i poradniki W3C Validator (interpretacja błędów i ostrzeżeń)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego