Archiv rubriky: Návody

Má dnes ještě smysl aktualizovat metodiku Blind Friendly Web?

Čas od času dostanu dotaz, jakou metodiku přístupnosti doporučit zájemcům, kteří se chtějí seznámit s tématikou přístupnosti. Metodiku Blind Friendly Web 2.3 už v současné době nedoporučuji, je skoro 10 let stará a byť informace v ní stále platí, nejsou už pro dnešní pojetí přístupnosti dostačující. Proto čas od času zvažuji, že bych tuto metodiku aktualizoval. S ohledem na existenci metodiky WCAG 2.0, kterou momentálně považuji za to nejlepší, co se dá nabídnout, současně přemýšlím, zda to není zbytečné. Na druhou stranu je ale fakt, že WCAG 2.0 je hodně složitý a rozsáhlý dokument a že by dokonce mohl v jistých případech zájemce spíše odradit, než v něm zájem o přístupnost vzbudit a posílit.

Myslíte si, že by bylo užitečné metodiku Blind Friendly Web upgradovat na verzi 3.0 do formy jakéhosi jednoduchého, přehledného a snadno aplikovatelného checklistu, který by neodradil a obsahoval to nejdůležitější včetně odkazů na další zdroje? Považovali byste takovou metodiku za užitečnou a dávalo by tedy smysl do její přípravy investovat čas? Nebo by to bylo znovuvynalézání kola?

Jaký je váš názor z praxe? Pomozte mi prosím a podělte se o něj v komentářích (kdyby náhodou komentáře nedostačovaly, vyrobím hlasovací formulář 😉 Děkuju.

Tři články o WAI-ARIA včetně praktických příkladů

Doporučení WAI ARIA se stále více dostává do popředí zájmu tvůrců webu. Což je dobře, protože možnosti, které pro zpřístupnění webového obsahu nabízí, jsou více než skvělé a řadu z nich lze nasadit do praxe s poměrně malým úsilím.

Pokud je pro vás WAI ARIA nové téma, určitě doporučuji k přečtení článek Marca Zehe What is WAI-ARIA, what does it do for me, and what not? Marco velmi čtivou a srozumitelnou formou představuje toto doporučení, výhody, které přináší a upozorňuje i na situace, kdy je lepší techniky z tohoto doporučení nepoužít. Článek je sice trochu delší, ale rozhodně stojí za přečtení.

Pokud vás zajímají spíše praktické příklady, pak je přesně pro vás určen druhý článek. Heydon Pickering připravil sadu praktických příkladů, ukazujících možnosti, které WAI ARIA přináší. Pokud chcete vytvořit přístupné tooltipy pro formulářové prvky, přístupný výstražný dialog či třeba záložky (karty) s informacemi, na stránce ARIA Examples najdete vše potřebné včetně ukázek kódu.

O tom, že WAI ARIA je už dnes běžně nasazena i na velkých a často navštěvovaných webech, píše Marco ve svém druhém článku, nazvaném WAI-ARIA for screen reader users: An overview of things you can find in some mainstream web apps today. Na příkladech Twitteru, Facebooku či online služeb od Microsoftu ukazuje, jak konkrétně může WAI ARIA pomoci k jejich lepší přístupnosti. U Twitteru je to například ošetření editačního pole pro psaní tweetů, kdy je díky WAI ARIA uživatel při psaní automaticky upozorněn na to, že se s počtem možných znaků blíží k nule, při zadávání Twitter jména (@něco) nebo hashtagu (#něco) je mu automaticky zpřístupněn rozbalovací seznam s výběrem možností či zpřístupnění nabídky More u jednotlivých tweetů.

Související odkazy

Contrast ratio – jednoduchý online nástroj na ověření kontrastu barev

Contrast ratio umožňuje rychle a online ověřit kontrastní poměr dvou barev (typicky barvy popředí a pozadí). Do dvou editačních polí stačí zadat informace o barvách, jejichž vzájemný kontrast chci zjistit, nástroj tyto informace v reálném čase vyhodnotí a zobrazí výsledek. Zadané barvy se současně aplikují i na samotnou stránku, takže je možné i pouhým pohledem zjistit, zda tato barevná kombinace bude dostatečně kontrastní a čitelná.

Hodnota kontrastního poměru je zobrazena v kruhu a ve chvíli, kdy tento kruh získá focus, zobrazí se informace o tom, jak si aktuální kontrast stojí z hlediska požadavků standardu WCAG 2.0. Pokud bych se chtěl podívat, jak bude stránka vypadat v opačném gardu, je možné se mezi barvami pozadí a popředí (textu) přepínat pomocí tlačítka Set as background color.

Contrast ratio - screenshot

Informace o naměřených hodnotách jsou přístupné i pro uživatele screen readerů – když tabulátorem přejdu z polí pro zadání hodnot barev, dostanu se na hodnotu s výsledkem měření a když zde stisknu šipku dolů, přečte se také informace z bubliny s oznámením o míře shody s požadavky WCAG 2.0.

Co mi ale u Contrast ratio trochu chybí, je nějaká aspoň stručná nápověda k tomu, jakými způsoby je možné hodnoty barev zadávat.

Za tip na nástroj děkuji Martinu Kleinovi.

Související odkazy