Myslete na přístupnost při tvorbě webu

Martin Smrt — Mon, 30 Jun 2008 17:48:34 +0000

Otázka přístupnosti bývá při vývoji webu často zanedbávána. Tam, kde je přístupnost zakotvena zákonnou úpravou, to bude dříve či později znamenat investice do nezbytných úprav, jinde se web své přístupné podoby zřejmě nedočká vůbec. Dnešní článek by měl být stručným vodítkem, které by vám mohlo pomoci vytvořit nový web již od počátku přístupný.

Varování úvodem

Pokud jste dosud přístupnost svých webových děl nijak neřešili, tento text vám sám o sobě k vytvoření přístupného webu rozhodně stačit nebude. Tvorba přístupného webu nespočívá jen v dodržování obecných zásad, ale vyžaduje také značnou dávku zkušeností a znalostí potřeb uživatelů. Tentokrát vynecháme vysvětlování jednotlivých rad, o všech již toho bylo napsáno mnoho. Berte tedy další řádky jako stručný postup, námět k dalšímu studiu či jako příslib témat, kterým se zde v budoucnu budeme věnovat.

Návrh webu

V první fázi příprav webu zpravidla nastává rozhodování o jeho budoucím obsahu, struktuře a funkcích. Požadavek logické, dobře definované a konzistentní struktury nesouvisí zdaleka jen s přístupností, je ovšem její důležitou součástí. Ujistěte se, že plánovaná podoba navigace a dělení obsahu umožní snadné nalezení veškerých informací. Uvažujte o vhodných technologiích a vybírejte z nich ty nejpřístupnější.

Grafický návrh

Vizuální podoba webu bývá nejdiskutovanější částí celého procesu, neboť zde zdaleka nejvíce vstupují do hry emoce a osobní preference. Z hlediska přístupnosti však i na grafický návrh lze uplatnit značně objektivní měřítka. Zkontrolujte zvolené barvy a ujistěte se, že jejich kombinace nejsou na úkor čitelnosti. Celkové provedení by pak mělo sloužit přehlednosti a použitelnosti webu.

Programování a kódování

Při realizaci technického řešení se vyvarujte jakýchkoliv nároků na konkrétní technické vybavení. Ať již jde o platformu, verzi prohlížeče nebo používání JavaScriptu, web by měl být naprosto nezávislý. JavaScript bez obav využívejte, pokud slouží pouze jako přidaná hodnota a veškerá funkcionalita bude zachována i bez něj. Myslete na různé způsoby, jakým budou uživatelé s webem pracovat. Nebraňte zvětšování písma, při sestavování formulářů používejte standardní prvky a ovládací mechanismy. Pište validní a sémanticky správný kód.

Tvorba obsahu

Technickou realizací starost o web nekončí, ale naopak spíše začíná. Je to obsah, kvůli kterému stránky vznikly, a tak by jeho kvalitní zpracování mělo být hlavní zásadou nejen zpočátku, ale během celého životního cyklu webu. Pište obsah přehledný, dobře strukturovaný a využívejte k tomu prostředky jazyka HTML. Především dbejte na práci s nadpisy a titulky, které musí dobře popisovat celý dokument, resp. jeho jednotlivé části. Sémantická správnost zápisu by měla být samozřejmostí pro každého dobrého kodéra. U obrázků a dalších multimédií nabídněte alternativní textový obsah pro uživatele, kteří je nemohou z nějakého důvodu vidět.

Nezapomeňte testovat

Jak již bylo řečeno úvodem, žádný soubor pravidel ani návod nezaručí ideální přístupnost webu. Snažte se proto pochopit význam jednotlivých doporučení a jejich přínos pro uživatele. Zajímejte se o to, jak se nejrůznějším skupinám uživatelů s webem pracuje.

Některým nástrojům, které vám mohou při tvorbě a testování webu pomáhat, jsme věnovali předchozí článek. Další texty by se již měly věnovat konkrétním řešením – pokud v tomto směru máte jakékoliv přání nebo námět, uvítáme je v komentářích pod článkem.

Několik nástrojů pro ověřování přístupnosti

Martin Smrt — Mon, 23 Jun 2008 10:00:20 +0000

Dnešním článkem otevíráme novou sekci, zaměřenou na praktické tipy pro tvorbu všeobecně přístupných webových stránek. Budeme se v něm věnovat postupům, které by měl znát každý autor webových stránek, ať již tvoří weby pro jakékoliv publikum. První příspěvek věnujeme nástrojům, které nám při tvorbě přístupného webu budou pomáhat.

Rozšíření pro Firefox

Plugin WAVE Toolbar nabízí automatické zhodnocení přístupnosti webu. Po kliknutí na tlačítko Errors, Features and Alerts zobrazí přímo u jednotlivých prvků stránky ikony, které upozorňují na zjištěné nedostatky.

Další funkce toolbaru slouží k posouzení obsahu stránky a jeho struktury. Můžete se přepnout do čistě textového zobrazení, ve kterém uvidíte obsah tak, jak je zapsán ve zdrojovém kódu. V této podobě by stránka měla být bez potíží použitelná a přehledná.

Pokud nestojíte o automatický audit a spolehnete se na vlastní posouzení, může být dobrým pomocníkem také Web Developer Toolbar, tvůrcům webů jistě dobře známé rozšíření. Podobné zobrazení, jako nabízí WAVE Toolbar, získáte následujícím postupem:

Vypnutí JavaScriptu (Disable > Disable JavaScript > All JavaScript)
Vypnutí kaskádových stylů (CSS > Disable Styles > All Styles, Ctrl + Shift + S)
Vypnutí obrázků (Images > Disable Images > All Images)

Zkontrolujte, zda s vypnutím obrázků ze stránky nezmizelo důležité sdělení a jestli jsou všechny funkce stránky dostupné i nyní, s vypnutým JavaScriptem.

Jiný přístup nabízí rozšíření Fangs, emulátor hlasové čtečky. V novém okně Firefoxu vám zobrazí text, který by nevidomému uživateli přednesla hlasová čtečka. Všimněte si souvislosti s textovým zobrazením získaným jedním z výše uvedených způsobů.

Online nástroje

Cynthia Says je automatický online validátor webů dle standardů WCAG 1.0 a Section 508. Zhodnotí pochopitelně jen ty aspekty, u kterých je strojové ověření možné, i tak ovšem může být zdrojem mnoha varování a doporučení.

Barevný kontrast textu vůči pozadí, důležitý nejen pro osoby se slabším zrakem, umí automaticky posoudit nástroj AccessColor. Pokud vám postačí zhodnocení kontrastu pro dvě vybrané barvy, je k dispozici také známý nástroj od Marka Prokopa.

Simulaci různých druhů barvosleposti nabízí projekt Vischeck. Nástroj je k dispozici jak pro webové stránky, kde stačí zadat URL webu, tak i pro jednotlivé obrázky.

Přístupnost.cz » Přístupnost pro webdesignery