Zmiana wielkości czcionki w przeglądarce
Zmiana wielkości czcionki w przeglądarce to fundamentalna technika manualnego testowania dostępności, która ma na celu weryfikację odporności projektu strony internetowej na wymagania wzrokowe użytkowników. Polega na manualnym zwiększaniu bazowego rozmiaru tekstu (a nie globalnego powiększenia/zoomu całej strony) w ustawieniach przeglądarki.
Test ten symuluje, jak strona reaguje, gdy użytkownik z umiarkowanymi wadami wzroku wymaga, aby tekst był powiększony, bez użycia specjalistycznych, zewnętrznych programów powiększających ekran.
Gdzie znajdują się ustawienia wielkości czcionki?
Dostęp do ustawień można uzyskać za pomocą następujących ścieżek:
- Google Chrome:
- Mozilla Firefox:
- Safari:
Do konkretnie jakich podpunktów WCAG 2.2 na poziomie AA przydaje się to narzędzie w testowaniu?
Ta technika bezpośrednio testuje kluczowe kryterium skalowalności tekstu i elastyczności układu:
| Nazwa Kryterium | Jak pomaga zmiana czcionki w testowaniu? |
|---|---|
| 1.4.4 Zmiana rozmiaru tekstu (Resize text) | Weryfikuje, czy tekst może być skalowany do 200% (i więcej) bez utraty treści, funkcjonalności lub konieczności przewijania w poziomie. To kryterium wymaga, aby skalowanie działało również wtedy, gdy użytkownik zmieni domyślny rozmiar czcionki w ustawieniach przeglądarki. |
| 1.4.10 Zawijanie treści (Reflow) | Chociaż jest to kryterium związane z adaptacyjnością, testowanie strony w powiększeniu 200% pomaga zweryfikować, czy układ strony poprawnie się dostosowuje (reflow), minimalizując konieczność przewijania treści zarówno w pionie, jak i w poziomie. |
Jak testować?
Testowanie odbywa się poprzez symulację preferencji użytkownika i obserwację, jak strona dynamicznie się zmienia:
- Dostęp do Ustawień: Przejdź do odpowiednich ustawień czcionek w swojej przeglądarce (jak podano w punkcie 2).
- Zmiana Skalowania: Zwiększ domyślny rozmiar czcionki (np. z 16px na 32px, co odpowiada 200%) lub ustaw poziom globalnego powiększenia/zoomu strony na 200%. Upewnij się, że testujesz oba scenariusze, jeśli przeglądarka je oferuje.
- Inspekcja Wizualna: Przejrzyj całą testowaną stronę (w tym nagłówki, elementy interaktywne, tabele, menu i stopkę):
- Sprawdź, czy nie ma przycięć: Upewnij się, że cały tekst jest widoczny i nie jest ucinany przez obramowania lub inne elementy CSS.
- Sprawdź nakładanie się: Weryfikuj, czy powiększony tekst nie nachodzi na sąsiednie elementy lub przyciski.
- Weryfikacja przewijania: Upewnij się, że nie ma konieczności przewijania w poziomie (w szerokość), aby odczytać całą kolumnę tekstu.
- Test Funkcjonalności: Upewnij się, że wszystkie elementy interaktywne (np. przyciski, linki w menu) nadal działają poprawnie i są możliwe do kliknięcia mimo zmian w układzie.
Wskazówka: Użyj narzędzia do inspekcji, aby sprawdzić, czy deweloperzy użyli względnych jednostek (np. em, rem, %) zamiast bezwzględnych (px) do określania rozmiaru czcionki. Jest to klucz do poprawnego skalowania!