Smashing: jak udělat chat s LLM přístupný pro asistivní technologie

Streamované odpovědi, měnící se obsah a dlouhé konverzace jsou pro čtečky obrazovky zrádné. Článek nabízí ověřitelná pravidla.

Co je nového / Jak to funguje

• Live region: jedna vyhrazená na konci DOM místo aria-live na každé zprávě. Odpověď ohlas až po dokončení streamování, ne slovo po slově, a nech fokus v poli promptu.
• Načítání: pokud je na obrazovce text, ohlas stejný text. Je-li jen animace, po asi pěti sekundách ohlas krátké „Loading“ a opakuj. Pět sekund je podle autora výsledek jeho výzkumu.
• Struktura: každá zpráva jako article se skrytým nadpisem úrovně 2 (název chatu je 1) s prefixem mluvčího („You said:“), text zopakovaný v aria-label.
• Landmarky: nav pro seznam relací, main pro zprávy, form pro vstup, aside pro doplňky. Nebal každou zprávu do section.
• Klávesnice: seznam konverzací jako jeden tab stop se šipkami, Home/End a typeahead; vyhni se vzoru ARIA feed; podpora F6 mezi landmarky.
• Preference: vypnutí hlášení vedlejších akcí (uvažování, vyhledávání), animace respektující reduced motion, zvuky zvlášť, upravitelné zkratky.
• Speciální obsah: tabulky shrň (řádky a sloupce), u kódu ohlas název souboru a počet řádků.

Autor zatím nedoporučuje ariaNotify() kvůli podpoře a polyfillům a zdůrazňuje testování s lidmi s postižením.

Proč je to důležité

Mnoho AI produktů vzniká rychle a přístupnost se řeší dodatečně. S evropským zákonem o přístupnosti je dobré mít checklist už při návrhu.

Jak začít

1. Zapni čtečku (NVDA nebo VoiceOver) a projdi svůj chat jen klávesnicí.
2. Ověř, že odpověď se ohlásí jednou po dokončení a fokus zůstane v poli.
3. Zkontroluj nadpisy zpráv a landmarky v rotoru čtečky.
4. Otestuj zvětšený text a úzké okno.

Zdroje

• Smashing Magazine: Making immersive LLM chat experiences more accessible