12 požadavků na přístupnost, které hodně pomohou a moc nestojí

Metodiky přístupnosti jsou jistě prospěšné a užitečné. Často se ale jedná o materiály o desítkách stran a právě jejich rozsah může od přístupnosti řadu lidí odrazovat. Navíc implementovat některé požadavky může být časově i finančně náročné. S kolegy jsme proto připravili krátký a přehledný soupis toho nejdůležitějšího, co je z hlediska přístupnosti potřeba. Jedná se o věci, které jsou aktuálně z hlediska přístupnosti docela zásadní, ale jejich realizace současně není nijak složitá. Přístupnost dnes naštěstí jde ruku v ruce s tvorbou kvalitního webu a pokud tvůrce webu dobře odvede svoji práci, často udělá pro přístupnost hodně, aniž o tom třeba ví ;-)

A co že jsme to nakonec vybrali?

1. Dbejte na sémantiku.Vyznačte nadpisy značkami h1 až h6, seznamy značkami ul, ol, li, dl, dt, dd, odstavce značkou p. Nezapomeňte na vhodně skryté pomocné nadpisy nad důležitými částmi stránky, případně – pokud chcete mít progresivní přístup k věci – použijte landmarky z WAI-ARIA.
2. Důležitým grafickým prvkům, nesoucím významové sdělení, přiřaďte relevantní textovou alternativu pomocí atributu alt, případně – například u komplikovanějších obrázků, grafů či fotogalerií – přidejte textový popis třeba formou tabulkových dat či článku. Dekorativní grafiku schovejte pomocí CSS nebo jí přiřaďte prázdný atribut alt.
3. Dbejte na dostatečný barevný kontrast a čitelnost textu, nesoucího významovou informaci. Vyzkoušejte přístupnost webu při jiných barevných schématech operačního systému než je standardní schéma (například Vysoký kontrast – černá).
4. Projděte si web z klávesnice. Pokud se dostanete na všechny prvky, které mohou získat focus, a můžete s nimi pracovat, je to v pořádku. Nezapomeňte na dostatečné vizuální zvýraznění prvku, který získá focus při procházení webu z klávesnice i při najetí kurzorem myši.
5. U formulářů definujte vazbu mezi prvkem a jeho popiskem pomocí vazebních atributů for a id, případně pomocí atributu title. U složitějších formulářů použijte i značky fieldset a legend. Informaci o povinné položce zahrňte do popisku formulářového prvku (tzn. * či slovo povinné je součástí popisku proto, aby se tuto informaci uživatel dozvěděl současně s popiskem). Nezapomeňte na smysluplné chybové hlášky a nápovědné texty. Formulář vždy opatřete tlačítkem pro jeho odeslání.
6. U tabulek dávejte do každé buňky pouze informace, které spolu logicky souvisí. U složitějších tabulek vyznačujte záhlaví řádku a sloupce, případně použijte id a headers pro vazbu buňky a jejích záhlaví. Tabulky používejte k prezentaci křížově závislých dat (tabulková data), ne pro layout stránky.
7. Vytvořte konzistentní navigaci napříč webem. Nezapomeňte na titulky stránek, u rozsáhlejších webů poskytněte drobečkovou navigaci, mapu webu a/nebo vyhledávání.
8. Odkazy v textu dostatečně odlište (ideálně podtržením) od okolního textu. Pokud je to možné, vyhněte se odkazům typu zde, více, atp. a vytvářejte popisné texty odkazů. U odkazů vedoucích mimo web, na jiný obsah než HTML či otevírající nové okno prohlížeče nezapomeňte na tuto skutečnost upozornit.
9. Nespoléhejte na to, že návštěvník je schopen vnímat vizuální aspekty stránky (barvu, tvar, rozložení, velikost). Informace – pokud to jejich charakter nevylučuje – publikujte tak, aby byly nezávislé na vizuálním vnímání.
10. Vyvarujte se zvukovému podkresu stránky. Pokud už jej musíte použít, umožněte jej uživateli jednoduše vypnout. Vyvarujte se blikajícím či scrollujícím textům nebo provádění akcí, jejichž spuštění je vyvoláno bez iniciativy uživatele.
11. Pokud používáte Javascript, zajistěte - pokud to charakter webu nevylučuje - aby důležité informace a funkcionalita stránky byly přístupné při zapnuté i vypnuté podpoře Javascriptu.
12. Flash může být dobrý sluha, ale zlý pán. Stejně jako jiné technologie, i Flash lze udělat přístupně i nepřístupně. I při tvorbě Flashe proto myslete na textovou vrstvu ve Flashi, ovládání Flashe z klávesnice či popisné texty u tlačítek a dalších ovládacích prvků.

Upozornění závěrem: toto dvanáctero si nečiní nárok být vyčerpávajícím a úplným soupisem všech požadavků na přístupnost. Jeho smyslem je poskytnout tvůrci webu jednoduchý a snadno aplikovatelný i ověřitelný seznam požadavků, jejichž splněním výrazně zvýší šanci, že takto vytvořený web bude pro celou řadu návštěvníků přístupnější. A nemusí to být jen návštěvníci se zdravotním handicapem, řada požadavků pomáhá i běžným návštěvníkům či těm, kteří surfují například z mobilu.

Nechť je vám k užitku.

P.S. Za připomínky z pohledu tvůrce webu děkuji Brblovi.

Jak bylo na Google Developer Day 2009

V pátek 6. 11. 2009 jsem se spolu s dalšími více než 800 účastníky vydal do Kongresového centra v Praze na Google Developer Day 2009. Protože nejsem vývojář, dlouho jsem zvažoval, zda se zúčastnit či ne - program mi přišel trochu mimo mou hlavní sféru zájmu a i vstávání ve čtyři ráno zrovna není moje hobby.

Nakonec jsem se zařadil do škatulky fanoušků Google technologií, vytipoval si přednášky, rozhodl se jet a nelituju - organizace konference byla bez chyby, networking fungoval ;-), přednášky byly zajímavé.

Jako nejpřínosnější jsem nakonec vyhodnotil následující tři.

• Úvodní keynote, kde jsem například konečně získal představu, k čemu může být dobrá Google Wave ;-)
• Výkladní skříň GUG.cz - představte svoje aplikace, kde vývojáři krátce představovali svoje díla, která vytvořili za pomoci technologií Google.
• Google search pro webmastery a webdevelopery, kterou Marcel Zavacký pojal velmi prakticky a vysvětlil nám, jak funguje procházení (crawling), indexování a hodnocení stránek a jak stránky upravit tak, aby si s nimi Google poradil. Vysvětlil také v čem, počívají nástrahy hacknutí stránek a jak se hacknutí stránek vyvarovat.

Protože Marcel během přednášky několikrát narazil na téma přístupnosti, které je mi velmi blízké, využil jsem možnosti Office hours a s Marcelem chvíli podiskutoval ve foyer. Potěšilo mě, že jsme na řadu věcí měli stejný názor a opět mi potvrdil to, že řada požadavků na přístupnost příznivě ovlivňuje i další oblasti, v tomto případě viditelnost vašeho webu ve vyhledávačích, či že v řadě případů neexistuje jediné správné řešení (například alternativní textový popisek obrázku).

Děkuji všem přednášejícím za zajímavé informace, organizátorům za zorganizování a pokud to vyjde, příští rok se opět rád zúčastním.

Související odkazy

• WebExpo - Google Developer Day 2009 v Praze
• Milan Kryl - Google Developer Day 2009

Chcete si vyzkoušet, jaké je to žít poslepu?

Příští čtvrtek, 12. 11. 2009, od 10.00 do 18.00 pořádáme v našem TyfloCentru na Chaloupkově 7 v Brně Den otevřených dveří. Co u nás můžete vidět, zjistit nebo i zažít?

• I s těžkým postižením zraku se dá normálně žít.
• Bílá hůl vás může bezpečně vést.
• Nevidět neznamená vidět tmu.
• Káva se dá vychutnat i poslepu.
• Chleba, který si sami namažete, chutná nejlíp.
• Počítač, internet, smsky? Žádný problém!
• Pomůcky pro zrakově postižené jsou leckdy šikovné "vychytávky".

To všechno je SVĚT TĚCH, CO NEVIDÍ nebo vidí jinak. Nasaďte si simulační brýle a sami ho objevte - zážitkovou formou si budete moci řadu věcí sami vyzkoušet.

S kolegy z Centra pomůcek a informatiky budeme celý den k dispozici a pokud se k nám přijdete podívat, budete si moci sami zkusit řadu pomůcek na bázi výpočetní techniky - ozvučené počítače a mobily, braillské řádky či zápisníky pro nevidomé. Můžete si vyzkoušet, jak se surfuje po webu poslepu nebo spolu můžeme podiskutovat o všem, co vás z oblasti přístupnosti webu zajímá.

Těším se na viděnou.

Pozvánka na školení tvorby přístupného webu

Přesně za měsíc, 3. prosince 2009, pořádáme poslední letošní školení tvorby přístupného webu. Pokud

• vás zajímají praktické aspekty přístupnosti,
• chcete zjistit, jak se vaše weby čtou návštěvníkům se zdravotním postižením,
• chcete se seznámit se speciálním softwarovým a hardwarovým vybavením, které používají slabozrací a nevidomí návštěvníci vašeho webu,
• a celkově se dozvědět spoustu dalších zajímavých praktických informací z této oblasti,

využijte poslední možnosti zúčastnit se školení za letošní ceny (2000 Kč včetně DPH/osoba) a přihlaste se. V ceně je 6 hodin výuky, tištěné materiály, potvrzení o absolvování školení a občerstvení během školení.

Nově na školení zařazujeme aktuální věci z tématiky přístupnosti - přístupnost RIA včetně praktických ukázek či ukázku práce s webem na ozvučeném mobilním telefonu.

Těšíme se i s kolegy Honzou nebo Romanem na setkání.