(Ne) Paprasta ARIA Medžio Nuomonę ir Ekrano Skaitytojai

Išversta su http://accessibleculture.org/articles/2013/02/not-so-simple-aria-tree-views-and-screen-readers/

Aš pradėjau bandymų skaičius, ekrano skaitytuvais su įvairių ARIA medžio nuomonę. Pasirodo, yra šiek tiek vyksta su ekrano skaitytuvais ir medžio nuomonę, kad mokslinių tyrimų gavo šiek tiek užsitęsė. Ji taip pat pasirodo, kad yra didelis kintamumas visoje ekrano skaitytojai, kaip jie tvarko įvairių ARIA medžio nuomonę. Radau ne vienas būdas sukurti paprastą medžio rodinį, kuris numato, ką aš vadinu visiškai padorus patirtimi dabartinės, populiarus ekrano skaitytuvus.

Aš, tačiau, sudarytas dėl bandymo rezultatai nustatyti tokį požiūrį, kad aš manau, yra geriausia parama dabartinės ekrano skaitytuvu ir naršyklės deriniai, nors ir su kai kurių kompromisų. Kad geriausias metodas yra aprašytas žemiau. Pavyzdžiui, medis nuomonę ir bandymo rezultatai ateina po, turėtų jus sudominti.

Taip pat atkreipkite dėmesį, kad aš nesu tikras JavaScript arba jQuery programuotojas, bet ruožas, todėl, nors scenarijaus už medžio peržiūrėti pavyzdžiai veikia, jo statybos yra tikrai ganėtinai naff. Tai yra pasakyti, nedvejodami repurpose jį į savo klasės, bet savo rida gali skirtis.

Kas yra Medis?

WAI-ARIA 1.0 Kūrimo Praktika:

Medžio rodinyje yra komponentas, naršyti pavaldumo sąrašų. Jis yra sudarytas iš vieno ar daugiau aukščiausio lygio mazgai. Mazgas gali turėti vaikų, arba ji gali būti galutinis mazgas. Mazgai su vaikais gali būti išplėsta, ar žlugo, kai išplėtė savo vaiko mazgai yra matomas. Kai žlugo vaikų nematyti. Ten apskritai yra kažkoks vizualų, ar mazgas turi savo vaikų, ir gali būti išplėsta. Jokių mazgų skaičius gali būti išplėstas tuo metu, ir vaikų limfmazgiai, gali turėti vaikų.

Šio tipo navigacijos komponentas turėtų būti susipažinę. Tai galima ar kita forma peržiūrėti ir naršyti aplankų ir failų struktūros pagrindinių operacinių sistemų. Taip pat naudojami interneto programų, kurios apima failų arba dokumentų valdymo funkcijas.

O jie yra labai dažnas, medžio nuomonėmis nėra paprasčiausias interaktyvus raštai, ir užtikrinti, kad jie būtų prieinami ekrano skaitytuvus vartotojams – teikti geros klaviatūros ir sutelkite paramą, taip pat apsivalymo informacija apie struktūrą ir valstybės medis. Laimei, ARIA teikia įvairias funkcijas ir savybes, kurie gali būti naudojami atlikti tai.

ARIA Medžio Rodinyje Vaidmenis ir Savybės

Medį nuomonę naudoti šias ARIA savybės:

Be  role="presentation", ir pasaulio atributus, pavyzdžiui, aria-label ir aria-labelledby, yra ir kitų ARIA atributus, kurie gali būti naudojami priklausomai nuo sudėtingumo ar tikslas medžio rodinyje. Tai apima aria-activedescendantaria-levelaria-ownsaria-setsize, aria-posinset.

Klaviatūra ir Sąveika

Į WAI-ARIA 1.0 Kūrimo Patirties dalis medžių nuomonę apibūdinamos įvairios klaviatūros komandas, kurios turėtų būti prieinamos vartotojams, kad jie galėtų bendrauti su medžio rodinyje. Pagrindinės navigacijos medžio nuomone, šios rodyklės klavišą elgesys yra šie:

  • Rodyklių aukštyn ir Žemyn rodyklių judėti dėmesio tarp matomas mazgai.
  • Rodyklė į kairę į atvirą mazgas uždaro mazgas.
  • Kairės rodyklės dėl uždarytų ar pabaigos mazgas juda dėmesį į mazgas tėvų.
  • Dešinės rodyklių plečiasi uždaras mazgas, juda pirmas vaikas atvirą mazgas, arba nieko nedaro dėl pabaigos mazgas.

Standartinės medžio rodinyje, tik vienas mazgas turėtų būti  Tab  kad ir focussable vienu metu. Dažniausiai tai daroma rūpinasi tabindex atributus medžio. Reikšmė “-1” pašalina elementą iš skirtukų tvarka, o Tab reikšmė “0” priduria ji (jei ji nėra gimtoji focussable). Kaip, pavyzdžiui, tik šiuo metu susikoncentravusi medžio viršūnė turėtų kada nors tabindex=”0″. Visi kiti turėtų būti tabindex=”-1″. Kai dėmesys perkeliamas į kitą mazgas, tabindex reikšmės yra atitinkamai atnaujinamas. Mes galime nurodyti, kad tai tarptinklinio ryšio tabindex metodas, nes tabindex=”0″ klajoja aplink medį vaizdą dėmesio mazgas.

Kitas požiūris, ir, kad naudojamas geriausias būdas čia siūlomų, apima palaikyti dėmesys buvo ant medžio talpykla. Kiekvienas mazgas yra laikomi iš Tab tvarka. Sekti mazgas, kuris yra aktyvus, aria-activedescendant yra nustatytas ant medžio konteinerio ir dinamiškai atnaujinama su nuoroda, id šiuo metu susikoncentravusi mazgas.

Tikimasi, Ekranas Idealus Skaitytojas Elgesį

Skirtingų ekrano skaitytuvus, skirtingose naršyklėse rodyti įvairias elgesio su ARIA medžio nuomonę. Jei mes manome, kad visos tos elgesys kartu su programinę vaidmenis ir teigiama, kad ARIA numatyta, manyčiau, kad idealus ekrano skaitytuvas elgesį su medžio nuomonę turėtų būti:

  • jei reikia (pvz., a JAWS, NVDA, ir Window-Eyes), automatiškai patekti formų ar taikymo režimas nurodţius dėmesio į medį (žr. susijusios straipsnis, ARIA Raštai ir Focus/Formos Režimu, Parama, JAWS ir NVDA);
  • nustatyti, valdikliui, kaip medžio rodinyje arba panašių nurodţius dėmesio į medį;
  • nustatyti išsiplėtė/žlugo valstybės, mazgas, kai ji gauna dėmesio arba sutrauktas/išplėstas;
  • nurodant filialą lygis srovės mazgas, kai ji gauna dėmesio;
  • rodantis, kiek brolių, seserų, mazgų šiuo šakos lygiu ir padėtį dabartinėje mazgas, kai ji gauna dėmesio (pvz., sakydamos, kažką panašaus į “du iš keturių”);
  • rodantis, kiek vaikų limfmazgiai, kai išplėstinis mazgas gauna dėmesio (pvz., sakydamos, kažką panašaus į “trys daiktai”).

Iš penkių ekrano skaitytuvus, išbandyti, jie kiekvieną parodė bent keletą iš šių elgesio tarp keturių pavyzdžių, o kai kuriais atvejais-beveik visi iš jų.

Koks yra Geriausias būdas?

Geriausias Būdas Pavyzdžiui

Šias medžio rodinyje adresai klausimus, kurie buvo nustatyti, išbandyti ir aprašyti žemiau. Jei jūs turite idėjų, kaip pagerinti arba, kaip geriau spręsti kai kuriuos trūkumus, kad tam tikros ekrano skaitytuvu ir naršyklės deriniai su paprasta ARIA medžio vaizdu, prašome pasidalinti.

Šio medžio, peržiūrėti kūrinius visus iš ekrano skaitytuvu ir naršyklės deriniai išbandyti. Turbūt didžiausias klausimas, kaip aptarta toliau, yra daugiakalbiškumas patyrę, kai naršote medis su JAWS, NVDA, ir Window-Eyes į Internet Explorer yra klausimas, į kurį aš negalėjo rasti idealus sprendimas, kad nėra tuo pačiu metu gali sukelti rimtesnių problemų kitose ekrano skaitytuvus, ypač VoiceOver.

The Tree

Pagrindinis Struktūra

Medžio nuomonių yra būdas pereiti pavaldumo sąrašų, taip ir geras popierius fashion, naudojant sąrašas žymėjimo už medžio struktūra yra, ko gero, labiausiai tinkamas. Kai medis nuomonę naudoti div ir span elementų, kurie veikia puikiai, kaip ilgai, kaip ARIA ir JavaScript yra palaikomi. Jei jie nėra, tada vartotojui bus palikta nieko, bet krūva lizdinė div ir span elementų, kurie nebus naudinga.

Šiame pasiūlė geriausias metodas, medžio rodinyje naudoja nenumeruotas sąrašas, ir kiekvienas sąrašo elementas turi įdėti nuorodą. Sąrašo elementus  role="treeitem", ir įgyvendintiaria-selectedaria-level, jei aria-expanded  jie turi vaikų. Į įdėti nuorodą į kiekvieno sąrašo elemento yra nustatyta su role="presentation" ir tabindex="-1". Visi šie požymiai turi būti pridėta naudojant JavaScript, nes funkcionalumą medžio rodinyje priklauso nuo scenarijus rodyklės klavišą kontrolė.

Kad įdėtos nuorodos lygiai taip pat gali būti pakeistas, įdėtos span, jei jūsų pirma, medžio rodinyje nekeičia, norint naudoti nuorodas. Su tai geros praktikos pavyzdys, nėra skirtumo, elgsena, bet ekrano skaitytojai, išskyrus nedidelį padidėjimą daugiakalbiškumas Window-Eyes kuriame įdėtos nuorodos, palyginti tęsiasi.

Medžio hierarchinė struktūra ir santykiai tarp vaiko lapų mazgai ir jų tėvų taigi atstovaujama DOM struktūra. Tai yra, vaikas mazgas sąrašus vaikų, tėvų mazgas sąrašo elemento. Jei įdėtos nuorodos buvo mazgai, kiekvienas vaikas mazgas sąrašą būtų brolių, seserų, tėvų mazgas nuorodą, o ne savo vaikui. Galų gale, tai tikrai neatrodo, kad klausimas dėl JAWS, NVDA, arba ORCA, kurie bauda, ar vaikas mazgas sąrašai yra vaikai arba broliai ir seserys tėvų mazgas DOM hierarchija. Window-Eyes nesiskundžia lizdinė tęsiasi kaip mazgai, tačiau nėra gerai su įdėtos nuorodos. Ir VoiceOver nemėgsta įdėtos nuorodos, kaip mazgais, ne visi.

Medžio naudoja aria-activedescendant  (parama VoiceOver). Dėmesio juda ir lieka ant medžio sąrašas pati. Ji nejuda, per medžio šakas. Vietoj to, naudojant rodyklių klavišus ir pasirinkite arba išplėsti/sutraukti mazgas atnaujinimai mazgų aria-selected iraria-expanded atributai, kaip reikia, ir medis sąrašo  aria-activedescendantatributas. Paspaudus klavišą Enter arba Space nustato buvimo vietos href iš įdėtos nuorodos, kurių id yra skirta aria-activedescendant.

Kiekvienas vaikas mazgas sąrašas role="group" , siekiant nurodyti, kad prekės, tai yra forma atskiros surinkimo mazgų, kurie yra palikuonis į tėvų mazgas, medžių hierarchijoje. Tuo pačiu metu, nes vaikas mazgas sąrašus vaikų, tėvų mazgas sąrašo elementą, tai lemia problemos, kurių, kaip “Internet Explorer” apskaičiuoja tėvų mazgas yra prieinama pavadinimas. Programos Internet Explorer ir Prieinama Vardai toliau daugiau. Tam, kad probleminis elgesys, t. y. sumažinti nustatantaria-labelledbyant šaknų medį ul nuoroda pozicijoje prieš tai buvusius. Poilsio gali būti lengvai išspręsta naudojant aria-labelledbynustatykite norimą etiketės, kiekvienas mazgas sąrašo elementą, o tai sukelia rimtų problemų, dėl VoiceOver arba Safari. Tai rodo, kad kai VoiceOver remia tarptinklinio ryšio tabindex požiūrį ir gali nustatyti kiekvienas mazgas skaičius vaikus, nepriklausomai nuo DOM struktūra, todėl įdėtos nuorodos mazgai gali būti pagrįstas požiūris.

Vardan geros DOM struktūra, ir siekiant užkirsti kelią VoiceOver, pateikiant neteisingą informaciją apie vaikų mazgas izoliavimo, geriausias būdas čia siūlomų naudoja sąrašo elementų mazgai, o ne nuorodos įdėtos per juos, net jei tai daro dalykų šiek tiek išsamų ekrano skaitytojai IE. Tai vertinimas, skambinkite.

Spręsti Problemas

VoiceOver/Safari ir aria-activedescendant
Dėl VoiceOver į Safari, šiuo metu tik tikrai palaiko medžio vaizdu, kad naudoti  aria-activedescendantvietoj tarptinklinio ryšio tabindex, ir DOM struktūra, kuri atspindi mazgas ir vaikų santykių mazgas, geriausiai pavyzdys prasideda. Bet kitų požiūrio taip tiesiog negali tinkamai dirbti su VoiceOver.

Naudojantis tarptinklinio ryšiotabindexpožiūris VoiceOver, rodyklių klavišus judėti naršyklę dėmesio iš mazgo į mazgą, ir išplėsti arba sutraukti mazgai, bet Balso žymeklį bus ne laikytis. Tai reiškia, kad Balso žymeklį ne sinchronizuoti su naršykle žymeklį. Nors VoiceOver bus paskelbti pakeitimai išplėtė/žlugo valstybės, mazgas, ji bus neskelbia etiketės šiuo metu susikoncentravusi mazgas (nebent VoiceOver žymeklį taip pat atsitinka būti, kad mazgas).

Tai ne aišku, ar šis apribojimas yra klaida su VoiceOver, ar su Safari, tačiau Apple tapo žinoma apie jį. Mano įtarimas yra, kad jis yra VoiceOver problema, nes, iš to, ką aš galiu pasakyti, net su tarptinklinio ryšiotabindexpožiūris, Safari yra išlaikomas tinkamas vertybes į Mac OS X Prieinamumas Protokolą.

Taip pat reikėtų pažymėti, kad, norsaria-activedescendantmetodas veikia gana gerai su VoiceOver, jei naudodami rodyklių klavišus, jie efektyviai neveikia visai su Balso navigacijos komandas (Ctrl + Option + rodyklių klavišus). Nei VoiceOver komanda atidarymo ir uždarymo atskleisti triange (Ctrl+Option+\ ) darbo plečia/griūva mazgas.

Laimei, kiti keturi ekrano skaitytuvus, bandoma tvarkyti pakankamai gerai su  aria-activedescendantpožiūrio.

Internet Explorer ir Prieinama Pavadinimus

Internet Explorer sukuria prieinama pavadinimas kai roleelementų, kurių vaidmuo požymis pagal concatenating tekstus vaikas elementai. Pavyzdžiui, jei sąrašo elemento surole="treeitem"yra persipynusi sąrašą, 15 vaikų limfmazgiai, po nustatymo dėmesio arba pasirinkti, kad sąrašo elementą, JAWS ir NVDA skaitys ne tik, kad sąrašo elemento tekstas, tačiau tekstas iš visų vieną iš 15 vaikų mazgas sąrašo elementus, ar jie yra išplėstas, ir matoma, ar ne. Kas dar blogiau yra tai, kad kai dėmesys juda iš už medžio į medį, ar mazgas, per medį, NVDA ir Window-Eyes galės perskaityti kiekvienas mazgas visą medį, išsiplėtė ir matomas, ar ne. Tai greitai gauna blaško dėmesį, ypač medis ilgai vaikas mazgai filialai. Pabandykite example A  į IE su bet kuriuo iš šių ekrano skaitytuvus ir check it out sau.

IE, kai naujai pasirinkto mazgo į kitą filialą ir dalis vaikų sąrašą  role="group" , NVDA skaito kiekvienas mazgas per grupavimo ir priduria, žodį “grupė”. Jei mes pašalinti role="group"iš vaikų sąrašą, tada NVDA tiesiog prideda žodį “sąrašas”, o ne “grupė”, bet ji vis dar skaito grupės sąrašo elementus. Jei mes naudojamearia-labelledbyėl vaiko sąrašą nuoroda tėvų mazgas etiketę, tada NVDA naudoja, kad etiketėje, nes vardas grupės, kuri yra daug mažiau verbose, nors tai dabar priežastys NVDA į FF nustatyti kiekvienam vaikui sąrašą kaip grupės su nurodyta etiketėje, kurios to nepadarė, ne visi prieš. Dėl šio sprendimo, Orka, FF elgiasi taip, kad jame įtvirtinta kiekvieno vaiko sąrašą kaip “skydas”, o ne “grupė”, naudojant nurodyta etiketėje nurodyti skydelis.

Jei norime žengti dar vieną žingsnį ir naudotirole="presentation"dėl vaikų sąrašą, užuotrole="group", tada NVDA neleidžia skaityti, kad vaikų grupė, ne visi per IE. Tačiau, naudojant role="presentation" dėl vaikų sąrašą, užuot  role="group"sukelia JAWS į FF, po plečiasi mazgas su vaikais, skaityti etiketę, kas matoma mazgo per kuri vaikas sąrašą. Tai gali būti vertinama kaip šiek tiek padidinti, daugiažodiškumas už JAWS į FF už gerokai sumažėjo, daugiažodiškumas už NVDA IE. Kita vertus, kadangi dauguma NVDA vartotojai tikriausiai žaisti su Firefox, ir vaidmenį=”grupe”, tai, manau, tinkamas ARIA žymėjimo vaikų sąrašus iš medžio, geriausiai pavyzdys čia lazdos su role="group" ir taikomaaria-labelledbynuoroda vaikas sąrašas tėvų mazgas etiketė.

Atkreipkite dėmesį, kad naudojant divir span patikros elementų vietoj sąrašą nepavyksta išspręsti šią problemą, kaip IE apskaičiuoja prieinama pavadinimas mazgas, sąrašo elementus ir kaip ekrano skaitytuvus, relės, kad informacijos.

Skaityti taisyklė 2C ARIA Prieinama Pavadinimas Skaičiavimo, IE elgseną, atrodo, yra teisinga, iki tam tikro laipsnio, nors nesu tikras, ar tai turėtų būti įskaitant tam, kad skaičiavimo palikuonys, kad yra paslėpti perdisplay:none  ir todėl neturėtų būti prieinamumą medis. Aš taip pat nesu tikras, kad tai yra teisingas požiūris medžio. Aš manau, kad tai prasminga, daugiau diskrečiųjų interaktyvių elementų, pavyzdžiui, mygtukus ir meniu elementų, kurių vienas nesitikėjote būti įdėtos kontrolė. Tačiau, aš galiu pamatyti, jei medžio, tik, kaip ir įprasti elementų sąrašą, gali pagrįstai būti vienas ar daugiau valdiklių. Bet kuriuo atveju, teisingą elgesį, ar ne, ji padaryti už gana išsamų patirties su ekrano skaitytuvais IE.

VoiceOver nemėgsta Sprendimas

Siekdama spręsti šią problemą, idealus sprendimas būtų, įsitikinkite, kad abi pagrindinės medžių ul ir kiekvienas medžio mazgaslinaudotiaria-labelledprogramiškai nustatyti tinkamą prieinama pavadinimas medis ir kiekvienas mazgas. Tobulame pasaulyje mes galime naudoti aria-labelledbydėl pagrindinių ul nuoroda pozicijoje iki medžio, ir ant kiekvieno mazgo sąrašo elementą,aria-labelledbynuoroda įdėta nuorodą.

Aš sakau, “idealiu atveju”, nes naudojantaria-labelledby(arbaaria-label, kad klausimas) dėl mazgų, dėl tam tikrų priežasčių sustoja VoiceOver iš paskelbta pavadinimas pasirinktas mazgas. Jis taip pat sukelia skambučių medžio rodinyje sąrašo lauką, vietoj stalo, kaip VoiceOver tradiciškai nėra su medžio nuomonę, ir su kuriuo tikiuosi, kad dauguma VoiceOver vartotojai yra susipažinę.

Naudojantaria-labelledbydėl pagrindinio medžio ul, tačiau, atrodo, sukelti jokių problemų, ir yra naudinga užkertant kelią NVDA ir Langą-Akis nuo skaitymo kiekvienas mazgas visą medį, kai dėmesys pirmiausia juda į medį. Tačiau, ne klausos pavadinimas kiekviename mazge kaip vienas perėjus per medis su VoiceOver yra šiek tiek spręsti pertraukiklis, todėl geriausias būdas čia siūlomų nenaudojaaria-labelledbydėl mazgų.

