Správné značení aktivních prvků atributy title, aria-label, aria-labelledby a placeholder – Jak na přístupnost

Při tvorbě webových stránek, které mají být dobře přístupné uživatelům s různým postižením nebo situačním znevýhodněním, máme několik možností, jak aktivním prvkům, jako jsou tlačítka, odkazy nebo editační pole, přiřadit pojmenování či popisky. V tomto článku si ujasníme, jaká jsou doporučení a rozdíly mezi různými způsoby takového značení s ohledem na přístupnost.

Přístupnost výpisu článků, novinek a akcí – Jak na přístupnost

V tomto článku se zaměříme na další velmi častou záležitost nacházející se na webových stránkách, bude řeč o výpisech článků, novinek, akcí a obecně o jiných podobných výpisech příspěvků, konkrétně o tom, jak tyto výpisy správně implementovat, abychom co možná nejvíce usnadnili jejich čtení těžce zrakově postiženým uživatelům.

Režimy odečítačů obrazovky ve Windows – Jak na přístupnost

Při zpřístupňování webových stránek těžce zrakově postiženým uživatelům je potřeba porozumět základnímu principu, jak se tito uživatelé s jejich odečítači obrazovky na webových stránkách pohybují. Tento článek ve stručnosti představí dva základní režimy, které nejpoužívanější odečítače v systému Windows, tedy JAWS a NVDA, svým uživatelům nabízejí.

Jak při testování přístupnosti webových stránek s odečítačem obrazovky pracovat s HTML kódem stránky – Jak na přístupnost

Abychom při testování webových stránek mohli popsat příčiny špatné přístupnosti a případně i navrhnout možné řešení, musíme mít možnost i s odečítačem obrazovky nahlédnout do HTML kódu a CSS stylů vybraného webového prvku a editovat je. Jak na to, se dozvíte v následujícím článku.

Základy odečítače VoiceOver v iOS pro vývojáře a testery mobilních aplikací – Jak na přístupnost

Tento článek je dalším příspěvkem do série našich textů věnujících se přístupnosti především webových stránek a aplikací. Tentokrát se podíváme na to, jak vývojáři a testeři mobilních aplikací mohou používat odečítač VoiceOver.

Správné používání nadpisů a oblastí, jejich dopad na přístupnost a doporučení WCAG – Jak na přístupnost

Cílem webové přístupnosti obecně je zprostředkovat uživatelům s postižením nebo jiným znevýhodněním co možná nejpodobnější vjem z používání stránky, jakému se těší uživatelé bez znevýhodnění. Vidící uživatelé vnímají strukturu a vztahy prvků na webové stránce na základě rozlišování rozličných vizuálních vodítek jako jsou různá ohraničení, podbarvení, prostor mezi prvky, jiná velikost, font či barva textu atd. Zrakově postižení uživatelé, ale i někteří jinak znevýhodnění, však musejí spoléhat na to, co jim o webové stránce poví jejich asistivní technologie, například odečítač obrazovky, což přímo závisí na správném používání jazyka HTML, JavaScriptu, specifikace ARIA a dalších technologií autorem stránky.

Formulář s validací – Jak na přístupnost

V tomto díle našeho seriálu o přístupnosti si popíšeme základní obecné požadavky na webové formuláře. Zejména se ale blíže zaměříme na jedno z přístupných řešení implementace validace webových formulářů a ukážeme si, jak už je u těchto našich článků zvykem, jak takové funkční řešení může vypadat v praxi.

Rozbalovací navigační menu – Jak na přístupnost

Rozbalovací navigační menu je prvek nejčastěji umístěný v záhlaví nebo na boku webové stránky, Který sestává z několika hierarchicky uspořádaných skupin tlačítek nebo odkazů. Odkazy v tomto menu slouží zpravidla jako rozcestník pro navigaci na jiné webové stránky, přičemž ve výchozím stavu se zobrazují jen rozbalovací tlačítka na nejvyšší úrovni, které až po aktivaci odkryjí příslušné odkazy úrovně nižší. Na webu se setkáváme nejčastěji s následujícími dvěma přístupnými variantami rozbalovacích navigačních menu...