Stosuj do laboratorium interfejsu. Oczekiwane wyniki są wymaganiami, również dla celowo wadliwego wariantu A. Zapisz wariant, viewport w pikselach CSS, przeglądarkę i powiększenie. Emulacja nie jest testem fizycznego telefonu.
1. Układ i zawartość
| ID | Sprawdzenie | Oczekiwany wynik |
|---|---|---|
| RP01 | Otwórz wariant w viewportach 360×800 i 1280×900. | Tekst, formularz i przyciski dostępne; zwykła treść nie wymaga przewijania strony w poziomie. |
| RP02 | Zmieniaj szerokość płynnie pomiędzy widokami. | Brak zakresu szerokości, w którym treść nakłada się, znika lub wypada poza stronę. |
| RP03 | Sprawdź szerokości tuż przy wykrytej zmianie układu. | Po obu stronach punktu zmiany zachowany dostęp do wszystkich funkcji i poprawna kolejność treści. |
| RP04 | Wpisz długą wiadomość i długi syntetyczny e-mail. | Dane nie rozsadzają układu; można je odczytać, zmienić i wysłać. |
| RP05 | Sprawdź 800×360 oraz krótki viewport pionowy. | Treść i działania osiągalne przez przewijanie; dolne elementy nie są trwale zasłonięte. |
| RP06 | Powiększ stronę w przeglądarce do 200%. | Tekst i kontrolki pozostają dostępne bez utraty treści lub funkcji; zapisz rzeczywisty wynik. |
2. Obsługa i dowody
| ID | Sprawdzenie | Oczekiwany wynik |
|---|---|---|
| RP07 | Otwórz i zamknij menu w wąskim widoku. | Opcje dostępne, nie przykrywają trwale formularza; stan menu jest zrozumiały. |
| RP08 | Wypełnij i wyślij formularz w wąskim widoku. | Można wykonać całe zadanie; komunikat lokalnej symulacji pozostaje widoczny i czytelny. |
| RP09 | Wywołaj błąd wymaganych danych, potem go popraw. | Komunikat mieści się w układzie; pole oraz możliwość ponowienia są osiągalne. |
| RP10 | Przejdź kontrolki klawiaturą przy 360 px. | Fokus widoczny, kontrolki osiągalne; aktywny element nie pozostaje poza dostępnym widokiem. |
| RP11 | Porównaj scrollWidth i clientWidth oraz obejrzyj stronę. | Pomiar i oględziny zgodne; raport wskazuje element oraz wpływ, zamiast opierać się tylko na liczbie. |
| RP12 | Rozdziel emulację, zoom i test fizyczny w notatce. | Każdy wynik opisany ze swoimi warunkami; niewykonany test telefonu nie oznaczony jako zaliczony. |
Instrukcja: testowanie responsywności. To kontrola wybranych zachowań, nie pełna ocena WCAG ani wszystkich urządzeń.