KWALIFIKACJA AUD5 - TEST WIEDZY NR 3

PYTANIE NR 34.
Otrzymujesz do oceny projekt strony internetowej. W założeniach projektu napisano, że strona powinna być responsywna, czyli dostosowuje się do różnych rozdzielczości ekranu. Testując stronę na różnych urządzeniach, zauważasz, że na niektórych ekranach elementy strony są niewłaściwie rozmieszczone. Jak ocenisz zgodność wykonanego projektu z założeniami?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Responsywność oznacza poprawne dopasowanie układu do różnych rozdzielczości i urządzeń. Skoro na części ekranów elementy są niewłaściwie rozmieszczone, wymaganie "strona powinna być responsywna" nie jest spełnione. Sama widoczność strony nie wystarcza do uznania zgodności z założeniami.

Pełne wyjaśnienie:

Wymaganie, że strona ma być responsywna, dotyczy nie tylko tego, czy "da się ją otworzyć" na różnych urządzeniach, ale czy układ i prezentacja treści dostosowują się poprawnie do szerokości ekranu. W praktyce oznacza to m.in. właściwe łamanie kolumn, czytelne odstępy, brak nachodzenia na siebie elementów, brak uciętych treści i spójne rozmieszczenie komponentów UI na typowych szerokościach.

Jeżeli podczas testów zauważasz, że na niektórych ekranach elementy strony są niewłaściwie rozmieszczone, to masz bezpośrednią przesłankę, że cel responsywności nie został osiągnięty. Ocena zgodności z założeniami w takim przypadku powinna brzmieć: projekt nie jest zgodny z wymaganiem responsywności, ponieważ nie zapewnia poprawnego dopasowania do wszystkich (wymaganych) rozdzielczości.

Odpowiedź mówiąca, że projekt jest zgodny, bo strona jest "widoczna na wszystkich urządzeniach", jest błędna: widoczność nie gwarantuje poprawnego układu. Również wariant o "częściowej zgodności" bywa mylący w kontekście wymagań jakościowych: jeśli w założeniach postawiono warunek responsywności, to niespełnienie go na części urządzeń oznacza niespełnienie wymagania jako całości (chyba że w specyfikacji podano wprost ograniczony zakres urządzeń, czego tu nie ma). Stwierdzenie, że nie da się ocenić bez dodatkowych informacji, także nie pasuje, bo opis testu dostarcza kryterium: błędny układ na części ekranów jest sprzeczny z deklaracją poprawnego dopasowania do różnych rozdzielczości.

Na egzaminie warto pamiętać: responsywność = poprawne zachowanie układu w różnych szerokościach, a nie tylko "strona się otwiera".

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Responsywna strona to taka, której układ i wygląd dopasowują się do różnych szerokości i rozdzielczości ekranów. Chodzi o poprawne rozmieszczenie elementów (menu, kolumn, grafiki, tekstu), a nie tylko o to, że strona "się wyświetla".
Strona może się otworzyć na telefonie, ale nadal mieć błędny układ: nachodzące elementy, ucięty tekst, zbyt małe przyciski lub poziomy przewijany obszar. Responsywność wymaga poprawnej adaptacji layoutu, nie tylko uruchomienia w przeglądarce.
Porównaj obserwację z wymaganiem z opisu. Jeśli testy na różnych ekranach pokazują błędne rozmieszczenie elementów, to wymaganie "responsywna" nie jest spełnione. Ocena zgodności powinna wynikać z faktu niespełnienia kryterium dopasowania układu.
Typowe objawy to: elementy nachodzące na siebie, rozjechana siatka, ucięte bloki, znikające przyciski, nieczytelne odstępy, konieczność przewijania w poziomie oraz brak sensownego przejścia z wielu kolumn do jednej na małych ekranach.
"Częściowa zgodność" ma sens, gdy wymaganie było opisane jako stopniowalne albo ograniczone (np. tylko konkretne rozdzielczości lub tylko wybrane widoki). Jeśli wymaganie brzmi ogólnie "strona powinna być responsywna", to błędy na części urządzeń zwykle oznaczają niespełnienie warunku.
W praktyce używa się trybu responsywnego w narzędziach deweloperskich przeglądarki (symulacja szerokości), a także testów na realnych urządzeniach. Ważne jest sprawdzenie kilku szerokości i orientacji oraz obserwacja, czy układ zachowuje się stabilnie.
Najczęściej powodem są błędy w CSS (np. brak reguł dla danego zakresu szerokości), sztywne wymiary zamiast elastycznych, niewłaściwe użycie siatek lub brak dostosowania typografii i marginesów. Skutkiem jest layout, który nie skaluje się poprawnie.
Klienci zwykle oczekują poprawnego działania na telefonie, tablecie i komputerze: czytelnego tekstu, łatwej nawigacji, prawidłowych odstępów, braku poziomego przewijania oraz tego, aby kluczowe elementy (menu, CTA) były dostępne i wygodne w obsłudze dotykiem.
Tak. Błędny układ na małych ekranach utrudnia czytanie i klikanie, zwiększa liczbę pomyłek użytkownika i podnosi frustrację. W ocenie projektu multimedialnego to istotna wada jakościowa, bo strona nie spełnia celu komunikacyjnego na części urządzeń.
Ćwicz rozpoznawanie objawów błędów responsywności na przykładach stron, ucz się podstaw pojęć: układ, siatka, punkty załamania, czytelność i hierarchia. W zadaniach egzaminacyjnych zawsze porównuj wynik testu z wymaganiem z briefu.
info

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

Według specjalistów z branży: "Responsywność oznacza poprawne dopasowanie układu do różnych rozdzielczości i urządzeń."

Źródła:

  • MDN Web Docs: "Responsive design" (sekcja o idei RWD i dopasowaniu do różnych ekranów), https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design - dostęp 2026-03-01
  • MDN Web Docs: "Using media queries" (opis zastosowania do dopasowania stylów do szerokości urządzeń), https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries - dostęp 2026-03-01
  • W3C: "Media Queries Level 4" (specyfikacja dot. zapytań medialnych i warunków dla różnych cech urządzeń), https://www.w3.org/TR/mediaqueries-4/ - dostęp 2026-03-01

Materiały:

  • Dokumentacja MDN o Responsive Web Design
  • Dokumentacja MDN o CSS Media Queries
  • Materiały szkolne z podstaw projektowania interfejsów i siatek (grid/flex) oraz testów responsywności

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego