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.