machal.creativity.cz - Martin Michálek

stálý obsah

Vychovejte ji přístupnou, ať si všichni užijou
Pár tipů pro přístupnost webu

Poslední úprava: 4. 12. 2002.

Vaše stránky neužívají jen holky a kluci z posledních verzí IE. Na vaše stránky mají přístup i fyzicky hendikepovaní, lidé s poruchami vidění a další. Žádný webdeveloper není nucen k tomu, aby trávil noci nad optimalizací kódu pro různá speciální zařízení. Může je trávit mnohem příjemněji. Pokud má ovšem na paměti několik jednoduchých zásad, může lidem ušetřit spoustu trápení, mít klidnejší spánek a třeba i získat výhody v podobě lepšího umístění ve vyhledávačích.

Tento text není ničím jiným, než aplikací zásadních pravidel z práce Marka Pilgrima Dive Into Accessibility do praxe na tomto mém webu. Odkazy [DIA] nevedou na verzi pro diabetiky, nýbrž na konkrétní část Pilgrimova díla.

Když jsem psal kód pro machal.creativity.cz, věřil jsem tomu, že pro všeobecnou přístupnost jsem udělal maximum, protože:

  • XHTML+CSS — odděluju obsah od designu, takže na všech možných zařízených se zobrazí obsah jako čisté HTML.
  • Neotevírám odkazy do nového okna — neprudím uživatele, jimž prohlížeč tuto akci aktivně hlásí — nematu uživatele, kteří akci nepostřehnou (například proto, že nevidí lištu aplikací) a neaktivním tlačítkem Zpět v prohlížeči jsou hnáni k sebevražedným myšlenkám. [DIA]
  • Každá ze stránek má unikátní a smyslupný titulek — je jasné, že pokud mají všechny stránky jednoho webu v <title> stejný název a pokud náš milý uživatel přepíná mezi okny / listuje v historii pomocí seznamu titulků, bude z něj nakrlký uživatel. Navíc: vyhledávače tohle ocení na potěšující úrovni. [DIA]
  • A už snad nemluvě, že každý obrázek má alternativní popisek (alt="") [DIA] — každý odkaz, který nemá dostatečně popisný text, obsahuje atribut title="" [DIA] — neodlišuju odkazy jen barvou, jelikož ne všichni musí mít barvy nastaveny jako já [DIA] — nepoužívám href="javascript:..", protože spousta lidí javascript prostě nemá. [DIA]

Jenže to nestačí. Furt jsem měl za zády jisté procento potenciálně naštvaných uživatelů. A to proto, že jsem:

  • Měl v kódu stránky navigaci před obsahem — dovedu si představit rolování přes navigaci na každé stránce. Pěkná pruda, vážení. V éře CSS se dá navigace v kódu nacpat i za obsah, i když je nadesignovaná před obsahem. Navíc: vyhledávačům se to bude líbit taky. [DIA]
  • Používal velikost písma v pixelech — a chudáci: moje špatně vidoucí babička, poloslepý já a kolega průměrný uživatel IE po 16 hodinách u podprůměrného monitoru prostě písmo o velikosti 11 pixelů nevidíme. Přestože nejrozšířenější browser velikost písma zadanou v px měnit neumožňuje, Mark Pilgrim má řešení i na tohle. [DIA]
  • Nenabízel možnost prohledávání webu — pokud web obsahuje více než jen pár stránek (což se u blogu stane poměrně rychle), je vyhledávání pohodlím prostě pro každého. [DIA]

Těch zásad je pochopitelně víc, pro tento účel postačí výše uvedené. Je málo pravděpodobné, že na machal.creativity.cz bude chodit větší množství zrakově či fyzicky postižených. Je dokonce pravděpodobné, že čtením Pilgrimova materiálu jsem strávil více času než je součet časů, který stráví slepci na tomto webu. Ovšem tenhle web je pro holky i kluky, a to pro všechny. Když na tyto a další zásady budeme myslet příště, třeba bude na webu méně schodů.

  • Diveintoaccessibility.org — výborný zdroj k těmto a dalším zásadám, včetně odkazů na další zajímavé zdroje (anglicky)
  • Blindfriendly.cz — dokumentace zásad přístupnosti
  • Dogma W4 — poněkud obsáhlejší a spíše rozumný než dogmatický seznam zásad nejen o přístupnosti

menu

hledání & vzkazy

stálý obsah

kontakt

E-mail

změna layoutu

rodina

otec a matka

bráchové

Na stránce je použita technologie blízká XHTML+CSS, používejte ji také, nebuďte prasata.

RSS powered by RSSify by VoidStar.com by Garçon.cz

Powered by BLOGGER.

Hostuje Impello.