Tai yra didelis kompromisas: gauti medžio rodinyje, kad dirba “voiceover” ir visos kitos pagrindinės ekrano skaitytojai – JAWS ir NVDA vartotojams, kurie nori dirbti su Internet Explorer gaus gerokai mažiau maloni patirtis. Jis išlieka tinkamas naudoti, tačiau yra toli nuo idealo.

Įdėtos Nuorodos

Kai medis nuomonių yra nuorodos įdėtos per atskirus mazgus, o kiti naudoti įdėtos nuorodos mazgai patys. Kai kurie medžiai nereikia būti nuorodos ne visi, galbūt pakeičiant juos sudėlioti span. Vėlgi, kiekvienas šių metodų gali būti priversti dirbti vienoje ar daugiau, bet ne visi, ekrano skaitytuvais. Aš įtraukti įdėtos nuorodos dauguma bandymo pavyzdžių, nes manau, kad jie jų naudojimo atvejus ir naudojimo nuorodos sukelia kai kurie klausimai su kai kurių ekrano skaitytojams, kad yra verta paminėti. Nuorodos taip pat pateikti numatytąją, gimtoji focussable ir baustinas elementas turėtų, pavyzdžiui, JavaScript nėra įgalinti.

VoiceOver ir Įdėtos Nuorodos

VoiceOver, jei medis peržiūrėti naudojantaria-activedescendantnaudoja įdėtos nuorodos, kaip mazgais, vietoj to, sąrašo elementus, kiekvienas mazgas su vaikais, yra paskelbta kaip turintis nulį uždara vaikų limfmazgiai, kurie yra tiesiog neteisinga. Naudojantaria-owns, ar kartu suaria-setsize iraria-posinset, neveikia gauti VoiceOver pripažinti skaičius ribotas vaikas mazgai. Dėl šios priežasties, siūloma geriausiai išlaiko sąrašą daiktų, kaip mazgai, vietoj įdėtos nuorodos, kaip mazgai.

JAWS/Firefox ir Įdėtos Nuorodos

Nuorodos įdėtos per medžio viršūnė sąrašo elementus kelią JAWS į Firefox automatiškai patekti formos režimą, nebent nuorodųrole="presentation. Kaip, pavyzdžiui, mūsų geriausias metodas, pavyzdžiui, įdėtos nuorodos yra nustatytasrole="presentation. Jei jūsų medžio rodinyje neturi reikalauti, kad įdėtos nuorodos, kurias ji gali ne, priklausomai nuo tikslu, savo medžio vaizdą ir funkcionalumą bandote pateikti, tada nereikia nerimauti. Pavyzdžiui, jei medis daiktų buvo įdėtos tęsiasi vietoj nuorodos, tada JAWS į FF automatiškai pradeda formos režimą, tiesiog puikiai.

Window-Eyes ir Įdėtos Nuorodos

Norsrole="presentation"dėl įdėtos nuorodos padeda JAWS į Firefox automatiškai įterpti formos režimą, tai daro Window-Eyes daugiau verbose. Siūlomas geriausias metodas, kuri naudoja įdėtos nuorodos surole="presentation", jei pasirinktas mazgas yra dalis vaikų mazgas, filialas, Window-Eyes į IE skaito etiketes visų mazgų, kad vaikui filialas, nesvarbu, ar jie yra matomi, ar ne, span, kaip ir JAWS ir NVDA ar IE. Jei nuorodos yra pavertė iš už lizdinė tęsiasi, tada Langą-Akis elgiasi gana gražiai, ir ne ilgiau, skaito visus vaiko mazgas vardai. Tai atsitinka tik per Langą-Akis, nors. Ar įdėtos nuorodos arba span, JAWS ir NVDA elgiasi pats su tai geriausias būdas, pvz., IE. Vėlgi, priklausomai nuo naudojimo atveju, jei norite, galite eiti su lizdinė tęsiasi, o ne jungtis.

Šakos Lygiu Numeracija

Kur nurodant filialą lygį dėmesio mazgas yra susirūpinęs, kai ekrano skaitytuvus, pagal numatytuosius nustatymus nustatyti šakninį mazgą filialas, kaip lygiu nuliui, o kiti jį vadina vienas lygis. Į JAWS ir VoiceOver, viršuje filialas medis yra laikomas lygiu nuliui. NVDA, tik Firefox, taip pat Window-Eyes ir Orca, apsvarstyti šakninį mazgą filialas būti vienas lygis. NVDA į IE nerodo mazgas dabartinės šakos lygiu.

Galima nustatyti, aria-level mazgas nustatyti norimą filialas lygis, nors ir tai nepadeda visas ekranas skaitytojai. Pavyzdžiui, nustačius aria-level="1" dėl pirmojo lygio mazgai bus gauti VoiceOver, taip pat JAWS į IE, bet ne Firefox, paskelbti šių mazgų yra vienas lygis, o ne lygiu nuliui. Tai suteikia daugiau nuoseklų elgesį visame ekrane skaitytojai, ir todėl tai įgyvendinti geriausias būdas pasiūlė čia.

Nurodant Vaiko Izoliavimas

Tik JAWS į IE, ir VoiceOver, rodo, išplėstinis mazgas skaičius vaikas mazgai. Būtų puiku, jei tai būtų galima spręsti naudojant kažką panašaus  aria-posinsetsu aria-setsize, tačiau šie atributai neatrodo, kad turėti jokios įtakos, bet iš ekrano skaitytuvu ir naršyklės deriniai, kai vaikas mazgai nėra paskelbta.

NVDA ir Internet Explorer 10

Į IE10, NVDA sąveiką su medžio vaizdu, kad naudotiaria-activedescendantatrodo šiek tiek neveikia. Atrodytų, kad būti IE10 klausimas, kaip NVDA atlieka taip, kaip tikėtasi, IE9. Iš esmės, IE10, NVDA, dar nereiškia, įveskite taikymo, kai fokusavimo režimas yra nustatytas į mazgas, medis. Automatinio taikymo režimas gali būti priversti nustatymą,role="application"dėl medžių bako, bet tai nereiškia, kad likusios medžio tinkami naudoti su NVDA į IE10. Net jei vienas sugeba patekti į taikymo režimas, visišką priėjimą prie kiekvienas mazgas medžio neatrodo įmanoma.

Taigi, tai yra dar vienas didelis kompromisas: medis, mano, kad veikia visą ekraną skaitytojai išbandyti neveiks, bet tinkami naudoti su mados NVDA į IE10. Tuo pačiu metu, tai tikriausiai yra ne pats blogiausias dalykas pasaulyje, kaip ir dauguma NVDA vartotojai tikriausiai dirbti su Firefox.

Išleidimą tai visi Kartu

Kadangi visi klausimai, aprašyta pirmiau, aš bandžiau pasiūlyti požiūrį į statybos medžio vaizdu, kad bus dirbti visų populiarių ekrano skaitytuvu ir naršyklės derinius, tuo pačiu mažinant blogą poveikį kiekvieno ekrano skaitytojo tikras elgesys. Nesu laiminga su juo, nes tai kelia kai kurių nemalonių elgesio ekrano skaitytuvus, IE, siekiant remti didelių apribojimų VoiceOver tvarko medžio nuomonę.

Vėlgi, jei jūs turite kitą požiūrį, kuris, jūsų manymu valdo šiuos klausimus geriau, arba jei pastebite kažką aš praleidau, prašome leiskite man žinoti. Yra tiek daug kitimą, tiek būdus, kaip galima pažymėti medžio peržiūrėti ir, kaip skirtingos ekrano skaitytuvus ir naršyklių elgtis su jais, kad tai nėra mažai tikėtina, kad aš kažką pamiršta.

Bandymų Tikrasis Ekrano Skaitytuvas Elgesį

Išbandyti ekrano skaitytuvas parama WAI-ARIA medžių vaizdais, aš sukūrė keturis paprastus pavyzdžius. Iš tikrųjų, aš sukūriau daug daugiau pavyzdžių, tiesiog išbandyti arba paneigti galimą išspręsti kai kurias problemas atrado. Bet aš tik, įskaitant keturių pavyzdžių žemiau kaip jie atskleisti pagrindinius klausimus, mano siūlomas geriausias būdas bandoma spręsti.

Kiekvienas iš pavyzdžių-paprastos, vieno atrankos medžio rodinyje, o ne kelis atrankos medžio, kur daugiau nei vieną elementą galima pasirinkti tuo pačiu metu. Į šiuos pavyzdžius, tik vienas medis elementą, gali būti pasirinktas vienu metu. Tai reiškia, kad medžio elementą su sutelkti dėmesį, taip pat nustatyti, kaip atrinkti, naudojant  aria-selected="true".

Pavyzdžių yra visi variantai, kitas mėginys medžio nuomonę, kad galima rasti internete, pavyzdžiui, Medžių Pavyzdys 3 iš iCITA, Hans Hillen yra Prieinama jQuery-ui Komponentai medžio valdikliui, ir James Craig ARIA medžio pavyzdys.

Ekrano Skaitytojai Išbandyti

Pavyzdžiai buvo išbandyti su šių ekrano skaitytuvu ir naršyklės kombinacijos, kaip gerai jie rodomi šešių idealus elgsena ir ARIA medžio nuomonę aukš:

  • abu JAWS 14 ir NVDA 2012.3.1 su Internet Explorer 9 ir Firefox 19
  • Windows 7 ir Internet Explorer 10 į Windows 8
    Window-Eyes 8.1 su Internet Explorer 10 ir Firefox 19, tiek Windows 8
  • “VoiceOver” su “Safari” 6.0.2 į Mac OS X 10.8.2 (Mountain Lion) ir 10.7.5 (Lion)
  • Orca 3.4.2 su Firefox 19 į Ubuntu 12.04

Atkreipkite dėmesį, kad dėl lenteles kiekvienai pavyzdžiui, jei nenurodyta kitaip, JAWS elgesį IE9 yra tas pats, kaip jo elgesys IE10. Tas pats pasakytina ir NVDA į IE9 ir IE10.

Taip pat įsitikinkite, kad skaityti pastabos, susijusios su kiekvieno pavyzdžio bandymų rezultatai, kaip šie aptarti papildomų elgesį ir klausimai, kuriems netaikoma rezultatų lentelėse.

Pavyzdžiui A

Pavyzdžiui A, naudoja paprastą nenumeruotas sąrašas role=”tree”. Atskirų elementų sąrašą priskiriamosrole="treeitem", ir sudėliotaspanelementų. Naudodami pagrindinę klaviatūrą komandos, dėmesys juda iš sąrašo elementą sąrašo elemento. Sąrašo elemento arba mazgas su dėmesioaria-selected="true", o visi kiti mazgai yra nustatyti  aria-selected="false".

Atvira arba uždara valstybė mazgai su vaikais vizualiai yra nurodyta su gana standartinis plius ir minus piktogramos, nurodančios, kaip CSS fono paveikslėliai ant tuščiodiv. Nors tikriausiai nėra būtina, užtikrinti, kad jie yra paslėpti nuo ekrano skaitytojai,aria-hidden="true"(tiesa) yra naudojamas. Pelės vartotojai gali spustelėti ant šios piktogramos, kad būtų galima perjungti išsiplėtė/žlugo valstybės mazgas. Klaviatūros vartotojams, žinoma, naudokite rodyklių klavišus.

Kai mazgas, su vaikais, būtų išplėstas, josaria-expandedpožymis yra pakeistas iš “false”, “tiesa”, ir matomas perjungimo piktograma yra atnaujinama iš plius minus ženklas atspindi valstybės mazgas. Vaiko sąrašas (role=”group”), kuris buvo paslėptas naudojantdisplay:none, yra nustatyti  display:block. Naudotiaria-hiddennereikia, kaipdisplay:nonejau tarnauja paslėpti, kad turinys iš visų vartotojų ir pagalbines technologijas.

Šį modelį atnaujinti atitinkamus atributus mazgai ir grupėms, vaikų limfmazgiai, atsiranda daugiau ar mažiau vienodai su visais pavyzdžiai čia.

Čia yra keletas pavyzdžių kodą pavyzdžiui A:

<ul class="tree" role="tree">
   <li role="treeitem" aria-expanded="true" aria-selected="true" tabindex="0" class="hasChildren">
      <div class="toggle expanded" aria-hidden="true"></div>
      <span class="">Flora</span>
      <ul class="children" role="group" style="display: block;">
         <li role="treeitem" aria-expanded="false" aria-selected="false" tabindex="-1" class="hasChildren">
            <div class="toggle collapsed" aria-hidden="true"></div>
            <span>Trees</span>
            <ul class="children" role="group" style="display: none;">
               <li role="treeitem" aria-selected="false" tabindex="-1" class="noChildren">
                  <span>Maple</span>
               </li>
               ...
            </ul>
         </li>
         ...
      </ul>
   </li>
   ...
</ul>

Bandymų Rezultatai Pavyzdžiui A:

