Školení o přístupnosti

Vyplnit feedback na pristupnosti/dobrem webu, 20% sleva na position tracker

Tipy

Pavol Mikle: xCSS - referenční příručka (225 Kč) a XDHTML – referenční příručka (180 Kč)
Dan Cederholm: Webdesign s webovými standardy (překlad, 216 Kč)
a další

Obrázky

nahrazení obr textem: ne přes span s diplay: none (skryje při vypnutí obr, též pro čtečky), nejlépe "ala Pixy":http://www.wellstyled.com/css-replace-text-by-image.html (řešení 2).
img longdesc="URL" pro obsahově bohaté obrázky

rozbalovací menu přes ul a CSS tvořené JavaScriptem ? -- pěkný příklad na "MŽP":http://www.env.cz/ (rozkliknout např. aktuality)
akce přes onClick duplikovat též přes onKeyPress, aby fungovalo i při ovládání klávesnicí, přidat "title" aby uživatel věděl co se stane; viz příklad str.229 v knize

Velikosti

MSIE zvětšuje jen %, em, ex, small etc => jen tyto používat a brát jako relativní
Vše v em => MSIE moc velké skoky => aspoň jeden rozměr v % jako hack

Dělení obsahu

platí i pro velké formuláře a seznamy voleb (options) -- přes fieldset s vlastní legend, resp. optgroup; viz např. komentáře k blogu na http://pristupnost.nawebu.cz/

Prohlášení o přístupnosti

důležité mj. proto, že o nepřístupném obsahu někteří handicapovaní ani nevědí, a v prohlášení se o jeho existenci mohou dozvědět

Navigace

lepší Název stránky (název webu) než Název webu : Název stránky -- vyhledávače krátí
mapa webu přes stylované ul a odkazovaná z každé stránky webu
pro formulářové prvky dávat návěští: label for="idref" ... ... input id="id" .... schovávání návěští (1) display:none, protože čtečky neschovají (2) 1px obr odsunutý mimo view s alt="text návěští" (3) přes title atribut, zejména vhodné pro prvky v 2D formulářích (tabulky)
dobrá informační architektura, prakticky vzato stromová struktura (dolů vede míň odkazů než nahoru), vede na vysoký page rank horních pater

Odkazy

další důvod proti "click here": uživatelé hlasových čteček často postupují takhle: (1) název stránky z title, (2) nadpisy, (3) odkazy, (4) pak teprve obsah, když to vypadá zajímavě
když nejde úplně, dát plné vysvětlení do title (nikoli jako součet textu odkazu + title, kvůli čtečkám); např. "Více z rubriky Metody". má také dopad na page ranking, tj vyplatí se udělat odkaz informačně bohatý.

Kód stránek

dávat charset do meta, protože ne vždy to server posílá; dávat tohle meta před všechny ostatní hlavičkové značky, protože ty už používají daný charset
H1 pro název webu, H2 pro nadpis dokumentu
linearizace zobrazení tabulek: Opera

smysluplný title+nadpisy pro každou stránku => hlasové čtečky
texty stručné, jasné až polopatické, krátké, struktorované (obsahově i vizuálně) => sluchově handicapovaní, poruchy soustředění, cizinci

Uděláno: