Dostępność aplikacji AI: formularze, streaming i kontrola ruchu

Zacznij od pełnego zadania bez myszy

Przejdź przez logowanie, formularz, generowanie i zapis wyniku wyłącznie klawiaturą. Sprawdź kolejność przechodzenia oraz widoczność aktywnego elementu. Użytkownik powinien wiedzieć, gdzie się znajduje i jak wrócić. Element wyglądający jak przycisk powinien mieć odpowiednią semantykę i dawać się obsłużyć przewidywalnie.

Nie skupiaj się wyłącznie na stronie startowej. Problem może pojawić się w oknie potwierdzenia lub przy edycji pojedynczego pola. Przygotuj także ścieżkę błędu. Jeśli po nieudanym zadaniu fokus znika albo użytkownik musi ponownie wprowadzić wszystkie dane, dostępność i użyteczność pogarszają się jednocześnie.

Kontekst i materiały: W3C WAI: How to Meet WCAG 2.2

Informuj o stanie bez zalewania komunikatami

Generowanie może trwać kilka sekund lub dłużej. Użytkownik potrzebuje informacji, że zadanie rozpoczęto, trwa albo zakończyło się błędem. Czytnik ekranu nie powinien jednak odczytywać każdej pojawiającej się litery. Projektuj komunikaty statusu tak, aby przekazywały istotną zmianę, a nie cały strumień technicznych zdarzeń.

Udostępnij czytelny wynik po zakończeniu i możliwość przerwania długiej pracy, jeśli produkt na to pozwala. Wyjaśnij, co stanie się z rozpoczętymi operacjami. „Anuluj” może zatrzymać generowanie, ale niekoniecznie cofnąć wcześniejszy zapis. Taka różnica powinna być widoczna w języku interfejsu.

Długa odpowiedź potrzebuje struktury

Nagłówki, akapity, listy i opisowe odnośniki pomagają skanować treść oraz korzystać z technologii asystujących. Źródło powinno mieć zrozumiałą nazwę, nie tylko ikonę. Podkreśl różnicę między informacją potwierdzoną, brakującą i wymagającą akceptacji również tekstem, a nie wyłącznie kolorem.

Przykład demonstracyjny: w analizie dokumentu pokaż osobno dane odczytane, pola do sprawdzenia i przycisk zakończenia. Użytkownik powinien móc przejść do konkretnego błędu. Jedna długa wypowiedź z instrukcją „sprawdź wszystko” przerzuca na niego koszt interpretacji, niezależnie od tego, jak sprawnie działa model.

Test automatyczny to część odbioru

Narzędzia wykrywają część problemów z etykietami, strukturą i kontrastem. Nie ocenią jednak w pełni, czy kolejność pracy jest logiczna, a komunikat zrozumiały. Uzupełnij test o klawiaturę, powiększenie tekstu, czytnik ekranu i różne rozmiary widoku. Dla istotnych produktów warto zaangażować osoby korzystające z technologii asystujących.

Ustal wymagania dostępności przed projektowaniem komponentów, a później sprawdzaj je przy kolejnych zmianach. Animacje powinny respektować preferencję ograniczonego ruchu. Dekoracja nie może utrudniać dotarcia do treści. Dostępność jest właściwością działającej ścieżki, nie odznaką uzyskaną po jednym skanie.