Přístupnost

Jak budujeme aplikaci pro uživatele klávesnice, čteček obrazovky, se slabým zrakem a s omezenou technickou vybaveností. Upřímný a datovaný přehled stavu.

Tuto stránku píšeme stejně jako zbytek webu: co funguje, co nefunguje a jak si to sami ověřit. Je datována, protože přístupnost je pohyblivý cíl. Testujeme znovu po každém větším vydání.

Co garantujeme

• Úplná ovladatelnost klávesnicí. Každý ovládací prvek generátoru, každé modální okno a každý export jsou dosažitelné bez myši.
• Viditelné stavy fokusu. Aktivní vstupní pole, tlačítka a odkazy jsou zřetelně orámovány. Nespoléháme se pouze na barvu.
• Popisky u každého pole. Vstupní pole formuláře mají přidružené prvky <label> nebo atributy aria-label. Zástupný text pole (placeholder) není nikdy jediným popiskem.
• ARIA live regions pro náhled QR kódu a oznámení (toasts). Čtečky obrazovky oznámení "QR vygenerován" a zprávy toastů slyší při jejich zobrazení, nikoli až při přesunu fokusu na ně.
• Textové alternativy pro tlačítka pouze s ikonou. aria-label na každém tlačítku obsahujícím pouze SVG.
• Stavové informace nezávislé na barvě. Odznáčky skenovatelnosti a kompatibilitní čipy kombinují barvu s glyfem a textovým popisem.
• Explicitní názvy formátů exportu. Tlačítka stahování říkají "Stáhnout PNG", "Stáhnout SVG" apod., nikoli jen "Stáhnout".
• Velké cíle pro dotykové ovládání. Interaktivní prvky mají na hrubých ukazatelích alespoň 44 × 44 CSS pixelů, dle WCAG 2.5.8.
• Respektování preference snížené animace. Přechody jsou vypnuty při prefers-reduced-motion: reduce.

Kde stále zaostáváme

• Pokrytí testování čtečkami obrazovky je nerovnoměrné. Generátor byl testován s VoiceOver (macOS/iOS) a NVDA. JAWS a TalkBack vyžadují další čas.
• Návrhář vizitek je ze své podstaty zaměřen na myš (přetažení pro umístění, náhled na plátně). Klávesnicové alternativy existují pro každý ovládací prvek, ale zpětná vazba živého náhledu je stále primárně vizuální.
• Složité toky generátoru (hromadný CSV, víceúrovňový průvodce) by mohly mít lepší strukturu přeskočení. Plánujeme zlepšení.
• Naše matice kompatibility je aktuálně prezentována jako HTML tabulky. Záhlaví sloupců pro čtečky obrazovky fungují, ale rádi bychom přidali delší popisné shrnutí pro každý řádek.

Testované prohlížeče a asistivní technologie

Poslední úplný průchod: duben 2026. Mezi průchody provádíme namátkové kontroly po výraznějších změnách rozhraní.

Klávesnicová mapa

• Tab / Shift+Tab: přechod vpřed / vzad mezi aktivovatelnými prvky.
• Enter / Mezerník: aktivace tlačítek a přepínačů.
• Šipkové klávesy: přechod mezi možnostmi v rámci skupiny přepínačů (selektor typu, výběr šablony, lišta karet).
• Escape: zavření modálních oken (Návrhář vizitek, předběžná kontrola, tiskové služby, ořez obrázku).
• Home / End v přetékajícím menu přechod na první / poslední položku.

Nahlásit problém

Pokud není něco dosažitelné klávesnicí, je špatně popsáno nebo je jinak nepoužitelné s vaším nastavením, napište na hello@abundera.ai. Uveďte prohlížeč, operační systém, asistivní technologii a konkrétní tok. Chyby v přístupnosti řešíme přednostně.

Poslední přezkum: 2026-04-16. Další přezkum: po příští větší změně rozhraní.