Archiv rubriky: Přístupnost webu

Workshop o přístupnosti na WebExpo 2014

Po sérii krátkých osvětových přednášek jsem se letos rozhodl nabídnout účastníkům konference WebExpo 2014 workshop, na kterém bychom mohli jít v tématu přístupnosti více do hloubky a věnovat se hlavně praktickým věcem. Workshop o přístupnosti jsme na WebExpu dělali už jednou – v roce 2011 – a protože se dle hodnocení tenkrát povedl, tak proč si nezopakovat úspěšný model, že? 😉 Snad se nám podaří udržet nasazenou laťku i nyní.

Letošní workshop se jmenuje Přístupnost pro kodéry a jeho hlavní náplní bude praktické seznámení se s pokročilejšími technikami z oblasti přístupnosti z Doporučení W3C Accessible Rich Internet Applications (WAI-ARIA) 1.0. Na workshopu si společně ukážeme, jak

  • lépe strukturovat obsah webové stránky pomocí tzn. oblastí stránek a nabídnout tak uživatelům snadný prostředek pro lepší orientaci na stránce,
  • zajistit bezproblémovou přístupnost webu z klávesnice,
  • zlepšit přístupnost formulářů například vytvořením přístupných tooltipů nebo vyznačením povinných položek,
  • ošetřit přístupnost modálních oken
  • či dynamických změn oblastí stránky.

Praktickými pohledy na věc určitě přispěje můj kolega Roman Kabelka, účast dále přislíbil i Martin Michálek, jeden z největších českých specialistů na webový frontend, takže už teď se těším na další zajímavou diskusi nejen s Martinem.

Workshop proběhne v pátek 12. září 2014 od 15:00 do 19:00 v CEVRO Institutu, místnost 106, další detaily k workshopu najdete v případě zájmu na webu WebExpa přímo na stránce Přístupnost pro kodéry, kde si jej můžete i objednat (pro účastníky konference je workshop v ceně vstupenky = za účast na něm nic navíc neplatíte).

Tak dorazte, jste srdečně zváni.

Videa z konference ICCHP 2014 a akce Inclusive Design 24

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ů

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