Script: http://accessibleculture.org/articles/2010/05/html5-aria/
Megjegyzés: Frissített kutatás és az eredményeket március 2011.
Vannak jó, hasznos példa és dolgoznak ott már mutatja, hogy néhány képernyőolvasókat kezelni a különböző HTML5 konstrukciók és ARIA szerepeket. Tudom, hogy a szemüveg még nem fejeződött be, és a segítő technológia szállítók mindig dolgoznak rajta, de azt akartam, hogy játsszon egy kicsit körül, és erősítse meg magamnak, hogy néhány vezető képernyőolvasó Windows, azaz a JAWS 11, Window-Eyes 7,11, NVDA 2010.1 és SAToGo 3.0.202, jelenleg kezelni az alapvető HTML5 vágási elemek, valamint ARIA és más szerepeket. Azt javasolták, hogy amíg a böngészők és a képernyő olvasó teljes mértékben támogatja a HTML5 elemek és azok implicit ARIA szerepeket, mi kell kifejezetten kiegészítéssel bizonyos HTML5 elemek a hozzájuk ARIA szerepeket.
Frissítés: Eredmények VoiceOver a MacOS X Snow Leopard Safari 4.0.3 hozzá. -May 07, 2010
A Tesztsorozat
HTML5 csak
HTML5 + ARIA szerepek
Az első teszt használja csak a HTML5 elemek, különösen:
fejléc
nav
szakasz
cikk
félre
Lábjegyzet
A második teszt is érvényes a következő ARIA szerepek:
transzparens
navigáció
fő-
cikk
kiegészítő
contentinfo
Teszteltem a négy képernyőolvasó segítségével mind az Internet Explorer 8 és a Firefox 3.6.
Megjegyzés: Attól függően, hogy a képernyőolvasó és a böngésző kombinációját használja, a belső oldalon belüli linkek a vizsgált esetek, különösen a célok, amelyek egyszerű fejezetek egy id attribútumot, lehet, hogy nem megfelelően állítja be a fókuszt és a pozíció a TAB sorrendben. Ez egy olyan probléma, elég jól dokumentált, különös böngészők és a képernyő olvasó, és nem kapcsolódik a használatát HTML5 és ARIA szerepeket. Meg lehet változatosan enyhíteni hozzáadásával Tabindex = “- 1” és / vagy a tényleges egy elemet különbözőképpen helyett, de ez egy másik sor teszt esetek.
Az eredmények
Röviden, az NVDA nem nagyon jól a HTML5 és a HTML5 ARIA szerepek teszt esetek, függetlenül attól, hogy az IE8 vagy FF3.6. Navigációs, olvasás, és kölcsönhatásban áll a HTML5 jelölő és ARIA tereptárgyak csak egyszerű. Olyannyira, hogy ez nem indokolja, beleértve azt a vizsgálati eredmények: Elég azt mondani, hogy az NVDA sziklák.
JAWS jól működik, bár FF3.6 nem úgy tűnik, mint egy nav elem ágyazva egy fejlécet. Egyelőre legalábbis, indokolt lehet elkerülni fészkelő nav elemei fejléc elem. Update (augusztus 27., 2010): lásd a megjegyzést # 3 Terrill Thompson alább. Sajnos, a JAWS 11 Firefox 3.6 nem jól kezelni a fejléc elem bármilyen végrehajtását.
SAToGo is nem oké, és most még lehetővé teszi a navigáció által ARIA, bár ez nem jelenti automatikusan be a fajta tájékozódási jön át rajta. És én csak kap ez navigálni tájékozódási pont az egyik irányba IE8, míg FF3.6 tudtam navigálni mind a következő és az előző mérföldkő megnyomásával; és a Shift +; illetőleg. Frissítés: Új eredményeket SAToGo verzió 3.1.24, május 21, 2010-ig.
Window-Eyes 7.11, másrészt, és ez az egyik dolog, tudtuk már, nem ismeri ARIA szerepek egyáltalán. Továbbá, Window-Eyes csak úgy tűnik, hogy akadályozzák az IE8, amikor a HTML5 és ARIA szerepek használják együtt: a “Browse Mode”, hogy nem talál olyan linkeket belül HTML5 vágási elem is van ARIA szerepe. Ha viszont “Browse Mode” off, mégis megtalálja a kapcsolatot, de ez azt jelenti, hogy kellett volna, hogy folyamatosan váltani “Browse Mode” ki és be, hogy olvasni és használni az oldalt.
Néhány további gyors vizsgálat én azt mutatták, hogy az IE8, Window-Eyes nincs probléma találni linkeket belül egy egyszerű div amely szintén han egy ARIA szerepet, vagy azon belül egy HTML5 vágási elem nélkül ARIA szerepet, hanem egyesítik a két és Window-Eyes IE8 csak elvész. Ezt támasztja, például Bruce Lawson honlapján, ami jó a HTML5 és ARIA. Ha ellátogat Bruce telephelyén Window-Eyes és IE8, sem a linkeket a fejlécben vagy a #sidebar nav találhatók, mivel mindkét HTML5 elemek is ARIA szerepeket végrehajtani. De nincs gond a linkeket a fő tartalmi terület, annak ellenére, hogy role = “fő”, mivel ez csak használ rendszeresen div. Ha korábban egy rész elem helyett, a legtöbb linkeket az oldalon is csak eltűnik a Window-Eyes IE8.
Bár én nem a számok, hogy bebizonyítsam, Rájöttem, hogy a többség a Window-Eyes felhasználó futtatja az Internet Explorer helyett Firefox, így ez lehet az oka, hogy ne használja a HTML5 és ARIA szerepeket együtt egyelőre függően érez vendéglátás Window-Eyes felhasználók IE8. Érdekes lesz látni, hogyan változnak a dolgok egyszer IE9 és Window-Eyes 8. ki.
A részletesebb vizsgálat eredménye az alábbiakban. Hacsak másként nem jelezzük, a képernyőolvasó végre reménykedhetünk, és várják a hasznosítható tapasztalat.
Frissítés # 1 (június 30, 2010): Úgy tűnik, hogy még fészkel egy elem, amely szerepet játszik az attribútum egy szülő HTML5 vágási elem hasonlóan gondot okoz Window-Eyes. Például linkek belül ul role = “navigációs” ágyazva a szülő nav elem nem található meg a Window-Eyes.
Frissítse # 2 (július 5, 2010): Másrészt, és érdekes módon, fészkelő egy HTML5 elem belsejében egy div egy ARIA szerepe úgy tűnik, nem kiváltó problémát Window-Eyes. Például a linkeket a nav elem van ágyazva egy div role = “navigációs” még mindig megtalálhatók a Window-Eyes. Tehát ez, most, talán a legjobb módja, hogy használja a HTML5 elemek és ARIA szerepek együtt anélkül, hogy negatívan befolyásolná a Window-Eyes felhasználók.
Frissítés # 3 (július 7, 2010): A legújabb frissítés Window-Eyes 7.2, linkek a HTML5 elemek, amelyek egy ARIA szerepe ma már megtalálhatók és használhatóak. Sajnos fészkelő legalább néhány szemantikus HTML 4 elem, amely szerepet játszik az attribútum egy szülő HTML5 vágási elem mindig gondot okoz a Window-Eyes 7.2. Azaz, linkek belül ul role = “navigációs” ágyazva a szülő nav elem, például még mindig nem találtam, és támadható ezzel a legújabb verzióját Window-Eyes.
Frissítés # 4 (21 július 2010): Azt hiszem, sikerült, hogy a dolgok egy kicsit zavaró, ezen a ponton, úgyhogy újra bedugni: Az Internet Explorer 8, Window-Eyes változat 7,2 és alatt, amikor a szokásos Tallózás módban van néhány probléma megtalálása és a linkek a tartalmat, ahol ARIA szerepek együtt használják HTML5 vágási elemek bizonyos szabályokat. Kapcsolatok segítségével egy HTML5 elem egy ARIA szerepe attribútum probléma Window-Eyes 7.11 és alatt. Ez nem probléma Window-Eyes 7.2, de 7.2-es verzió van nem probléma marad, legalább a rendezetlen és rendezett listákat, és esetleg más elemeket is, amelyek egy ARIA szerepet alkalmazzák. Sem Window-Eyes 7,11 sem 7.2 A linkek egy ul elem role = “navigációs”, függetlenül attól, hogy van ágyazva a nav elem. Ugyanez például a linkeket belül ol elem role = “contentinfo”. (Ez a Window-Eyes bug is megnyilvánul, hogy bizonyos mértékig a Firefox 3.6). Azonban fészkel a HTML5 eleme egy általános div egy ARIA szerepet, vagy fordítva, fészkel egy div ARIA szerepet egy HTML5 elem, úgy tűnik, nem okoz problémát a Window-Eyes. Így például, lehetne betakar nav elem <div role = “navigációs”>, vagy pedig lezárja a belső tartalmát a nav egy div ARIA szerepet. Példák az ilyen eltérő rendelkezések megtalálhatók ezen a különleges tesztoldal Window-Eyes.
JAWS 11
IE8
nincs nyilvánvaló problémák vagy kérdések
FF3.6
– nem szereti nav a fejléc elem: oldalbetöltésnél, JAWS ugrik valahol a fejléc alatt és elkezdi olvasni, gyakran a H1 vagy az “első szakasz” belső oldal link; és a nav linkeket belül a fejléc nem jelenik meg a JAWS “hivatkozások listája
– nyomja TAB elérni minden kapcsolatot, de a VirtualPC Cursor módban a linkeket a fejléc, amikor által kiválasztott billentyűzet, regisztráljon, és úgy járnak, mint bármi linket kívül a fejlécben korábban hangsúly (pl gyakran az “első szakasz” belső oldal link a “fő” szakaszban)
– A VirtualPC kurzor üzemmód kikapcsolásához a linkeket a fejléc jól működik a billentyűzeten keresztül
– A linkek a fejlécben úgy tűnik, hogy jól működik, ha az egérrel kiválaszthatók, hogy VirtualPC kurzor -mód be- vagy kikapcsolása
– linkek kívül a fejléc valamennyi elismert és megfelelően működnek
Window-Eyes 7.11
IE8 és FF3.6
nincs nyilvánvaló problémák vagy kérdések
SAToGo 3.0.202
IE8 és FF3.6
nincs nyilvánvaló problémák vagy kérdések
Szinkronhang
Safari 4.0.3
nincs nyilvánvaló problémák vagy kérdések
HTML5 + ARIA szerepek Test Case
JAWS 11
IE8
ugyanaz, mint a HTML5 egyetlen verzió, kivéve, hogy
minden ARIA tereptárgyak találhatók és hajózható
továbbá úgy véli, szerepe = “article” mérföldkő
FF3.6
ugyanazokat a kérdéseket a nav a fejlécben a HTML5 Csak verzió
minden ARIA tereptárgyak találhatók és hajózható, kivéve a navigációs ARIA ágyazva a fejléc
továbbá úgy véli, szerepe = “article” mérföldkő
Window-Eyes 7.11
IE8
nincs ARIA tereptárgyak talált
nem talált hivatkozásokat, mivel az oldal három fő részből használni HTML5 elemek együtt ARIA szerepek
A fejléc a role = “banner”, részben a role = “fő”, és a lábléc role = “contentinfo” mindegyike elismert kontroll (például azok megnyomásával lehet elérni C), és a TAB sorrendben
FF3.6
nincs ARIA tereptárgyak talált
összes hivatkozás található, ellentétben IE8
a fejléc, a szakasz a role = “fő”, és a lábléc nem ismerik a kontroll, mivel azok IE8
SAToGo 3.0.202
IE8
minden ARIA tereptárgyak találhatók és hajózható, de csak egy irányban (lenyomásával, a következő mérföldkő), és az a fajta mérföldkő szerepe nem jelentette be
FF3.6
minden ARIA tereptárgyak találhatók és hajózható mindkét irányban (a gomb megnyomásával és a Shift +;), de a típusát mérföldkő szerepe nem jelentette be
IE8
míg ez a verzió SAToGo most lehetővé navigáció ARIA mindkét irányban IE8 (gomb, illetve a Shift +;), már nem találja a kiegészítő mérföldkő szerepét
típusú mérföldkő szerepét is be nem jelentett
SAToGo is találunk minden tájékozódási pont lehetővé teszi, hogy a navigációs mindkét irányban, és milyen típusú mérföldkő szerepét is be nem jelentett
Szinkronhang
Safari 4.0.3
nincs ARIA tereptárgyak talált
Fordítások
Jason Kiss
Engedélyezett a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License
