Bookmarklety Intopii do testów dostępności

Bookmarklet to zakładka w przeglądarce, w której zamiast adresu zapisany jest mały program. Kliknięcie jej uruchamia skrypt na otwartej stronie. Intopia — australijska firma zajmująca się dostępnością — przygotowała zestaw około trzydziestu takich bookmarkletów do szybkich kontroli, których nie wykonają automatyczne skanery.

Każdy bookmarklet podświetla na stronie wybrany rodzaj elementów i od razu flaguje podejrzane przypadki. Kontrolę czyścisz klawiszem Escape. Do każdego testu jest osobna strona ćwiczeniowa, na której można sprawdzić, jak działa.

Zestaw obejmuje:

• strukturę strony — nagłówki (kolory dla poziomów H1–H6, flagowanie pustych nagłówków i wielu H1), tekst alternatywny obrazów (treściowy, pusty, brak), linki (nazwy dostępne, duplikaty nazw prowadzące w różne miejsca, linki nazwane tylko atrybutem title), listy, landmarki, język strony, tytuł dokumentu i kodowanie znaków;
• tabele — captiony, nagłówki kolumn i wierszy, atrybuty id i headers oraz role ARIA tabel;
• fokus — śledzenie kolejności fokusu podczas tabulacji oraz podświetlanie elementów z tabindex;
• formularze — nazwy pól, przyciski, grupy fieldset, pola wymagane, atrybut aria-invalid i autocomplete;
• właściwości ARIA — osobne bookmarklety do stanów i właściwości, takich jak aria-expanded, aria-checked, aria-pressed, aria-valuenow, aria-haspopup, aria-controls, aria-level, a także elementy shadow DOM i pola readonly.

To narzędzie do szybkiego rozeznania, nie do pełnego audytu: bookmarklety pokazują, co warto sprawdzić ręcznie i z czytnikiem ekranu. Sprawdzają się zwłaszcza jako uzupełnienie automatycznych skanerów, które tych obszarów nie widzą.

Warto przeczytać w całości: Intopia's accessibility testing bookmarklets (Intopia)