KWALIFIKACJA INF3 - CZERWIEC 2015

PYTANIE NR 1.
W języku HTML atrybut alt znacznika img jest wykorzystywany w celu zdefiniowania
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Atrybut alt elementu <img> służy do podania tekstu alternatywnego obrazu. Jest on wykorzystywany m.in. wtedy, gdy grafika nie może zostać wczytana, oraz przez technologie asystujące (np. czytniki ekranu). Nie jest to ani podpis pod obrazem, ani ścieżka pliku (to rola src).

Pełne wyjaśnienie:

Atrybut alt w elemencie <img> oznacza alternative text, czyli tekst alternatywny opisujący treść lub funkcję grafiki. Dzięki niemu użytkownik otrzymuje informację o obrazie, nawet jeśli sam obraz nie zostanie poprawnie wyświetlony (np. błąd pobierania, blokada zasobów, słabe łącze). Jest to także kluczowy element dostępności: czytniki ekranu mogą odczytać tekst alternatywny osobom niewidomym lub słabowidzącym.

Odpowiedź "tekstu, który będzie wyświetlony, jeśli nie może być wyświetlona grafika." trafnie wskazuje typową sytuację użycia alt (awaria/niemożność wczytania). W praktyce alt nie jest wyłącznie "napisem awaryjnym" — opisuje treść obrazu i bywa wykorzystywany również w scenariuszach dostępności.

Pozostałe odpowiedzi są błędne, bo mieszają alt z innymi mechanizmami:

  • "atrybutów grafiki, takich jak rozmiar, obramowanie, wyrównanie." — to nie rola alt. Rozmiar ustala się zwykle atrybutami width/height lub CSS, obramowanie i wyrównanie także realizuje się CSS (a nie tekstem alternatywnym).
  • "podpisu, który zostanie wyświetlony pod grafiką." — podpis (caption) realizuje się inną strukturą, np. przez opis obok obrazu lub semantycznie przez <figure> i <figcaption>, a nie przez alt.
  • "ścieżki i nazwy pliku źródłowego grafiki." — wskazanie pliku obrazu to zadanie atrybutu src (adres/URL zasobu), nie alt.

Wskazówka egzaminacyjna: zapamiętaj rozdział ról: src = skąd wziąć obraz, alt = co on przedstawia / jaka jest jego funkcja.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Atrybut alt w elemencie <img> to tekst alternatywny obrazu. Opisuje, co obraz przedstawia albo jaką pełni funkcję. Pomaga, gdy obraz się nie wczyta, oraz wspiera dostępność (np. czytniki ekranu).
Tekst w alt może być odczytywany przez technologie asystujące. Dzięki temu użytkownicy, którzy nie widzą obrazu, dostają informację o jego treści lub celu. To podstawowa praktyka tworzenia dostępnych stron internetowych.
Alt bywa wykorzystany, gdy obraz nie może zostać wyświetlony: np. błędny adres w src, brak pliku na serwerze, problem sieciowy lub blokada zasobów. Wtedy użytkownik nadal widzi informację zastępczą o grafice.
src wskazuje lokalizację pliku graficznego (URL/ścieżkę), czyli "skąd pobrać obraz". alt opisuje treść lub funkcję obrazu, czyli "co to za obraz". To dwa różne atrybuty o odmiennym celu.
Nie. alt jest tekstem alternatywnym, a podpis (caption) to osobny element treści widocznej dla wszystkich. Podpis realizuje się np. przez <figure> i <figcaption> albo zwykły tekst w układzie strony.
Alt powinien krótko opisywać to, co istotne: treść obrazu lub jego funkcję (np. "Logo firmy X" albo "Przycisk: wyszukaj"). Unikaj pustych ogólników typu "obrazek". Dopasuj opis do kontekstu strony i celu grafiki.
W praktyce w HTML często oczekuje się, że obrazy mają alt, bo wspiera to dostępność. Dla obrazów czysto dekoracyjnych stosuje się podejście z pustym alt, aby nie zaśmiecać odczytu czytnika ekranu, ale decyzja zależy od roli grafiki.
Typowe błędy to: wpisywanie ścieżki pliku zamiast opisu, mylenie alt z podpisem pod zdjęciem, używanie zbyt długich zdań bez sensu dla kontekstu oraz pomijanie informacji o funkcji (np. gdy obraz jest linkiem lub przyciskiem).
W wielu przypadkach narzędzia walidujące i audyty jakości zwracają uwagę na obecność i sensowność alt przy obrazach. To częsty punkt sprawdzany w projektach WWW, bo łączy poprawność semantyczną z praktykami dostępności.
Ćwicz rozróżnianie ról atrybutów: src (źródło), alt (opis/funkcja), a także podstawy CSS dla rozmiaru i obramowania. Przerób kilka przykładów kodu z obrazami i sprawdź, co się dzieje po celowym "zepsuciu" src.
info

Około 81% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Specjaliści zwracają uwagę: "Atrybut alt elementu &lt;img&gt; służy do podania tekstu alternatywnego obrazu."

Źródła:

  • WHATWG HTML Living Standard – The img element (w tym wymagania dot. atrybutu alt): https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element - accessed 2026-03-04
  • MDN Web Docs – HTML attribute: alt (dla &lt;img&gt;): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#alt - accessed 2026-03-04
  • W3C WAI – WCAG Understanding 1.1.1 Non-text Content (kontekst tekstów alternatywnych): https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html - accessed 2026-03-04

Materiały:

  • Dokumentacja WHATWG HTML: sekcja o elemencie &lt;img&gt; i atrybucie alt
  • MDN Web Docs: opis atrybutu alt dla &lt;img&gt; z przykładami
  • Materiały o dostępności (WCAG): rola tekstów alternatywnych dla treści nietekstowych

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego