Dostępność poza automatycznymi kontrolami
Traktuj axe jako bramkę, nie werdykt. Przejdź ścieżkę klawiaturą, sprawdź nazwy i fokus. Zostaw to, czego narzędzie nie widzi.
Ten wpis jest częścią serii QA Ogólne. Jeśli pominąłeś poprzedni, przeczytaj Część 6 — Testowanie eksploracyjne.
Wprowadzenie — bramka była zielona
Pull request puszcza axe. Jest zielono. Użytkownik klawiatury nadal nie dochodzi do przycisku zapłaty, bo przycisk to klikalny div, który axe ocenił jako inny problem oznaczony „nie naprawimy”, albo fokus ląduje na nagłówku, a akcja jest gdzie indziej.
Automatyczne kontrole łapią prawdziwy zestaw awarii: brakujące nazwy, zepsuty kontrast zwykłego tekstu, obrazy bez alternatywy. Nie kończą roboty. Ten wpis jest o przejściu, które nadal robisz sam.
Charter na dwadzieścia minut
Ogranicz czas jednego flow, tak jak część 6 ogranicza sesję eksploracyjną. Charter jest konkretny: „Czy da się dokończyć kasę samą klawiaturą i usłyszeć każdy błąd?”
Na tym flow sprawdź:
- Zasięg. Tab dochodzi do każdej kontrolki. Shift+Tab wraca. Nic nie więzi użytkownika poza dialogiem, a Escape z dialogu wychodzi.
- Kolejność. Fokus idzie za porządkiem na ekranie. Nie skacze do stopki w środku formularza.
- Nazwa. Skupiona kontrolka ma nazwę, którą da się powiedzieć na głos. „Button” i „edit” to porażki.
- Widoczny fokus. Widać, gdzie jesteś. Obramowanie w kolorze tła jest porażką, nawet gdy narzędzie kontrastu patrzyło na tekst akapitu.
- Błędy. Po odrzuconym wysłaniu fokus idzie do błędu albo błąd jest ogłoszony. Sama czerwona ramka nie jest błędem.
Defekty pisz jako „użytkownik klawiatury nie może wysłać dostawy”, ze krokami. Nie pisz „dostępność”.
Co zostaje przy narzędziu
Zostaw axe, albo odpowiednik w testach komponentów, na pull requeście. Jest tani i zatrzymuje regresje, które rozumie. Nie odrzucaj poważnego braku nazwy albo kontrastu, żeby bramka była zielona. Odrzucanie sprawia, że ręczne przejście startuje już zepsute.
Nie dokładaj pięciu nachodzących wtyczek dostępności dla spokoju. Jedno narzędzie, przeczytane, plus charter powyżej.
Co widzi tylko człowiek
- instrukcje, które istnieją tylko jako kolor albo placeholder
- dialog, który się otwiera i zostawia fokus na stronie pod spodem
- własne menu, które otwiera się kliknięciem i ignoruje strzałki
- tekst wmalowany w obraz, w tym hero, którego sprawdzacz kontrastu nie sparsował
- timeout sesji widoczny tylko jako ciche przekierowanie
To są notatki na dole karty sesji. To nie powód, żeby wyłączyć narzędzie.
Podsumowanie
Automatyczne kontrole są bramką. Przejście klawiaturą jest testem. Zaplanuj je na jednym ważnym flow, zgłoś to, czego nie dało się zrobić, i zostaw narzędziu awarie, w których naprawdę jest dobre.
Zadanie na ten tydzień: Wyłącz mysz. Dokończ jeden krytyczny flow klawiaturą. Zgłoś pierwsze miejsce, w którym utkniesz, i wpisz w krokach dostępną nazwę kontrolki.
To kończy serię QA Ogólne.