Hlavní menu
Nástroje
|
PremekBrada.SkoleniPristupnost2004 History
Hide minor edits - Show changes to markup
07 December 2004, 16:06
by PremekBrada -
Deleted line 65:
- název instituce na stránku s kontakty
Added lines 68-70:
Uděláno:
- název instituce na stránku s kontakty
Deleted lines 71-72:
23 November 2004, 15:53
by Premek -
Added lines 5-6:
Vyplnit feedback na pristupnosti/dobrem webu, 20% sleva na position tracker
23 November 2004, 15:49
by Premek -
Changed line 3 from:
http://pristupnost.nawebu.cz/skoleni_pristupnost.ppt
to:
23.11.2004, David Špinar. Slajdy na http://pristupnost.nawebu.cz/skoleni_pristupnost.ppt
23 November 2004, 15:43
by Premek -
Added lines 3-4:
http://pristupnost.nawebu.cz/skoleni_pristupnost.ppt
Added lines 42-59:
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
23 November 2004, 12:45
by Premek -
Added lines 32-39:
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
23 November 2004, 12:28
by Premek -
Added line 7:
- Plná "pravidla přístupnosti":http://pristupnost.nawebu.cz/texty/pravidla-standardy.php?full pro 365/2000
Changed line 9 from:
"Zoner press":http://www.zonerpress.cz/
to:
Zoner press http://www.zonerpress.cz/
Added lines 15-31:
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
Changed lines 38-41 from:
- texty stručné, jasné až polopatické, krátké, struktorované (obsahově i vizuálně) => sluchově handicapovaní, poruchy soustředění, cizinci
to:
- 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
23 November 2004, 11:20
by Premek -
Added lines 8-15:
"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ší
23 November 2004, 11:07
by Premek -
Added lines 1-3:
Školení o přístupnosti
Tipy
Changed lines 5-6 from:
Školení o přístupnosti
to:
- "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ě
Added lines 11-12:
- 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
23 November 2004, 10:40
by Premek -
Changed lines 1-6 from:
to:
Školení o přístupnosti
TODO pro web KIV
- název instituce na stránku s kontakty
23 November 2004, 10:38
by Premek -
Changed line 1 from:
to:
|