Jak přistupovat ke tvorbě javascriptu a css z hlediska přístupnosti.
Předesílám že nechci psát o tvorbě javascriptu , jako takového , protože k tomu rozhodně nejsem dostatečně fundovaný . Jde spíše o to , jak logickou cestou zamezit nepoužitelnosti stránky , nepromyšleným css a javascriptem .Chyby a řešení : Poslední dobou se znovu rozmohla móda různých parádiček pomocí javascriptu a css a to i na takových webech , jako je http://www.alistapart.com/topics/dom/ , bohužel velmi často je na takovýchto příkladech vidět nesprávný přístup k věci . Co tím chci říci ? No v podstatě bych opakoval to , tučná slova pana Staníčka : Pixyho paradigma , to by se mělo tesat do kamene . Jiné postupy jsou prostě nesprávné a téměř stoprocentně se vymstí .
Hlavní problém : Stránky jsou většinou nefunkční při vypnutém js , css , nebo při nedostatečné podpoře těchto nástrojů . Proto je třeba ošetřit vše co se děje pomocí js , ale i triky s visibility , display a podobně v css . Mám dojem , že sice mnozí mají vypnutý js , ale téměř nikdo nemá současně vypnuté css . Proto je třeba dodržovat postup o kterém píše pan Staníček v odkazu výše , aby jsme vůbec tyto chyby objevili .
Příklad a co tam najdete ? :
Nebudu sem dávat hromady zdrojového kódu ,na to nejsem dobrý spisovatel . Tady je stručný popis toho co si tam můžete vyzkoušet
*V prvním podmenu - odkazy na inspirace a použitá řešení
*V druhém podmenu - linky na použité javascripty (js z paranoidfish.com je opravdu luxusní řešení , jak načíst styl pouze při zapnutém js)
*Ve třetím podmenu - testovací verze , aby jste nemuseli vypínat a zapínat js , a prohlédli si verze , kde nejsou styly , nebo scripty přilinkovány
*Ve čtvrtém podmenu -jsou použité styly pro verzi s js a bez js
Odkaz : přístupné js menu .
Download :Tady si to můžete celý stáhnout : přístupné js menu zip archiv 6,75kb Eventuelní nefunkčnost menu v nějakém prohlížeči prosím reportovat . Zkoušel jsem jich asi 25 a fungovalo to všude .
PS : To Pjotr : na té filozofii něco bude , tohle je vlastně taky filozofie přístupu
Autor: Fred
2024 ©