POmoc SLEPým Uživatelům - přístupnost webových stránek, asistivní technologie pro handicapované uživatele
čtvrtek 28. února 2008
Vyhláška o přístupnosti je na světě
středa 20. února 2008
Screen readery a sémantika
Jedno z pravidel přístupnosti vyžaduje správné používání sémantických značek pro vyjádření významu daných prvků (nadpis, citace, atp.). Podívejme se na to, jaké značky umí dnešní screen readery zpracovat a zpřístupnit tak jejich význam i svým uživatelům.
Jako referenční si vezměme screen reader JAWS, který patří mezi nejrozšířenější screen readery na celém světě a je v této oblasti de facto nepsaným standardem.
Titulek stránky a nadpisy
JAWS je schopen vyčíst informaci o titulku stránky (značka <title>) a o nadpisech všech úrovní (značky <h1> až <h6>). JAWS je schopen podat informaci o úrovni nadpisu, umožňuje rychlý přesun na následující/předchozí nadpis (nezávisle na úrovni) a také na následující/předchozí nadpis určené úrovně v aktuální sekci. Ukázka výpisu seznamu nadpisů titulní stránky Aktuálně.cz
Odstavce, odkazy, citace, zkratky, akronymy
JAWS umožňuje rychlý přesun mezi odstavci, pokud jsou vyznačeny značkou <p> - proto je nutné pro vyznačování odkazů použít právě značku <p> a ne například <div> či <br>< br>. JAWS umí pracovat s odkazy (<a href="cíl">) a uživatele informovat i o typu odkazu (standardní odkaz, poštovní odkaz, odkaz při přechodu myší, atp.). JAWS informuje také o citacích, které jsou vyznačeny značkou <blockquote>. Pokud si uživatel zapne funkci Rozvíjet zkratky/akronymy, budou mu čteny v rozvinuté formě zkratky a akronymy, vyznačené pomocí značek <abbr> a <acronym>.
Ukázka výpisu odkazů z titulní stránky Aktuálně.cz
Tabulky
JAWS ohlašuje informaci o tom, že následuje tabulka (značka <table>) spolu s informací o počtu řádků a sloupců. Automaticky také vyčítá informace z atributu summary, pokud je tento atribut přítomen. JAWS umí pracovat se záhlavím řádků/sloupců (značka <th>). Pokud značky <th> nejsou použity, považuje JAWS za záhlaví řádku/sloupce obsah první buňky řádku/sloupce. JAWS také podporuje atribut headers u značky td, který - obzvlášť u složitějších tabulek - umožňuje v kombinaci s id u značek <th> přiřadit konkrétní buňce tabulky odpovídající záhlaví.Seznamy
JAWS při přemístění na seznam informuje o tom, že se jedná o seznam, kolik má položek a o případných vnořených seznamech (značky <ul>, <ol>, <li>). JAWS informuje také o definičním seznamu a jeho položkách (značky <dl>, <dt>, <dd>).Grafika
Při přechodu na grafický prvek (značka <img>) informuje JAWS o této skutečnosti hláškou grafika. Pokud je u grafického prvku definován alternativní textový popisek (atribut alt), je tento popisek přečten.Formuláře
U formulářů (značka form) umí JAWS informovat o následujících prvcích:- editační pole (značka <input type="text">),
- textové pole (značka textarea>),
- přepínač (značka <input type="radio">) včetně ohlášení stavu,
- zaškrtávací políčko (značka <input type="checkbox">) včetně ohlášení stavu,
- tlačítko (značky <input type="submit"> nebo <input type="image">),
- rozbalovací seznam (značky <select>, <option>).
Rámce
Pokud jsou stránky vytvořeny pomocí rámců (značka <frame>), JAWS umí informovat o počtu rámců, umí vyčíst jejich název (atribut name), případně titulek (atribut title). JAWS ohlášuje přechod mezi jednotlivými rámy, tzn. uživatel ví, kdy opouští jeden rám a dostává se do dalšího.Cílové místo (kotva na stránce)
JAWS také umí uživateli zpřístupnit seznam míst na stránce, které jsou definovány pomocí tzv. kotev (značka <a> s atributem name). Do seznamu cílových míst nejsou zahrnuta místa, která jsou definována pomocí id.Tabulka s přehledem prvků stránky a odpovídajících značek
| Prvek stránky | Značka |
|---|---|
| Titulek stránky | <title> |
| Nadpis | <h1> až <h6> |
| Odkaz | <a href="cíl"> |
| Odstavec | <p> |
| Citace> | <blockquote> |
| Zkratka, akronym | <abbr>, <acronym> |
| Tabulka | <table>, <th>, <td>, <caption> |
| Seznam | <ul>, <ol>, <li>, <dl>, <dd>, <dt> |
| Grafika | <img src=""> |
| Textové pole | <textarea> |
| Editační pole | <input type=“text“> |
| Přepínač | <input type=“radiobutton“> |
| Zaškrtávací políčko | <input type=“checkbox“> |
| Tlačítko | <input type=“submit“> <input type=“image“> |
| Rozbalovací seznam | <select>, <option> |
| Rámec | <frame> |
| Cílové místo (kotva) na stránce | <a name=“nazev“> |
Uživatelé JAWSu se mohou po jednotlivých prvcích pohybovat vpřed/zpět nejen pomocí horkých kláves, ale mohou si prvky nechat zpřístupnit i ve formě seznamu, který má následující výhody:
- uživatel pracuje v jednu chvíli pouze s prvky vybraného typu (nadpisy, odkazy, přepínače, atp.),
- pro rychlý pohyb mezi prvky může použít počáteční písmena,
- v některých případech (například u nadpisů) si může výpis dále upravovat dle potřeby (například si nechat zobrazit jen nadpisy druhé úrovně).
pátek 15. února 2008
Návrh metodického pokynu k vyhlášce o přístupnosti
Základem tohoto metodického pokynu je materiál, který jsme spolu s H1.cz připravili v rámci 3. etapy projektu vědy a výzkumu Přístupnost webových stránek orgánů státní správy. Náš materiál byl pracovníky Ministerstva vnitra doplněn a upraven tak, aby odpovídal pravidlům v návrhu vyhlášky o přístupnosti (pdf; 47 kB)- externí odkaz, kterou toto ministerstvo připravilo.
pátek 25. ledna 2008
Jaká nastavení ZoomTextu preferují jeho uživatelé?
Používají těžce slabozrací uživatelé ZoomTextu raději dvojnásobné nebo trojnásobné zvětšení? Jaké barevné schéma si nejčastěji nastavují? Jaký typ zvětšeného okna preferují? Na tyto a další otázky odpověděl on-line průzkum, který závěrem loňského roku proběhl na webu společnosti Ai Squared, výrobce softwarové lupy ZoomText.Průzkumu se zúčastnilo 688 respondentů, což už je poměrně zajímavý počet, a proto bych vás s jejich odpověďmi seznámil. Pojďme se tedy alespoň stručně podívat na to, jak respondenti odpovídali.
Nejčastěji používanými úrovněmi zvětšení jsou dvou, tří a čtyřnásobné. Trochu mě překvapil propad u 2,5násobného zvětšení, ale na druhou stranu je fakt, že i naši klienti v drtivé většině používají zvětšení celočíselná.
Související odkazy: