Školení o přístupnosti
23.11.2004, David Špinar. Slajdy na http://pristupnost.nawebu.cz/skoleni_pristupnost.ppt
Vyplnit feedback na pristupnosti/dobrem webu, 20% sleva na position tracker
Tipy
Zoner press http://www.zonerpress.cz/
- 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ší
Techniky
Obrázky
JavaScript?
- 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
TODO pro web KIV
- 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:
- název instituce na stránku s kontakty
- přeskok navigace při vypnutí CSS