Dopasowanie do ekranu (responsywność)
Inne nazwy: responsywność, RWD, wersja mobilna, reflow
W jednym zdaniu
To zdolność strony do dopasowania się do wielkości ekranu – od dużego monitora po telefon – bez przewijania w bok.
Co to znaczy
Strona responsywna układa treść w jednej kolumnie na wąskim ekranie. Dzięki temu dobrze działa na telefonie i po silnym powiększeniu na komputerze.
WCAG wymaga, żeby treść dało się czytać na szerokości odpowiadającej powiększeniu 400% bez przewijania w poziomie (z wyjątkiem np. map i dużych tabel).
Przykład z urzędu
Mieszkaniec sprawdza na telefonie godziny pracy urzędu. Jeśli musi przesuwać stronę w lewo i w prawo przy każdej linijce, szybko się zniechęci.
Co warto zrobić
- Sprawdzaj każdą ważną stronę na telefonie.
- Zmniejsz okno przeglądarki do wąskiego paska i zobacz, czy nie trzeba przewijać w bok.
Powiązane pojęcia
Wymagania WCAG, których to dotyczy
Szczegółowe wyjaśnienie, jak to sprawdzić i naprawić, znajdziesz w słowniku kryteriów WCAG.
Wróć do wszystkich pojęć · Ostatnia aktualizacja: