Hlavní menu

Nástroje

PremekBrada / SkoleniPristupnost2004

View (print) - Edit page | Recent changes - Page history

Updated 12 July 2005, 12:54 by PremekBrada

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:

Describe SkoleniPristupnost2004 here.asdf

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:

Describe SkoleniPristupnost2004 here.

to:

Describe SkoleniPristupnost2004 here.asdf