Ovládání z klávesnice je jedním z důležitých aspektů vývoje webových aplikací a webů z hlediska dostupnosti. I když mnoho uživatelů dává přednost používání myši, existují lidé s postižením nebo bez myši, kteří se při procházení webové stránky zcela nebo částečně spoléhají na klávesnici.
V tomto článku se podíváme na základní principy a doporučení pro zachování správy z klávesnice na webových stránkách. Dodržováním těchto pokynů budete moci vytvořit dostupné a pohodlné prostředí pro uživatele, kteří se rozhodnou používat klávesnici.
Jedním z hlavních principů zachování ovládání z klávesnice je vzít v úvahu sekvenci zaostření. To znamená, že ovládací prvky na Stránce, jako jsou tlačítka a odkazy, by měly být uspořádány tak, aby se uživatel mohl snadno pohybovat z jedné položky do druhé, aniž by ztratil směr a zmatek.
Pokud je například na stránce formulář s více vstupními poli, měli byste se ujistit, že když stisknete klávesu "Tab", zaostření přejde z jednoho pole do druhého v logické sekvenci.
Dalším důležitým doporučením je poskytnout jasnou vizuální zpětnou vazbu při získání zaměření ovládacího prvku. To pomůže vizuální orientaci uživatele a zlepší použitelnost. Prvek může například změnit svůj styl nebo barvu, aby uživatel viděl, že je zaostřený.
Za pozornost stojí také podpora modifikačních kláves a klávesových zkratek. Modifikační klávesy jako Ctrl, Alt nebo Shift lze použít k poskytování dalších funkcí a funkcí navigace na stránce. Vývojáři musí poskytnout klávesové zkratky, což jsou oblíbené zkratky nebo "horké klávesy" pro přístup k určitým prvkům nebo funkcím na webové stránce.
Základní principy ukládání ovládání z klávesnice
- Klávesové ostření: webová stránka by měla být schopna zaostřit na všechny interaktivní prvky pomocí klávesnice. Za tímto účelem musí mít každý prvek atribut tabindex, který určuje pořadí zaostření.
- Vizuální zpětná vazba: při přesunutí zaostření na položku pomocí klávesnice by měl uživatel získat vizuální zpětnou vazbu o aktuální poloze zaostření. Prvek může například osvětlit nebo změnit svůj styl, aby odkazoval na aktuální výběr.
- Přístupová sekvence: pořadí ostření by mělo být pro uživatele logické a intuitivní. Obvykle se řídí přirozeným řádem čtení a navigace po stránce.
- Konzistence klávesových příkazů: obecné příkazy pro pohyb po stránce, jako je použití Tab pro přechod na další položku a Shift + Tab pro přechod na předchozí, by měly být stejné na všech stránkách webu.
- Vyloučení klávesových pastí: neměly by existovat žádné prvky, které by mohly uživatele zmást a nedovolily mu z nich vystoupit pomocí klávesnice. Můžete například zavřít rozbalovací nabídku pomocí klávesy Esc.
Dodržování těchto zásad pomůže vytvořit webovou stránku, která bude plně přístupná a uživatelsky přívětivá pro správu z klávesnice. To umožní rozšířit publikum webu a umožnit rovný přístup k informacím a funkcím všem uživatelům bez ohledu na jejich možnosti.
Průvodce vývojem bezbariérových rozhraní
1. Věnujte pozornost dostupnosti
Při navrhování rozhraní je důležité vzít v úvahu potřeby uživatelů se zdravotním postižením. Mezi základní principy dostupnosti patří:
- Podpora ovládání z klávesnice;
- Explicitní a informativní označení stavů prvků rozhraní;
- Přiměřené použití barev a kontrastu;
- Použití standardních ovládacích prvků;
- Použití alternativních textových informací pro obrázky.
2. Zajistěte dostupnost Ovládání z klávesnice
Ovládání klávesnice je jedním z důležitých aspektů bezbariérového vývoje. Pro zajištění dostupnosti ovládání z klávesnice je třeba:
- Zpřístupnit všechny prvky rozhraní pro zaostření a navigaci pomocí klávesnice;
- Zajistit srozumitelné a konzistentní pořadí přechodu mezi prvky pomocí klávesnice;
- Vytvořit explicitní a konzistentní sady klávesových kombinací pro základní funkce;
- Informujte uživatele o dostupných klávesách pomocí vyskakovacích vodítek.
3. Validujte a testujte dostupnost
Nezapomeňte na validaci a testování dostupnosti vašeho rozhraní. Validace pomáhá kontrolovat, zda kód značení odpovídá standardům dostupnosti, a testování umožňuje identifikovat problémová místa a nedostatky v ovládání z klávesnice. Používejte automatické nástroje, jako je kontrola dodržování standardů WCAG, a provádějte ruční testování pomocí klávesnice.
Při navrhování bezbariérových rozhraní mějte na paměti prioritu dostupnosti a použitelnosti. Dodržováním pokynů a základních zásad budete moci vytvořit rozhraní, která budou dostupná a užitečná pro všechny uživatele.
Doporučení pro vytváření dostupných webových stránek
Při vytváření webových stránek je třeba vzít v úvahu potřeby lidí se zdravotním postižením, aby mohli snadno a plnohodnotně používat váš web. Zde je několik doporučení, která vám pomohou zpřístupnit váš web všem segmentům publika:
- Pro každou stránku použijte srozumitelné a informativní nadpisy. Titulky by měly správně popisovat obsah stránky a být logicky spojeny s textem.
- Strukturujte obsah pomocí seznamů (číslovaných nebo označených). To pomůže uživatelům s omezeným zrakem nebo kognitivními poruchami snadněji se orientovat na stránce.
- Umožněte navigaci na webu pomocí klávesnice. Všechny ovládací prvky musí být přístupné pomocí klávesnice, aby lidé, kteří nejsou schopni používat myš, mohli spravovat web.
- K přenosu informací nepoužívejte pouze barvy. Přidejte další vizuální prvky, jako je text, symboly nebo ikony, abyste poukázali na důležité detaily nebo události na stránce.
- Umožněte změnu velikosti a barvy písma. Lidé s vizuálními omezeními by měli být schopni přizpůsobit vzhled textu svým preferencím.
- Ujistěte se, že všechny obrázky mají alternativní text, který správně popisuje obsah obrázku. Lidé s omezeným zrakem nebo pomocí čteček softwaru tak budou mít přístup k obrazovým informacím.
- Zpřístupněte formuláře na svých webových stránkách k vyplnění. Přidejte zkratky pro vstupní pole a umožněte pohyb mezi prvky formuláře z klávesnice.
Dodržováním těchto pokynů pomůžete vytvořit cenově dostupný web, který bude snadno použitelný pro všechny uživatele, včetně těch, kteří mají fyzická, vizuální, sluchová nebo kognitivní omezení. Upozorňujeme, že tato doporučení jsou jen některé z mnoha možných aktivit, které lze podniknout ke zlepšení dostupnosti vašeho webu.