Uděláno:
* název instituce na stránku s kontakty

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

23.11.2004, David Špinar. Slajdy na http://pristupnost.nawebu.cz/skoleni_pristupnost.ppt

http://pristupnost.nawebu.cz/skoleni_pristupnost.ppt

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

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

* Plná "pravidla přístupnosti":http://pristupnost.nawebu.cz/texty/pravidla-standardy.php?full pro 365/2000

Zoner press http://www.zonerpress.cz/

h2. Techniky

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

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

* texty stručné, jasné až polopatické, krátké, struktorované (obsahově i vizuálně) => sluchově handicapovaní, poruchy soustředění, cizinci
* přeskok navigace při vypnutí CSS

h2. "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ší

----

h1. Školení o přístupnosti

h2. Tipy

* "Poodle Predictor":http://www.gritechnologies.com/tools/spider.go - jak to vypadá pro Google
* Jednoduchý "test kontrastu barev":http://www.sovavsiti.cz/kontrast/ na Sově

* 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

h1. Školení o přístupnosti

h1. TODO pro web KIV

* název instituce na stránku s kontakty

Describe SkoleniPristupnost2004 here.asdf