Ekrano Skaitytuvas/Naršyklę Atvyksta Taikymo Režimas Fokusavimo Nurodomos Medžio Rodinyje arba Panašios Nurodomos Mazgas Išplėtė/Žlugo Valstybės Rodo Mazgas Filialo Lygis Rodo Mazgas Poziciją Tarp Brolių Seserų Mazgai Rodo Skaičius Išsiplėtė Mazgas Vaikų
JAWS į IE9/10 Taip Taip, bet tik Naršyti Režimas Taip Taip Taip, bet tik žlugo arba pabaiga mazgai Taip
JAWS į FF19 Taip Taip, bet tik Naršyti Režimas Taip Taip Taip Ne
NVDA į IE9/10 Taip Taip Taip Ne Ne Ne
NVDA į FF19 Taip Taip Taip Taip Taip Ne
Window-Eyes į IE10 Taip Taip Taip Taip Taip Ne
Window-Eyes į FF19 Taip Taip Taip Taip Taip Ne
VoiceOver į Safari 6.0.2 Nėra Atsakymo Medis kaip nustatyta, lentelė Ne Ne Ne Ne
Orca į FF19 Nėra Atsakymo Taip Taip Taip Ne Ne
Rezultatas Pažymi Pavyzdžiui A
  • JAWS ir Pavyzdžiui A
    Tiek IE ir FF, įvažiuojant medžio rodinyje, JAWS suteikia sąveika instrukcijos, “pereiti per arba išplėsti elementus, naudokite rodyklių klavišus.” Šis elgesys yra dažnas JAWS visi pavyzdžiai čia.
  • IE tik, nurodţius dėmesio arba išplėsti/sutraukti mazgas su vaikais, JAWS skaito kiekvienas vaikas mazgas, nesvarbu, ar ji yra išplėstas, ir matoma, ar ne. Tai gana išsamų ir blaško dėmesį, ir tai turi daryti su įdomiu ryšis kad TY ar su prieinama pavadinimas kai  role elementais, su vaidmuo atributas. Veiksmingai, prieinama pavadinimąlisu role="treeitem"tampa eilutės, kurioje tekstą iš kiekvieno vaiko elementas, įskaitant lizdinė vaikų sąrašai paslėptų naudojantdisplay:none. Nustatymasaria-labelledbysu id sąrašo elemento lizdinėspanelementas nėra išspręsti šią problemą.
  • Skaityti taisyklė 2C apie ARIA Prieinama Pavadinimas Skaičiavimo, IE elgsena atrodo teisinga, nors nesu tikras, ar tai turėtų būti įskaitant tam, kad skaičiavimo palikuonys, kad yra paslėpti perdisplay:noneir todėl neturėtų būti prieinamumą medis.
    NVDA ir Pavyzdžiui A
  • Kai pirmą kartą nustatymas dėmesį, kad bet koks mazgas medžio IE, NVDA skaito kiekvieną mazgas, medžio, išsiplėtė ir matomas, ar ne. Dar kartą, naudojantaria-labelledbydėl pagrindinės medžių sąrašą išsprendžia šią.
  • Kai fokusavimo pokyčiai filialas ir persikėlė į mazgas vaikas sąrašą  role="group", rašoma kiekvienas mazgas per grupavimo ir priduria,  role="group". Jei mes pašalinti vaidmenį=”grupė” iš vaikų sąrašą, tada NVDA tiesiog prideda žodį “sąrašas”, o ne “grupė”, bet vis tiek skaito grupės sąrašo elementus. Jei mes naudojamearia-labelledbydėl vaiko sąrašą nuoroda tėvų mazgas etiketę, tada NVDA naudoja, kad etiketėje, nes vardas grupės, kuri yra daug mažiau verbose. Dar geriau, jei mes naudojamerole="presentation"dėl vaikų sąrašą, užuot role="group", tada NVDA nėra perskaitykite vaikų grupė. Tačiau tai sukelia JAWS į FF, po plečiasi mazgas su vaikais, skaityti etiketę, kas matoma vaikas mazgas.
  • Be to, IE, nurodţius dėmesio mazgas su vaikais, NVDA skaito kiekvienas vaikas mazgas, nesvarbu, ar ji yra išplėstas, ir matoma, ar ne. Tai be NVDA pirmąjį svarstymą visų mazgų vaikas sąrašąrole="group", kai dėmesys pirmiausia juda mazgas tos grupės.
  • NVDA nerodo skaičius vaikas elementus pagal išplėstinio mazgas. Naudojant  aria-setsizeneturi jokio poveikio.
    Window-Eyes ir Pavyzdžiui A
  • IE, po pirmo nustatymo dėmesio mazgas, per medžio, Window-Eyes skaito visi iki vieno medžio mazgų, matomas ir išplėstas, ar ne. Nustatymas aria-labelledby ant medžio pagrindinis ul sustoja tai, kas vyksta.
  • Po persikėlimo dėmesio mazgas, kitą filialas, Window-Eyes skelbia mazgas filialo lygį, kuriuo ragina “gylis”.
    VoiceOver ir Pavyzdžiui A
  • Įdomu tai, kad VoiceOver nurodomi medžiais, lentelės, ir nustatomos lygiavertes eilės numeriu pažymėto mazgas. Tai bent jau atitinka, kaip VoiceOver susijęs su medžio požiūrį į Finder į Mac OS X, todėl tikiuosi, kad VoiceOver vartotojams bus susipažinę su ja. Dar, manau, tai šiek tiek keista.
  • Navigacija su rodyklių klavišus juda naršyklę dėmesio iš mazgo į mazgą, bet Balso žymeklį nereiškia naršyklę dėmesio. Jūs galite išplėsti/sutraukti mazgai, naudodami rodyklių klavišus ir VoiceOver bus skelbia, kurio eilės numeris yra išplėsta/žlugo, bet ne teksto turinį, mazgas, todėl šis medis peržiūrėti pavyzdys veiksmingai naudoti tokiu atveju. Neaišku, ar tai yra WebKit arba VoiceOver klaidą, tačiau Apple tapo žinoma apie jį.
  • Ir atvirkščiai, naudodami VoiceOver navigacijos komandas perkelti Balso žymeklį iš mazgo į mazgą ar sukelti VoiceOver pranešti mazgas asmens vardas, pavardė, pareigos ir putų/žlugo valstybės, bet naršyklės dėmesio neatitinka ir nuolat sinchronizuoti su Balso žymeklį. VoiceOver komanda (Ctrl+Option+\expandrequest ir collapserequest IndieUI įvykiai yra paremti.
    Orca ir Pavyzdžiui A
  • Orca nereiškia, skaičius vaikų elementus pagal išplėstinio mazgas. Naudojant  aria-setsize neturi jokio poveikio.
  • Orca nerodo skaičių, brolius, seseris, mazgų šiuo šakos lygiu, arba pozicijos, tarp jų mazgo su focus. Naudojant aria-posinsetsuaria-setsizeneturi jokios įtakos.

Pavyzdys B

Pavyzdys B yra nenumeruotas sąrašasrole="tree", kaip pavyzdys A, bet sąrašas daiktų buvo įdėtos nuorodos, ir tai yra nuorodos, kad yra nustatyti su  role="treeitem". Dėmesio juda nuorodas ir nuorodasaria-selectedreikšmės yra atitinkamai atnaujinamas. Norėdami išvengti semantika sąrašą daiktų, trukdančių, kiekvienalituri savo role="presentation.

Atkreipkite dėmesį, kad vaiko mazgas grupių nėra sudėliota, kaip ir tiesioginiai palikuonys, jų tėvų mazgų, kurie yra ryšys su @role=”treeitem”. Vietoj to, jie yra broliai ir seserys esančią nuorodą. Tai neatrodo, kad trukdo JAWS, NVDA, arba ORCA, kurie skiria tinkamus santykius tarp medžio ir jų sub-mazgas grupes. Ji gali turėti tam tikrą poveikį, VoiceOver, bet VoiceOver neveikia su šiuo medžio rodinio struktūra, bet kuriuo atveju.

Bandymų Rezultatai už Pavyzdžiui B

Ekrano Skaitytuvas Elgesį su Medžio Rodinyje Pavyzdys 

Ekrano Skaitytuvas/Naršyklę Atvyksta Taikymo Režimas Fokusavimo Nurodomos Medžio Rodinyje arba Panašios Nurodomos Mazgas Išplėtė/Žlugo Valstybės Rodo Mazgas Filialo Lygis Rodo Mazgas Poziciją Tarp Brolių Seserų Mazgai Rodo Skaičius Išsiplėtė Mazgas Vaikų
JAWS į IE9/10 Taip Taip, bet tik Naršyti Režimas Taip Taip Taip, bet tik žlugo arba pabaiga mazgai Taip
JAWS į FF19 Taip Taip, bet tik Naršyti Režimas Taip Taip Taip Ne
NVDA į IE9/10 Taip Taip Taip Ne Ne Ne
NVDA į FF19 Taip Taip Taip Taip Taip Ne
Window-Eyes į IE10 Ne Taip Taip Taip Taip Ne
Window-Eyes į FF19 Taip Taip Taip Taip Taip Ne
VoiceOverį Safari 6.0.2 Nėra Atsakymo Medis kaip nustatyta, lentelė Ne Ne Ne Ne
Orca į FF19 Nėra Atsakymo Taip Taip Taip Ne Ne

Rezultatas Pažymi už Pavyzdžiui B
JAWS ir Pavyzdžiui B
Rezultatai pavyzdžiui B yra tos pačios, kaip ir, pavyzdžiui A, su viena svarbi išimtis: Nes įdėtos nuorodos, o ne elementų sąrašą, nustatomi  role="treeitem", kuriame dėmesys, kad arba išplėsti/sutraukti mazgas, nesukelia JAWS skaityti, kiekvienas su savo vaiku mazgai.

NVDA ir Pavyzdys B
Rezultatai yra tokie patys, kaip ir, pavyzdžiui A, išskyrus tai, kad be į IE, nustatant dėmesio mazgas, kuriame yra nuoroda į tai pavyzdys, NVDA skaito link href vertę.

Window-Eyes ir Pavyzdys B 
Rezultatai Window-Eyes į B pavyzdys yra tas pats, kaip pavyzdys A, išskyrus tai, kad IE:

  • Kai pirmą kartą nustatymo dėmesio mazgas, medžio, Langų Akyse, dar nereiškia, įveskite formų režimą; ir,
  • Kai dėmesys yra nustatyta mazgas, Langų Akys, kaip NVDA, skaito link href vertę.

VoiceOver ir Pavyzdys B
VoiceOver elgesį, B pavyzdys yra tas pats, kaip, pavyzdžiui  A.

Orka ir Pavyzdys B
Orca elgesio pavyzdys B yra tas pats, kaip, pavyzdžiui A.

Pavyzdys C

Pavyzdys C yra kaip pavyzdys, B, kad sąrašas daiktų buvo įdėtos nuorodos. Šiuo atveju, tačiau, sąrašo elementai yra mazgų ir pasirinkti  role="treeitem". Dėmesio juda sąrašo elementus. Įjungimas medžio elementą, paspauskite Enter arba Space nustato buvimo vietos įdėtos nuorodos href vertę.

Bandymų Rezultatai Pavyzdys C
Ekrano Skaitytuvas Elgesį su Medžio Rodinį Pavyzdys C

Ekrano Skaitytuvas/Naršyklę Atvyksta Taikymo Režimas Fokusavimo Nurodomos Medžio Rodinyje arba Panašios Nurodomos Mazgas Išplėtė/Žlugo Valstybės Rodo Mazgas Filialo Lygis Rodo Mazgas Poziciją Tarp Brolių Seserų Mazgai Rodo Skaičius Išsiplėtė Mazgas Vaikų
JAWS į IE9/10 Taip Taip, bet tik Naršyti Režimas Taip Taip Taip, bet tik žlugo arba pabaiga mazgai Yes
JAWS į FF19 Taip, bet pamatyti pastabos Taip, bet tik Naršyti Režimas Taip Taip Taip Ne
NVDA į IE9/10 Taip Taip Taip Ne Ne Ne
NVDA į FF19 Taip Taip Taip Taip Yes Ne
Window-Eyes į IE10 Taip Taip Taip Taip Yes Ne
Window-Eyes į FF19 Taip Taip Taip Taip Yes Ne
VoiceOver į Safari 6.0.2 Nėra Atsakymo Medis, kaip nustatyta, lentelė Ne Ne Ne Ne
Orca į FF19 Nėra Atsakymo Taip Taip Taip Ne Ne

Rezultatas Pažymi Pavyzdys C

JAWS ir Pavyzdys C
IE, kaip, pavyzdžiui A, JAWS skaito visus vaiko limfmazgiai, išsiplėtė ir matomas, ar ne, nustatant dėmesio arba išplėsti/sutraukti mazgas su vaikais.
FF, po pirmo nustatymo dėmesio mazgas, medžio, JAWS bus automatiškai įvesti formos režimą, tik jei nuorodos įdėtos per elementų sąrašą nustatomi vaidmenį=”pristatymas”. Priešingu atveju, reikia rankiniu būdu įvesti formos režimą paspaudus Enter dėmesio mazgas. Kita vertus, galima išjungti JAWS Virtualus PC Žymeklį. Naudojant lizdinė tęsiasi, o ne įdėtos nuorodos vengia šią problemą.

NVDA ir Pavyzdys C 
NVDA elgesį, pavyzdžiui, C yra toks pat, kaip pavyzdį A.

Window-Eyes ir Pavyzdys C
Window-Eyes elgseną, pavyzdžiui, C yra toks pat, kaip pavyzdį A.

VoiceOver ir Pavyzdys C
VoiceOver elgesį, pavyzdžiui, C yra toks pat, kaip pavyzdžiai A ir B.

Orca ir Pavyzdys C
Orca elgesio pavyzdys C yra toks pat kaip A ir B pavyzdžiai, su viena svarbi išimtis: Kai dėmesys yra nustatyta pabaigos mazgas, kuriame yra nuoroda, dėmesys yra nustatytas ryšys pati. Tuo metu, rodyklių klavišus judėti dėmesio iš nuorodos į nuorodą, bet ne mazgo į mazgą, todėl reikia Orka navigacijos komandas (Orca Modifikatorius + rodyklių klavišus) iš tiesų pakeisti mazgas, o tik kairės ir dešinės rodyklių klavišus toliau išplėsti/sutraukti mazgai su vaikais. Tačiau nustatyti role="presentation"dėl įdėtos nuorodos išsprendžia šią problemą Orca. Tai nėra baisi, nes nuorodos nėra focussable bet kokiu atveju, nes jie yra nustatyti su tabindex="-1" , siekiant priversti sutelkti į sąrašą daiktų, kurie veikia kaip medžio šakas.

Pavyzdys D

Pavyzdys D yra kaip pavyzdys C, kad sąrašo elementai yra medžio elementų, tačiau išvyksta iš trijų ankstesnių pavyzdžių, kad ji naudoja aria-activedescendant. Dėmesys nėra klajoti per medžio šakas, bet vietoj lieka ant medžio pati. Dėmesys buvo ant medžio, naudodami rodyklių klavišus atnaujinimai medžio aria-activedescendantvertę id pasirinktos mazgas, kuris yra nustatyta su aria-selected="true". Paspaudus klavišą Enter arba Space nustato buvimo vietos href vertė įdėti nuorodą, kurių id yra skirta  aria-activedescendant.

Bandymų Rezultatai a Pavyzdys D
Ekrano Skaitytuvas Elgesį su Medžio Rodinį Pavyzdys D

Ekrano Skaitytuvas/Naršyklę Atvyksta Taikymo Režimas Fokusavimo Nurodomos Medžio Rodinyje arba Panašios Nurodomos Mazgas Išplėtė/Žlugo Valstybės Rodo Mazgas Filialo Lygis Rodo Mazgas Poziciją Tarp Brolių Seserų Mazgai Rodo Skaičius Išsiplėtė Mazgas Vaikų
JAWS į IE9/10 Taip Taip, bet tik Naršyti Režimas Taip Taip Taip, bet tik žlugo arba pabaiga mazgai Taip
JAWS į FF19 Taip, bet pamatyti pastabos Taip, bet tik Naršyti Režimas Taip Taip Taip Ne
NVDA į IE9/10 — matyti pastabos Taip, bet pamatyti pastabos Taip Taip Ne Ne Ne
NVDA į FF19 Taip Taip Taip Taip Taip Ne
Window-Eyes į IE10 Taip Taip Taip Taip Taip Ne
Window-Eyes į FF19 Taip Taip Taip Taip Taip Ne
VoiceOver į Safari 6.0.2 Nėra Atsakymo Medis kaip nustatyta, lentelė Taip, bet pamatyti pastabos Taip Ne Taip
Orca į FF19 Nėra Atsakymo Taip Taip Taip Ne Ne

Rezultatas Pažymi, Pavyzdys D

JAWS ir Pavyzdys D
Elgesys D pavyzdys yra tas pats, kaip pavyzdys C: Į FF, nuorodos įdėtos sąrašo elementą medžio šakas reikia role="presentation", nors JAWS nėra automatiškai įvesti formos režimą. Tačiau, FF, berole="presentation"ant nuorodos, paspaudus Enter, šiuo metu pasirinktos mazgas skirtas tik iš karto perjungti formos režimą ir ne kartą tuo pačiu metu. Tačiau, rankiniu būdu išjungti JAWS Virtual PC Žymeklį nėra darbo, suteikianti prieigą prie medžio rodinyje. Vėlgi, jei lizdinė span naudojami vietoj nuorodos, tai ne problema.

  • NVDA ir Pavyzdys D
    Į IE9, NVDA atlieka efektyviai pat, kaip ji tai daro pavyzdžiai A ir C. Tačiau IE10, sąveika su šia pavyzdžiui, medžių vaizdas atrodo šiek tiek neveikia. Atrodytų, kad būti IE10 klausimas, kaip NVDA atlieka taip, kaip tikėtasi, IE9. Iš esmės, IE10, NVDA, dar nereiškia, įveskite taikymo, kai fokusavimo režimas yra nustatytas į medį. Net jei vienas sugeba patekti į programai ” režimas (paspausdami rodyklę  Down arrow, tada Tab , kai tikslas yra nustatyti į medį, talpyklos), pilną prieigą prie kiekvieno mazgo medžio neatrodo įmanoma.
  • Greitai bandymas, naudojant IE10 su variacija pavyzdį D, be, įdėtos nuorodos elementų sąrašą, kaip galima rasti, su James Craig ARIA medžio rodinį, pavyzdį rezultatai yra daug tos pačios: O James pavyzdys naudoja  role="application", kuri automatiškai pajėgų NVDA į taikymo režimas, jis lieka, kad nė vienas mazgas tekstą skelbia NVDA, todėl medžio rodinyje veiksmingai naudoti.
  • Į IE9, pasirenkant (taip pat žinomas kaip nustatytiaria-activedescendantsu id) mazgas su vaikais, NVDA skaito visus vaiko limfmazgiai, išsiplėtė ir matomas, ar ne. Taip pat tai daro, pavyzdžiui, kai išplėsti arba sutraukti mazgas. Nustatymasaria-labelledbysu id įdėtos nuorodos tekstu išsprendžia tai, nors tai daryti sukelia rimtų problemų su VoiceOver. Ir net tada, vaikų sąrašus  role="group"dar gauti, skaityti, kurią NVDA, kai mazgas, naujas vaikų sąrašas grupė yra pasirinkta. Jei pageidaujama, tai galėtų būti sprendžiamas nustatantaria-labelledbydėl vaiko sąrašo ul, arba naudojantrole="presentation"vietoj  role="group".
  • Į FF, NVDA elgesį su D pavyzdys yra tas pats, kaip su pavyzdžiais A, B, ir C.

Window-Eyes ir Pavyzdį D
Window-Eyes elgseną, pavyzdį D yra toks pat kaip pavyzdžiai A ir C.

VoiceOver, ir Pavyzdys D

  • Tai yra tik pavyzdys, kuriame VoiceOver veikia su medžio rodinyje. Atrodo, kad, bent kol kas, VoiceOver nepalaiko tarptinklinio ryšio tabindexmetodas, kur iš tikrųjų dėmesys juda iš mazgo į mazgą, bet reikia naudoti aria-activedescendantant medžio bako į tašką, šiuo metu pasirinktos mazgas.
  • Kadangi VoiceOver nurodo, kad medis, kaip stalas, kai pasirinktas mazgas su vaikais išsiplėtė/žlugo, VoiceOver skelbia eilučių skaičius, kurie buvo pridėti arba pašalinti, ir eilės numeris, šiuo metu pasirinktos mazgas.
  • Kai dėmesys yra pirmiausia nustatyti, kad medžio rodinyje, VoiceOver nėra paskelbti, etiketės, šiuo metu aktyviai palikuonis. Kai aktyvus palikuonis mazgas keitimus naudodami rodyklių klavišus, tačiau tada VoiceOver skelbia etiketė. Nuo pridedantaria-labelledbyį mazgus sukelia problemų su VoiceOver, aš ne rasti būdą, kaip įveikti šią problemą šiek tiek apribojimas.

Orka, ir Pavyzdys D
Orka, elgesį, pavyzdys D yra toks pat kaip pavyzdžiai A ir B.

Padėka

Ačiū James Craig už patarimus dėl ARIA medžio nuomonę apskritai ir teikti pavyzdys, kad dirbo Safari su VoiceOver, ir Todd Kloots naudingų įžvalgų ir diskusijų ir bandymų VoiceOver į Mac OS X Lion.

Šios svetainės turinys yra licencijuotas pagal Creative Commons Attribution-Nekomercinis-ShareAlike 3.0 License.

 

Grįžti į pagrindinį

Leave a Reply

Your email address will not be published. Required fields are marked *