Přístupnost

Tvorba přístupných kvízů s FluoTestem

Kvízy vytvořené ve FluoTestu jsou navržené tak, aby fungovaly s klávesnicí, čtečkami obrazovky a dalšími asistenčními technologiemi, a to jak ve Free, tak v každém placeném plánu.

FluoTest zatím nemá oficiální certifikaci WCAG ani ADA. Vyvíjíme s ohledem na osvědčené postupy přístupnosti a průběžně se zlepšujeme, ale nemůžeme zaručit plnou shodu pro každý případ použití. Pokud je pro vaši organizaci přístupnost klíčová, otestujte svůj konkrétní kvíz s cílovou asistenční technologií před zveřejněním.

Jak přistupujeme k přístupnosti

Když vytváříme nebo upravujeme typ otázky, řídíme se pokyny WCAG pro formuláře: člověk používající pouze klávesnici nebo čtečku obrazovky by měl být schopen kvíz vyplnit bez zádrhelů. Veřejný kvíz FluoTestu je z velké části postavený na standardním, sémantickém HTML, což nám dává solidní přístupný základ. Když najdeme mezery — z ohlasů uživatelů, auditů nebo vlastního testování — opravíme je.

Co dnes funguje

Navigace klávesnicí

  • Projděte celý kvíz klávesou Tab — start, odpovídání, návrat i odeslání — bez použití myši
  • Každá možnost, hodnocení hvězdičkami a tlačítko ano/ne je skutečný zaostřitelný a aktivovatelný prvek
  • Přechod na další nebo předchozí otázku automaticky přesune fokus klávesnice na novou otázku
  • Výběr data je plně dostupný z klávesnice

Čtečky obrazovky

  • Každé pole pro odpověď je programově propojeno se svým textem otázky, takže čtečky obrazovky přečtou, na co se ptáme
  • Otázky s výběrem z možností, více možnostmi, ano/ne a hodnocením hvězdičkami se ohlašují jako skupina s aktuálním výběrem, ne jako neoznačená tlačítka
  • Ukazatel průběhu má přístupný popisek oznamující aktuální sekci a procento dokončení
  • Chyby validace i stav „počítáme vaše výsledky“ se automaticky ohlašují, jakmile se objeví
  • Dekorativní obrázky u otázek jsou takto označené, takže se nečtou dvakrát spolu s textem otázky

Vylepšení nasazená v roce 2026

  • Označené ovládací prvky formuláře — každé pole, textarea, posuvník, výběr data a nahrávání souboru je propojeno se svou otázkou pomocí aria-labelledby
  • Role radiogroup a checkbox se živým stavem výběru u všech otázek s výběrem z možností
  • Automatický přesun fokusu mezi kroky otázek pro uživatele klávesnice a čteček obrazovky
  • Přístupný, ohlašovaný ukazatel průběhu
  • Oznámení v živých oblastech pro výsledky, chyby a asynchronní načítání
  • Opravená hierarchie nadpisů (název kvízu, název sekce, text otázky), aby se uživatelé čteček mohli pohybovat podle nadpisů
  • Viditelná, přeložená nápověda vysvětlující, proč je tlačítko Další zakázané, když nejsou zodpovězeny povinné otázky

Známá omezení

  • Otázky s výběrem z možností (výběr z možností, ano/ne, hodnocení hvězdičkami) zatím nepodporují navigaci mezi možnostmi šipkami vlevo/vpravo — každá možnost je stále dostupná postupně klávesou Tab
  • Zatím jsme neprovedli úplný audit kontrastu barev napříč všemi barvami úrovní skóre
  • Tato stránka se týká veřejného kvízu pro respondenty. Editor/dashboard, který používají tvůrci kvízů, zatím neprošel samostatným auditem přístupnosti

Jsme malý tým a přístupnost je pro nás průběžná práce, ne jednorázová položka k odškrtnutí. Pokud narazíte na něco, co vám nefunguje, napište nám na [email protected].

Tipy pro tvorbu přístupných kvízů

  • Pište jasný text otázky — u otevřených otázek se nespoléhejte pouze na placeholder text jako popisek
  • Nespoléhejte jen na barvu — úrovně skóre používají barvu, ujistěte se proto, že smysl nese i text úrovně a zprávy
  • Udržujte kvíz stručný — méně otázek znamená méně tření, zejména pro respondenty s kognitivním nebo motorickým znevýhodněním
  • Dejte sekcím jasný, popisný název, aby respondenti vždy věděli, ve které části kvízu se nacházejí
  • Před širším sdílením kvíz otestujte pomocí klávesnice

Byl tento článek užitečný?