Přístupné HTML bohužel zajímá málo web developerů. Přitom většinou stačí držet se čistého HTML. Přečtete si pár bodů z přednášky o přístupném HTML. Přednášejícím byl Mike West, člen Google Chrome týmu.
Přístupnost jakéhokoli webu můžete testovat s Chrome rozšířením ChromeVox. S ChromeVoxem si můžete vypnout obrazovku a zkusit se pohybovat po webu jen za pomoci této čtečky.
Tag <img href="http://.../sdf2s65f4s5d.jpg" /> musí vždy obsahovat alt parametr, tedy <img href="http://.../sdf2s65f4s5d.jpg" alt="roztomilé koťátko" />.
Pokud alt parametr neuvedete, čtečka přečte název obrázku. V našem případě sdf2s65f4s5d.jpg, což uživateli nic neřekne. Pokud máte na webu obrázek, který je jen součást grafiky, můžete využít prázdného parametru alt="". Pak čtečka nepřečte nic. To se může hodit, když jde o obrázek zakulaceného rohu nebo stínu v šabloně. Pokud má obrázek správně vyplněný alt="roztomilé koťátko", čtečka přečte toto. Ne název obrázku.
Berte alt parametr vážně i jako optimalizaci pro vyhledávače. Uživatelé mohou přijít na web i přes vyhledávání obrázků. Doporučoval bych ještě smazat složku /images/ ze souboru robots.txt. Jinak žádný vyhledávač nebude obrázky indexovat.
Reader se pohybuje jen v DOM. Když vyběhne modalbox, musí se vybrat prvek, který je první v tomto modalboxu. Jinak reader nepozná kde má pokračovat ve čtení. Stejně pak když se modal box zavře, reader by neměl pokračovat od začátku, ale vybrat prvek následujíci po spoušti modal boxu.
S čtečkou se na stránce dá pohybovat jen pomocí klávesnice. Na odkazy a formulářové prvky se dostanete přes klávesu TAB. To by mělo pro většinu webů stačit. Můžete ale využít atribut tabindex="1". Číslo říká čtečce po kolikátém stalčení klávesy TAB se má na daný element najet.
Atribut <div role="button"></div> řekne čtečce, že tento div vykoná nějakou akci. Když mu ale přidám click event pomocí JavaScriptu, musím mu přidat i key event (malé opáčko: po webu se naviguje jen pomocí klávesnice). Jinak se k akci reader nedostane. Nejjednodušší je použít elemetn button, zde jsou obě akce automaticky.
Tento nástroj najdete rovnou v prohlížeči Google Chrome. Otevřete Chrom dev tool (CTRL + SHIFT + I), záložku Audits. Zde najdete upozornění na špatné použití kódu.
Nedávno jsem nasazoval jednoduché e-commerce řešení a byl jsem postaven před hotovou věc, že k tomu bude použit RSForm. Byl jsem trochu skeptický použít RSForm na platby, ale po nasazení musím...
Za nějakých 8 let, co se pohybuji kolem Joomly jsem prošel pěknou řádku poskytovatelů webhostingu. Ať už pro hostování mých webů, ale i klientů. Občas jsem opravdu překvapen za jaké služby je někdo...
Přístupné HTML bohužel zajímá málo web developerů. Přitom většinou stačí držet se čistého HTML. Přečtete si pár bodů z přednášky o přístupném HTML. Přednášejícím byl Mike West, člen Google Chrome...
Možná jste si toho už všimli. Joomla 2.5 umožňuje z administrace editovat jazykový soubor, kterým dokážete přepsat původní hlášky Joomly. Na webu i v administraci, v každém jazyku extra. Proč je...
Google Drive (nedávno ještě Google Docs) je online sada kancelářských programů. Zajímavé je propojení s jakýmkoli webem, v našem případě to bude Joomla. Nejsou k tomu potřeba žádná rozšíření. Co jsem se...
This awesome Joomla plugin adds structured data (also called Rich Snippets or meta information) about your VirtueMart products. It generates this automatically from the actual products. The best benefit is that Google can display some of these information right in the search results.
EasyCalc is component for creating realtime calculators of any type. For example if you need to explain your customers how many time / money / gray hairs atc. they save by using your product / service, let them count it for their situation.
