Je váš chatbot skutečně použitelný pro každého?

Chatboti mají problém s přístupností

Chatboti zákaznické podpory se stali hlavní — a často jedinou — možností kontaktu u mnoha digitálních produktů. Očekávání je jasné: pokud potřebujete pomoc, otevřete chat. Pokud pro vás chat nefunguje, často není nic jiného.

Pro uživatele s postižením je tato situace často neudržitelná. Většina komerčních chatbotů nesplňuje základní požadavky na přístupnost. Uživatelé čteček obrazovky neslyší zprávy, jakmile přicházejí. Uživatelé klávesnice se ocitnou uvězněni uvnitř widgetu chatu a nemohou z něj uniknout. Uživatelé s motorickým postižením narazí na dotykové cíle příliš malé na to, aby je bylo možné spolehlivě klepnout. Uživatelé s kognitivním postižením čelí zdem textu a žádnému jasnému způsobu, jak se zotavit z nepochopeného dotazu.

Na tom záleží jak eticky, tak právně. Evropský akt o přístupnosti, platný od června 2025, zahrnuje digitální kanály zákaznické podpory podniků v jeho působnosti — což zahrnuje i rozhraní chatbotů. ADA ve Spojených státech byla v soudních sporech o webovou přístupnost aplikována na chatboty. Pokud je chatbot hlavním kanálem služeb, nepřístupný chatbot je vyloučením ze služby.

Sedm nejčastějších chyb přístupnosti chatbotů

1. Chybějící ARIA živé oblasti

Když do chatového okna přijde nová zpráva, uživatel čtečky obrazovky ji potřebuje slyšet. Ale čtečky obrazovky oznamují pouze obsah, o kterém jim bylo řečeno, že je důležitý a dynamický. Bez ARIA živé oblasti obalující kontejner chatových zpráv se zprávy objevují vizuálně, ale jsou pro uživatele čteček obrazovky zcela tiché.

<!-- Bez živé oblasti: nové zprávy nejsou oznamovány -->
<div class="chat-messages">
  <!-- Zprávy se sem přidávají dynamicky -->
</div>

<!-- S živou oblastí: nové zprávy jsou oznamovány, jakmile přicházejí -->
<div
  class="chat-messages"
  role="log"
  aria-live="polite"
  aria-label="Chatová konverzace"
>
  <!-- Zprávy se sem přidávají dynamicky -->
</div>

role="log" je v ARIA specificky definováno pro chatové konverzace a proudy zpráv. aria-live="polite" oznamuje nový obsah poté, co uživatel udělá pauzu — méně rušivé než assertive pro konverzační kontext.

2. Klávesnicové pasti

Klávesnicová past nastává, když se uživatel tabulátorem dostane do komponenty a už z ní nemůže tabulátorem odejít — je uvězněn. Widgety chatbotů patří mezi nejčastější místa, kde se klávesnicové pasti objevují.

Oprava vyžaduje implementaci správné správy fokusu: Tab a Shift+Tab musí procházet interaktivními prvky uvnitř chatu a Escape musí chat zavřít a vrátit fokus na prvek, který jej spustil. Tento požadavek pokrývá WCAG 2.1.2 Žádná klávesnicová past (úroveň A).

Testování je jednoduché: otevřete svého chatbota pouze pomocí klávesnice, projděte tabulátorem všechny interaktivní prvky uvnitř něj a potvrďte, že z něj můžete odejít pomocí klávesy Escape nebo jasně viditelného zavíracího tlačítka.

3. Nedostatečný barevný kontrast

Chatboti jsou často vykreslováni v barvách značky a barvy značky často nejsou testovány proti požadavkům WCAG na kontrast. Časté chyby:

Text chatové bubliny, který nesplňuje kontrast 4,5:1 vůči pozadí bubliny
Zástupný text vstupního pole pod prahovými hodnotami kontrastu
Text časového razítka ve velmi světlé šedé

Požadavek na kontrast se vztahuje na rozhraní chatbota stejně jako na zbytek vašeho webu — pro widgety neexistuje žádná výjimka.

4. Neoznačená vstupní pole a tlačítka

Vstupní pole chatu — „Napište svou zprávu…“ — musí mít programově přidružený popisek, ne jen zástupný text. Zástupný text zmizí, jakmile uživatel začne psát, a není spolehlivou náhradou za popisek.

Tlačítko odeslat, tlačítko minimalizovat, tlačítko zavřít a jakékoli další interaktivní ovládací prvky musí mít přístupné názvy. Tlačítko „odeslat“ pouze s ikonou bez textu a bez aria-label je čtečkami obrazovky oznámeno jako „tlačítko“ bez popisu jeho účelu.

<!-- Chybějící popisek: selhává -->
<input type="text" placeholder="Napište zprávu...">
<button><svg><!-- ikona odeslat --></svg></button>

<!-- S popiskem a aria-label: vyhovuje -->
<label for="chat-input" class="sr-only">Napište svou zprávu</label>
<input type="text" id="chat-input" placeholder="Napište zprávu...">
<button aria-label="Odeslat zprávu">
  <svg aria-hidden="true"><!-- ikona odeslat --></svg>
