---
title: Smashing: jak udělat chat s LLM přístupný pro asistivní technologie
date: 2026-11-09
edition: 2026-11-09
rubric: AI-driven design
perex: Smashing Magazine shrnuje konkrétní postupy pro chatová rozhraní: jedna live region, nadpisy zpráv, landmarky, klávesnice i uživatelské preference. Poslouží jako checklist pro revizi AI asistentů.
topics: [pristupnost, ux-ai]
---

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](https://www.smashingmagazine.com/2026/11/making-immersive-llm-chat-experiences-more-accessible/)