Czat AI powinien pomagać każdemu: praktyczny test dostępności strony
Chatbot może znać poprawną odpowiedź, ale część osób nie potrafi do niej dotrzeć. Sprawdź klawiaturę, fokus, czytnik ekranu, kontrast i widok mobilny.
Wyobraź sobie osobę, która na stronie urzędu szuka godzin otwarcia. Asystent AI zna poprawną odpowiedź. Jeśli jednak nie można otworzyć czatu klawiaturą, po otwarciu znika fokus albo czytnik ekranu nie ogłasza nowej wiadomości, odpowiedź jest dla tej osoby praktycznie niedostępna. Ta sama bariera może kosztować sklep zamówienie.
Dostępność nie jest ozdobą interfejsu: decyduje, czy usługa działa. WCAG 2.2 opracowane przez W3C opisują obsługę klawiaturą, widoczny fokus, kontrast, wąskie widoki i komunikaty o stanie. Lista funkcji nie dowodzi jednak zgodności. Konkretny widżet trzeba sprawdzić na konkretnej stronie.
Dobry test czatu AI pyta nie tylko „czy odpowiedź jest poprawna?”, ale także „czy każdy odwiedzający może do niej dotrzeć, przeczytać ją i działać dalej?”
1. Przeprowadź rozmowę bez myszy
Odłóż mysz i zacznij na górze strony. Tabulatorem znajdź przycisk czatu, otwórz go klawiszem Enter lub spacją, zadaj pytanie, wyślij je i zamknij panel. Gdzie pozostał fokus? Powinien być widoczny i przemieszczać się logicznie. Panel niemodalny powinien umożliwiać powrót do reszty strony. Prawdziwe okno modalne musi zarządzać fokusem i po zamknięciu przywrócić go do przycisku otwierającego.
Sprawdź również Escape, Shift+Tab, długą odpowiedź, błąd i przekazanie rozmowy człowiekowi. Częsty problem to widoczny panel, podczas gdy fokus klawiatury nadal znajduje się na zakrytym elemencie.
2. Nazwy elementów powinny wyjaśniać ich działanie
Ikona rozmowy, strzałka wysyłania i krzyżyk zamykania potrzebują zrozumiałych nazw dostępnych dla technologii wspomagających. Pole wiadomości wymaga jasnej etykiety; sam tekst zastępczy nie wystarczy. Nazwy powinny być naturalne w każdym języku. Czytnik ekranu ma ogłosić na przykład „Otwórz czat”, „Napisz wiadomość” i „Wyślij”, a nie tylko „przycisk”.
3. Nowa odpowiedź nie może być niema ani przytłaczać
Odpowiedź AI pojawia się po wysłaniu pytania. Osoba używająca czytnika musi wiedzieć, że coś się zmieniło. W3C opisuje komunikaty o stanie i obszary live; zwykłą odpowiedź często warto ogłosić bez przerywania. Nie oznacza to czytania każdego znaku generowanego strumieniowo tekstu. Sprawdź, czy gotowa odpowiedź jest ogłaszana raz, we właściwej kolejności, a błąd wyjaśnia kolejny krok.
4. Kontrast, powiększenie i telefon testuj razem
Sprawdź jasny i ciemny motyw, tekst na dymkach, widoczność fokusu i elementy, które nie polegają wyłącznie na kolorze. Powiększ tekst i stronę, a następnie użyj wąskiego widoku mobilnego. Pole wiadomości, przycisk zamknięcia i koniec długiej odpowiedzi muszą pozostać użyteczne. Animacje powinny respektować ograniczenie ruchu. WCAG 2.2 podają mierzalne kryteria; „wygląda na wystarczająco kontrastowe” nie jest testem.
5. Język i treść także mają znaczenie
Nawet technicznie obsługiwalny czat zawiedzie, gdy odpowiedzi pełne są niewyjaśnionego żargonu. Używaj krótkich akapitów, opisowych linków i konkretnego następnego kroku. Urząd może wskazać właściwy formularz i kontakt; sklep powinien odesłać do strony dostawy zamiast pisać „kliknij tutaj”. Sprawdź też język strony odczytywany przez technologie wspomagające i kompletność tłumaczeń.
Mały plan testów dla małego zespołu
- Trzy zadania: znaleźć informację, zadać dodatkowe pytanie i poprosić o człowieka.
- Trzy sposoby obsługi: mysz, sama klawiatura oraz czytnik ekranu z klawiaturą.
- Trzy widoki: komputer, wąski telefon i powiększony tekst.
- Dwa dodatkowe stany: wolna odpowiedź i błąd serwera.
Notuj konkretne bariery, nie tylko wynik automatycznego narzędzia. Skaner wykryje część błędów technicznych, ale nie zastąpi prawdziwej rozmowy z technologią wspomagającą. Po poprawce powtórz te same scenariusze.
Jak podejść do tego z Informio
Informio osadza asystenta jako osobny widżet z lokalizowanym interfejsem. Przy wdrożeniu sprawdź całą drogę na własnej stronie: otwarcie, pytanie, odpowiedź, zamknięcie i powrót. Quality Lab może przechowywać pytania i oczekiwane odpowiedzi, lecz dostępność obsługi nadal wymaga ręcznego testowania w przeglądarce i z czytnikiem ekranu.
Zacznij od małego pilota z różnymi sposobami obsługi. Znajdziesz bariery wcześniej niż odwiedzający. Skontaktuj się z Informio i przetestuj asystenta na prawdziwych pytaniach ze swojej strony.
Źródła
Chcesz przetestować Informio na własnych treściach?
Z przyjemnością przygotujemy demo z wykorzystaniem Twoich danych i wyjaśnimy, jak skonfigurować bezpieczne odpowiedzi dla Twojego konkretnego przypadku użycia.
Umów demo na podstawie własnych danych