Archiv rubriky: Přístupnost webu

Videa z konference ICCHP 2014 a akce Inclusive Design 24

Akce a přednášky, Přístupnost webu, ,

V uplynulých dnech byly zveřejněny videozáznamy prezentací ze dvou velkých „přístupnostních“ akcí, které by bylo škoda nezhlédnout.

ICCHP 2014

Konferenci ICCHP 2014 (International Conference on Computers Helping People with Special Needs) letos hostila Université Paris 8 Vincennes-Saint-Denis a již tradičně na ní zazněla spousta příspěvků o přístupnosti, univerzálním designu a dalších souvisejících tématech.

Videozáznamy všech přednášek lze najít na stránce ICCHP 2014 – Videos. Pokud vás zajímá přístupnost webu, pak určitě nepřehlédněte téma 25 Years of the Web: Weaving Accessibility, které zaznělo třetí konferenční den v Tracku 2.

Inclusive Design 24 (#ID24)

15. května 2014 proběhl jako součást Global Accessibility Awareness Day Inclusive Design 24 – celodenní online komunitní akce o přístupnosti. Do programu svými přednáškami přispěli třeba Mike Paciello, Leonie Watson či Marco Zehe. Prezentace pokryly celou řadu témat – od tvorby přístupných dokumentů ve Wordu, přes použití Javascriptu pro zpřístupnění webových aplikací až po stanovování priorit při odstraňování bariér – takže si na své přijde určitě každý.

Videozáznamy všech 24 prezentací jsou k dispozici na WebAble TV.

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

Návody, Přístupnost webu

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

Nástroje, Návody, Přístupnost webu

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