Jesteś tutaj:Strona główna / WCAG 2.0 Zasada 2: Funkcjonalność / Wytyczna 2.4 Nawigacja / 2.4.7 Widoczność zaznaczenia (AA)

2.4.7 Widoczność zaznaczenia (AA) - WCAG 2.0

Obsługując serwis z klawiatury, użytkownik musi widzieć, na którym aktywnym elemencie się znajduje. Sprawdź dowolną stronę, poruszając się po niej klawiszem Tab i zobacz, czy widzisz, na którym elemencie się znajdujesz. Jeśli nie widzisz, jest to poważny błąd.
Absolutne minimum to pozostawienie domyślnych ustawień wyglądu fokusa przeglądarki (np. Internet Explorer w systemie MS Windows będzie to kropkowana obwódka wokół aktywnego linku), czyli nie możemy wyłączyć domyślnego zaznaczenia fokusa, poprzez zastosowanie outline:none, co niestety jest dosyć powszechnie stosowaną praktyką.

W CSS, przy pomocy pseudoklas możemy zdefiniować wygląd aktywnego elementu (linku, pola formularza) inaczej, gdy najedziemy na niego kursorem myszy i inaczej, gdy uzyska on fokus np. przy pomocy klawiatury.

Widok podkreślenie linku tytułu wiadomości

a:hover { color:#000; text-decoration:underline;}

Widok podświetlenia linku tytułu wiadomości

a:focus { background:#00519f; color:#fff; text-decoration:none; }

Powrót do: Wytyczna 2.4 Nawigacja