Čo sa pokazí pri ovládaní iba pomocou klávesnice
Najčastejšou chybou pri ovládaní iba pomocou klávesnice je, že interaktívne prvky sú viditeľné, ale nie sú dosiahnuteľné klávesom Tab. Myslite na menu, ktoré sa otvorí iba kliknutím myšou, tlačidlo, ktoré nezískava fokus, alebo vyskakovacie okno, ktoré sa nedá zatvoriť bez myši. Pre ľudí, ktorí nemôžu používať myš z dôvodu motorických znesnadnení, alebo ktorí ovládajú čítačku obrazovky, ktorá sa spolieha na navigáciu pomocou klávesnice, to znamená, že časť webovej stránky je jednoducho nepoužiteľná.
Príčinou je takmer vždy vlastný vývoj: vývojár vytvorí pekný rozbaľovací zoznam, vlastný výber dátumu alebo rozbaľovací filter s vlastným HTML a JavaScriptom, ale zabudne na podporu klávesnice, ktorú poskytuje štandardné HTML-tlačidlo alebo -odkaz zadarmo. Prvok vyzerá dobre a funguje s myšou, takže počas testovania nikto nezistí, že kláves Tab sa nad ním jednoducho preskočí.
Prečo sa to často prehliadne
Táto chyba je tvrdohlavá, pretože nie je viditeľná voľným okom. Kto klikne na webový obchod myšou, nikde nevidí problém. Až keď si myš predstavíte pois a pohybujete sa po stránke iba pomocou klávesu Tab, Shift+Tab, Enter a šípok, je vidieť, kde navigácia zlyháva. Pretože toto testovanie zriedka býva štandardnou súčasťou procesu odovzdávania, problém často zostane nepovšimnutý roky — kým ho nenadíde návštevník alebo regulačný orgán.
Druhý dôvod je, že mnohé z týchto nedostatkov sa vyskytujú presne v miestach, ktoré sú pri používaní najviditeľnejšie: v krokoch objednávky, na prihlasovacej obrazovke, vo filtri vyhľadávania. Práve tieto prvky sa často vytvára oddelene od zvyšku stránky s vlastnými komponentmi, ktoré nemusia dostať rovnakú pozornosť ako hlavná navigácia.
Ako si to sami všimnete
Jednoduchá prvá kontrola je pustenie myši a prejdenie toku stránok iba pomocou klávesnice. Všímajte si pri tom tri veci: je každý prvok, na ktorý sa dá kliknúť, dostupný cez Tab, je v každom momente jasne viditeľné, ktorý prvok má fokus, a dá sa každá súčasť, ktorá sa otvorí — menu, filter, vyskakovacie okno — zatvoriť bez myši. Ak sa fokus zaseknú v vyskakovacom okne, skočí na nečakané miesto alebo úplne zmizne z obrazovky, je to signál, že sa treba niečo urobiť.
Automatizovaná kontrola môže čiastočne signalizovať tieto problémy, napríklad chýbajúce indikátory fokusa alebo prvky bez prístupu klávesnice, ktoré sú technicky rozpoznateľné v zdrojovom kóde. To, či sa dá rozbaľovací zoznam aj logicky a predvídateľne ovládať, nie je však niečo, čo by kontrola mohla úplne posúdiť — zostáva to v podstate ľudským testom. To platí aj pre ďalšie požiadavky WCAG a vždy to spomíname aj v správe. spustite bezplatnú rýchlu kontrolu vašich najdôležitejších stránok aby ste videli, ktorá časť tohto typu problémov sa už automaticky odhalí.
Ako mu predchádzate
Riešenie zvyčajne nespočíva v extra technike nad webovou stránkou, ale v správnom použití existujúcich stavebných prvkov. Štandardné HTML-tlačidlo alebo -odkaz je automaticky dostupné cez Tab a dá sa ovládať klávesom Enter; kto namiesto toho robí text alebo obrázok klikateľný pomocou JavaScriptu, musí túto podporu klávesnice pridať sám. Pri vlastných komponentoch, ako sú menu, filtre a vyskakovacie okná, by mala byť jasná dohoda s vývojárom: každý prvok musí byť možné otvoriť, ovládať a zatvoriť pomocou klávesnice a fokus musí zostať viditeľný a predvídateľný.
Na nápomocť, ktorá neprispeje, je prvok prístupnosti, ktorý tvrdia, že opraví tieto druhy nedostatkov pomocou samostatného skriptu. Takýto overlay nič nemení na základnom kóde a teda nič na skutočnej použiteľnosti; zákon vyžaduje dostupnú webovú stránku, nie vrstvu nad ňou. Takéto prvky uvedomene nepredávame.
Chcete vedieť, ktoré časti vašej webovej stránky alebo aplikácie obsahujú tieto druhy štrukturálnych problémov a ako veľmi to ovplyvňuje prioritný zoznam vášho plánu zlepšenia? V databáze poznatkov usporiadanej podľa tématu si prečítate, čo sa deje pri jednotlivých typoch nedostatkov, a ako presne vzniká naša kontrola vidíte, ktorá časť sa kontroluje automaticky a ktorá si vyžaduje ručnú pozornosť.
Máte ešte otázky o tom, čo túto požiadavku spĺňa a čo nie, alebo o zvyšku rámca kontroly? Odpovede na často klád ané otázky už na väčšinu z nich poskytnú odpoveď.
Bezplatná rýchla kontrola axessia.eu vám hneď naznačí, či sa tieto druhy problémov s klávesnicou vyskytujú na vašej stránke, bez toho, aby ste museli mať účet.