Strona należy do czytelnika
Projekt może wyglądać harmonijnie na monitorze autora i nadal być trudny do czytania. Ktoś powiększa stronę ze względu na wzrok, odległość od ekranu albo własne upodobania. To zwykły sposób korzystania. Istotne jest nie podobieństwo do pierwotnego zrzutu ekranu, lecz to, czy można zrozumieć treść i wykonać zamierzoną czynność.
Dwa testy zamiast jednej liczby
W3C odróżnia zmianę wielkości tekstu od przeformatowania układu. Resize Text dotyczy powiększenia do 200% bez utraty treści lub funkcji, z określonymi wyjątkami dla napisów i obrazów tekstu. Reflow obejmuje zwykłą treść przewijaną pionowo przy szerokości odpowiadającej 320 pikselom CSS, z wyjątkami dla elementów rzeczywiście wymagających dwóch wymiarów. To powiązane, lecz niewymienne testy, a nie pełny audyt dostępności.
Zacznij od prawdziwego zadania
Otwórz artykuł, znajdź usługę i przejdź do jej linku kontaktowego. Powtórz drogę przy większym powiększeniu przeglądarki. Sprawdź nagłówek, wybór języka, ewentualny komunikat cookies i ostatni przycisk, nie tylko wygodny akapit pośrodku. Przyklejony nagłówek zajmujący niemal cały ekran utrudnia korzystanie nawet z dobrze powiększonego tekstu. Zapisz przeglądarkę, obszar widoku oraz skalę, aby dało się powtórzyć obserwację.
Szukaj utraty treści, nie różnic kosmetycznych
Zwróć uwagę na ucięte etykiety, tekst poza kartą, nakładające się przyciski i okna dialogowe z niedostępnym zamknięciem. Zmiana trzech kolumn w jedną jest zwykle rozsądnym dostosowaniem. Nie skracaj ważnych instrukcji dla pola o stałej wysokości. Pozwól treści rosnąć, etykietom się zawijać, a kolejności czytania pozostać logiczną. Długie tłumaczenia wymagają tego samego testu co najkrótszy język.
Tabela nie usprawiedliwia szerokiej strony
Niektóre diagramy i tabele porównawcze potrzebują dwóch wymiarów. Ogranicz konieczne przewijanie poziome do danego elementu i wyjaśnij jego obsługę. Wstęp, nagłówki oraz sąsiednie kontrolki nie powinny zmieniać się w długi pasek przesuwany w obie strony. Sprawdzaj zarówno powiększenie, jak i wąski układ: samo zmniejszenie okna nie ujawnia wszystkich problemów większego tekstu.
Włącz test do utrzymania
Powtarzaj tę ścieżkę po zmianie fontów, nawigacji lub tłumaczenia. Zachowuj krótki zapis zadania, usterki i poprawki zamiast ogólnego hasła „przyjazna mobilnie”. Uzupełnia to materiały o typografii mobilnej i tabelach na małych ekranach. Kilka sprawdzonych stron nie certyfikuje całej witryny, ale dostarcza zespołowi dowodów i konkretnego następnego kroku.