</button>

5. Dotykové cíle příliš malé pro uživatele s motorickým postižením

WCAG 2.2 zavedlo 2.5.8 Velikost cíle (minimální) na úrovni AA, které vyžaduje, aby interaktivní prvky měly minimální velikost cíle 24 × 24 CSS pixelů. Mnoho uživatelských rozhraní chatbotů umisťuje tlačítka zavřít, minimalizovat a emotikony na 16–20 pixelů — hluboko pod tímto prahem.

Pro uživatele s motorickým postižením, třesem nebo sníženou jemnou motorikou jsou malé cíle skutečně nepoužitelné. Akční tlačítka chatbota patří mezi nejčastěji postižené prvky uživatelského rozhraní.

6. Žádné upozornění na časový limit ani prodloužení relace

Mnoho chatbotů ukončí neaktivní relaci po stanovené době. Když se to stane bez upozornění, uživatelé, kterým trvá déle sestavit nebo přečíst zprávy — včetně mnoha uživatelů s kognitivním nebo motorickým postižením — mohou přijít o svou konverzaci bez jakékoli možnosti relaci prodloužit.

WCAG 2.2.1 Nastavitelné časování (úroveň A) vyžaduje, aby v případě nastavení časového limitu jej uživatelé mohli vypnout, prodloužit, nebo aby limit činil alespoň 20 hodin. Chatbot, který ukončí relace po 5 minutách nečinnosti bez upozornění, není v souladu.

7. Složitý jazyk a žádné zotavení z chyb

Chatboti jsou užiteční pouze tehdy, když s nimi uživatelé mohou efektivně komunikovat. Pro uživatele s kognitivním postižením, poruchami učení nebo nižší úrovní gramotnosti je chatbot, který používá žargon, poskytuje dlouhé zdi textu bez struktury nebo tiše selhává, když nerozumí dotazu, funkčně nepřístupný.

Přístupný obsah chatbota:

Používá jednoduchý jazyk (krátké věty, běžná slova)
Rozděluje odpovědi do snadno přehlédnutelných jednotek, místo aby prezentoval odstavce
Poskytuje jasné zotavení z chyb: když bot nerozumí, výslovně to řekne a nabídne konkrétní alternativy
Podporuje uživatele v přeformulování dotazů, místo aby jen řekl „Nerozuměl jsem“

Nová kritéria WCAG 2.2 obzvláště relevantní pro chatboty

WCAG 2.2 přidalo několik kritérií úspěchu, která se s obzvláštní silou vztahují na chatová rozhraní:

2.4.11 Fokus není zakrytý (minimální) — úroveň AA. Když je widget chatu otevřený, nesmí zcela skrýt zaměřený prvek za sebou. Mnoho widgetů chatu se objevuje přes obsah stránky a zakrývá zaměřený prvek, když uživatelé procházejí tabulátorem podkladovou stránku.

2.4.12 Fokus není zakrytý (rozšířené) — úroveň AAA. Zaměřený prvek by měl být plně viditelný.

2.5.7 Přetahovací pohyby — úroveň AA. Pokud lze váš widget chatu přemístit přetažením, musí existovat alternativa pro jeden ukazatel.

2.5.8 Velikost cíle (minimální) — úroveň AA, jak je popsáno výše.

Jak otestovat svého chatbota

Pouze klávesnice: otevřete chat bez použití myši. Projděte tabulátorem všechny prvky. Ověřte, že můžete psát, odesílat zprávy a zavřít widget pouze pomocí klávesnice. Potvrďte, že můžete odejít pomocí klávesy Escape.
Čtečka obrazovky: otevřete NVDA (Windows, zdarma) nebo VoiceOver (Mac/iOS, integrovaný) a interagujte s chatem. Ověřte, že zprávy jsou oznamovány, jakmile přicházejí. Ověřte, že vstupy a tlačítka jsou správně označena.
Přiblížení na 200 %: ověřte, že rozhraní chatu nepřetéká ani nezakrývá obsah stránky, když je text zvětšen.
Kontrola kontrastu: použijte rozšíření prohlížeče jako axe DevTools nebo WAVE ke kontrole kontrastu v uživatelském rozhraní chatu.
Mobil: otestujte velikosti dotykových cílů a ověřte, že chat funguje s funkcemi přístupnosti iOS/Android (VoiceOver, TalkBack).

Pokud integrujete chatbota třetí strany, posuďte přístupnost dodavatele před výběrem. Vyžádejte si jeho VPAT (Voluntary Product Accessibility Template), abyste pochopili jím deklarovanou úroveň souladu. Otestujte widget sami — tvrzení dodavatele nenahrazují přímé testování.

Zabudování přístupnosti chatbota od začátku je výrazně levnější než jeho dodatečné doplňování. Pokud hodnotíte platformy chatbotů, projděte každého kandidáta tímto kontrolním seznamem, než se zavážete.

Pro komplexní přezkoumání vašeho chatbota a zbytku vaší digitální zkušenosti se zákaznickou podporou promluvte s naším týmem nebo začněte bezplatným skenováním vašich veřejně přístupných stránek.