Technika – dla ciekawych

Nazwa dostępna

Inne nazwy: accessible name, etykieta dostępna, aria-label

W jednym zdaniu

To nazwa elementu (przycisku, linku, pola), którą odczyta czytnik ekranu – np. „Szukaj”, „Menu”, „Zamknij”.

Co to znaczy

Każdy element, który można kliknąć lub wypełnić, musi mieć nazwę. Zwykle jest to widoczny tekst, ale przy przyciskach z samą ikoną trzeba ją dodać w kodzie.

Brak nazwy to jeden z najczęstszych błędów: czytnik ekranu mówi wtedy tylko „przycisk” albo „link”, bez informacji, do czego służy.

Przykład z urzędu

Ikonka koperty w nagłówku strony urzędu nie ma nazwy. Czytnik mówi „link”. Po dodaniu nazwy mówi „Kontakt z urzędem”.

Co warto zrobić

  • Sprawdź czytnikiem ekranu przyciski z samymi ikonami: lupa, menu, krzyżyk, ikony mediów społecznościowych.

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: