• Technologie
  • Byznys
  • Software
  • Hardware
  • Internet
  • Telco
  • Science
  • České IT
  • Události
Žádné výsledky
Zobrazit všechny výsledky
ITBiz.cz
ITBiz.cz
Žádné výsledky
Zobrazit všechny výsledky

Přístupnost webu V: Testování validity stránek

Vladimír Kašpar
6. 3. 2012
| Články

V předchozích dílech seriálu o přístupnosti webu jsme se snažili popsat základní parametry, které ovlivňují přístupnost pro vyhledávací roboty, tak například i pro nevidomé. V dnešním článku, posledním díle, si popíšeme, jak ze strany tvůrce webu snadno zkontrolovat, zda je výsledná přístupnost taková, aby web mohl být plně funkční pro každého uživatele Internetu.
Při kontrole validace HTML je často používaný validátor konsorcia W3C.org (http://validator.w3.org). U přístupnosti webu je vytvoření 100% validace trochu problém, protože W3C některé skriptovací jazyky zbytečně odsuzuje a např. JavaScript popisuje jako nepřístupnou technologii pro nevidomé, přitom třeba hlasové syntetizátory většinu javascriptových funkcí číst umějí. Některé parametry webu jsou tedy sporné a záleží na jednotlivém syntetizátoru, zda jej přečte či ne.

Ukázka validace kódu

Ukázka validace kódu

Pro základní testování přístupnosti je k dispozici na internetu několik nástrojů. V Effectixu používáme aplikaci Wave, jež velice snadno zobrazí chyby, popíše je a co víc, ještě programátory dokáže upozornit na opakující se výraz „Čtěte více“ v často používaném modulu novinky.

Wave: testy přístupnosti

Aplikace Wave pro testování přístupnosti má celou řadu funkcí. Na úvodní straně wave.webaim.org je několik možnosti jak načíst web. Po načtení webu aplikace Wave zpracuje prezentaci a zobrazí základní chyby a upozornění na nestandartní parametry webu z hlediska správnosti HTML tagů.

Veškeré chyby a upozornění jsou cílená a je třeba je opravit. Nejčastějšími chybami v přístupnosti je chybějící html tag „label“ u formulářových polí či chybějící alternativní text u obrázků. Pokud nelze chybu nelézt ve stylovaném webu, je možné vypnout styly tlačítkem „disable styles“ (na obrázku v pravo dole) a web se zobrazí tak, jak jej vidí, resp. slyší, nevidomý ze syntetizátoru. Toto zobrazení bez CSS stylů je také vhodné pro lepší obecnou představu, jak je web čten. Lze podle něj pak přeházet objekty v HTML tak, aby hlavní data byla co nejvýše, tedy co nejdříve čtena syntetizátorem, jak už bylo popisováno ve článku Jak na správnou strukturu HTML.

Zajímavou funkcí je rovněž zobrazení „Text-only“, jež je vhodná pro kontrolu přístupnosti formulářových polí. Tato funkce vypíše, jak syntetizátor přibližně přečte web klienta, resp. jeho formulář. Kdyby polím chybělo označení „label“ (popis pole), syntetizátor by nevidomému přečetl pouze „Jméno a příjmení … text box“. Naproti tomu na výše uvedeném obrázku se správně napsaným polem přečte „Jméno a příjmení … text box insert your Jméno a příjmení“.

Rozdíl v tomto případě není až tak patrný, nicméně ve kdy popisy polí („label“) budou v rámci HTML kódu vloženy ve zcela jiném objektu, než je pole, bude to rozhodně špatně. Jako příklad uveďme tabulku, v níž jsou pouze popisy polí, ale samotná pole jsou ve zcela jiné tabulce. Tomu by se programátor měl vyvarovat. Stejně jako případu, kdy popisy polí nebudou vůbec nikde. K tomu jsme ale už více psali v článku Jak na webové formuláře.

Zkusme býti na chvíli slepí

V prohlížeči Google Chrome existují dvě rozšíření zdarma, jež dokážou jednoduše nasimulovat čtení jako v syntetizátoru. Jedna z nich, ChromeVox, se za hlasový syntetizátor dá považovat, druhá s názvem ChromeShades zobrazuje web bez stylů a v podobě, jež syntetizátor čte. Nejlepší testování přístupnosti je praxí, a tak je lepší si vybraný syntetizátor, např. zmíněný ChromeVox, spustit se zakrytýma očima a projít si webovou prezentaci. Případné překážky budou hned patrné.

Závěr

V seriálu Jak na webovou přístupnost jsme se pokusili popsat varianty, v nichž je pravděpodobně důležité se na přístupnost zaměřit. Částečná přístupnost je zapotřebí samozřejmě vždy, aby si třeba nevidomí uživatelé mohli informace přečíst svými hlasovými syntetizátory (anglicky „screen reader“), na něž jsou zvyklí. Tyto nástroje dokáží v dnešní době přečíst slepému skoro vše, co na obrazovce vidí, ovšem pouze „skoro“. Někdy je potřeba této aplikaci při programování webu pomoci, někdy mu alespoň „neházet klacky pod nohy“.

Rubriky: Vývoj a HTML

Související příspěvky

Umělá inteligence v IT infrastruktuře
Články

Salesforce představuje třetí generaci Agentforce

14. 7. 2025
Budoucnost open source modelů AI je nejistá
Články

Budoucnost open source modelů AI je nejistá

9. 7. 2025
Zákony informatiky: Když Brooksův zákon neplatí
Články

Open source jako klíčové aktivum pro digitální suverenitu

7. 7. 2025
Umělá inteligence: Nástroje vs. platforma, věda vs. kreativita
Zprávičky

Nástroj AI překonává lékaře v diagnostice složitých případů, tvrdí Microsoft

3. 7. 2025

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Souhlasím se Zásadami ochrany osobních údajů .

Zprávičky

Dell 14 a 16 Premium: Nástupce XPS přináší větší výkon a dlouhou výdrž baterie

Dell 14 a 16 Premium: Nástupce XPS přináší větší výkon a dlouhou výdrž baterie

Pavel Houser
14. 7. 2025

Společnost Dell Technologies představila nové vlajkové lodě svého portfolia notebooků, které navazují na sérii

Jaké novinky přináší Arcserve UDP 8.1?

Analýza: Neviditelným gigantem internetového provozu jsou analytické nástroje

Pavel Houser
14. 7. 2025

V roce 2024 se očekávalo, že dojde k zásadnímu narušení digitálního reklamního průmyslu. Google plánoval zavedení

Europoslanci chtějí omezit příliv levného zboží z e-shopů mimo EU

ČTK
14. 7. 2025

Europoslanci by chtěli omezit rostoucí příliv nekvalitního a potenciálně nebezpečného levného zboží z internetových

Před 30 lety dostaly „empétrojky“ svůj populární název

ČTK
14. 7. 2025

Pro řadu lidí je zkratka mp3 synonymem pro jakoukoliv hudbu uloženou v počítači nebo

SpaceX investuje dvě miliardy USD do Muskovy firmy zaměřené na AI

ČTK
13. 7. 2025

Společnost SpaceX podnikatele Elona Muska investuje dvě miliardy dolarů (42 miliard Kč) do jeho

750 zaměstnanců ČSOB se díky Atosu zvládlo rychle přesunout do domácích kanceláří

Google investuje 2,4 miliardy dolarů do technologie AI od start-upu Windsurf

ČTK
12. 7. 2025

Společnost Google ze skupiny Alphabet zaplatí asi 2,4 miliardy USD (50,64 miliardy Kč) za

Muskova xAI chce další peníze od investorů při ohodnocení na 200 miliard dolarů

ČTK
12. 7. 2025

Americká společnost xAI miliardáře Elona Muska plánuje vybrat peníze od investorů v novém kole

Kryptoměny a jejich ekonomika

Bitcoin pokračuje v růstu na další rekordy, překonal hranici 118 000 dolarů

ČTK
11. 7. 2025

Cena bitcoinu dnes pokračuje v prudkém růstu. Kolem 8:30 SELČ se vyšplhala na další

Tiskové zprávy

Společnost Cato Networks jmenována lídrem v magickém kvadrantu 2025 Gartner Magic Quadrant pro platformy SASE

Společnost QNAP představuje myQNAPcloud One Beta

Acer slaví několikanásobné ocenění cenou Red Dot Product Design Awards 2025

Acer for Business EMEA překonává růst trhu

Nejnovější modely Acer Chromebook Plus nyní s 12měsíčním balíčkem Google AI Pro včetně služby NotebookLM zdarma

ANECT mění vedení společnosti a posiluje management

Zpráva dne

Květen je měsícem růstu, můžete růst s Windows 11 jen za €20.00!

Květen je měsícem růstu, můžete růst s Windows 11 jen za €20.00!

Redakce
15. 5. 2025

Kupte Windows 11 CDkey od Goodoffer24.com a můžete růst s tímto OS jak při...

Komentujeme

Chvála černých skřínek

Malé modely AI mají být velkým trendem

Pavel Houser
3. 1. 2025

V záplavě prognóz technologického vývoje (nejen) v roce 2025 zde prozatím trochu zapadlo jedno téma, které...

Slovník

Dress code

Agenturní zaměstnávání

Kupní síla

Nejpopulárnější články

Žádný obsah není dostupný

Kategorie

  • Články
  • Komentujeme
  • Slovník
  • Tiskové zprávy
  • Zprávičky

Portál ITbiz.cz přináší informace z IT a byznysu již od roku 2006. Provozuje jej internetové vydavatelství Nitemedia. Hosting zajišťuje společnost Greenhousing.cz. Mezi další naše projekty patří například ABClinuxu.cz a Sciencemag.cz. Na stránce Redakce naleznete informace o redakci a možnostech inzerce.

Rubriky

Akce a události Byznys Cloud Ekomerce Hardware Internet Operační systémy Podnikový software Právo Science Security Technologie Telekomunikace Veřejná správa Vývoj a HTML Zpráva dne České IT
Žádné výsledky
Zobrazit všechny výsledky
  • Technologie
  • Byznys
  • Software
  • Hardware
  • Internet
  • Telco
  • Science
  • České IT
  • Události

© 2019 Vydává Nitemedia s.r.o. Hosting zajišťuje Greenhousing.cz.

Tento web používá cookies. Pokračováním dáváte souhlas s jejich používáním. Více na itbiz.cz/soukromi.