Koduleht » Kodeerimine » ARIA veebistandardite ja HTML-rakenduste ligipääsetavuse vaatamine

    ARIA veebistandardite ja HTML-rakenduste ligipääsetavuse vaatamine

    Tõeliselt avatud ja kaasav veebileht vajab tehnoloogiaid, mis võimaldavad puudega kasutajatel tugineda abitehnoloogiatele, et nautida dünaamilist veebisisu ja kaasaegseid veebirakendusi. W3C veebipõhiste standardite eesmärk on asendada veebis kättesaadavate rikas Interneti-rakendustega (ARIA), mida puuetega kasutajad saavad tõhusalt kasutada.

    ARIA on üks paljudest juurdepääsetavuse standarditest ja juhistest, mis on avaldatud veebi juurdepääsetavuse algatuse (WAI) poolt. See annab täiendava märgistuse, mida saab hõlpsasti HTML-dokumentidesse sisestada. WAI-ARIA on platvormidevaheline lahendus, mis on suunatud avatud veebiplatvormile, nii et mitte ainult ei mõtle veebisaitidele, vaid ka mängudele, digitaalsele meelelahutusele, tervishoiule, mobiilile ja muudele rakendustele.

    Selles postituses vaatleme, kuidas WAI-ARIA standardite abil saate oma HTML-dokumentidele juurdepääsu.

    ARIA raamistik

    HTML-i süntaks ei võimalda arendajatel alati elemente õigesti kirjeldada, nende rolli kindlaks teha ja nende vahelisi suhteid täpsustada. Kuigi see on haruldane probleem külastajatele, kes oma meeli täielikult valdavad, võib see takistada abistavate tehnoloogia kasutajate mõistmist ekraanil ja nende võimaluste uurimisel.

    See on punkt, kus ARIA aitab meie abi, sest see võimaldab erinevate elementide eesmärki määratleda tähtsamad rollid, ja kirjeldage nende olemust aria-prefiksiga atribuudid. Aria-prefiksiga atribuutidel on kaks tüüpi: omadused mis kirjeldavad vähem tõenäoliselt lehekülje elutsükli jooksul muutuvaid omadusi ja riikides mis annavad teavet asjade kohta, mis võivad kasutaja interaktsiooni tõttu sageli muutuda.

    Maamärgirollid

    Maamärgid on ARIA rollimudeli kõige tuntumad vormid (teised on abstraktsed rollid, vidina rollid ja dokumendi struktuuri rollid). Maamärgirollid võimaldavad arendajatel suured identifitseerida tavad piirkonnad veebisaidil, mis abistavate tehnoloogiate kasutajad võiksid kiiresti juurde pääseda.

    ARIA orientiiride rolle on 8 tüüpi ja need tuleb lisada HTML-märgendite atribuutidena.

    roll =”bänner”

    Bänneri rolli kasutatakse peamiselt sisu suhtes, mis on seotud kogu saidiga, mitte ainult üksikute lehtedega. See lisatakse tavaliselt atribuutina saidi peamisele päisele logo ja muu olulise kogu saidi kohta. Oluline on, et sa kasutaksid bannerirolli ainult ükskõik millises HTML-dokumendis või rakenduses.

    roll =”peamine”

    Peamine maamärk on seotud dokumendi põhisisuga. Seda ei saa kasutada HTML-leheküljel rohkem kui üks kord. Tavaliselt järgib see

    süntaksit või HTML5-s seda rohkem semantilist
    . Viimane lisati W3C spetsifikatsioonile, et kaardistada peamine ARIA orienteerub rolli semantilise HTML-elemendi jaoks.

    roll =”navigeerimine”

    Navigatsioonirolli kasutatakse selleks, et näidata ala, mis sisaldab navigatsioonielemente, nagu saidi lingid ja nimekirjad.

    roll =”täiendavad”

    Täiendav maamärkide roll kirjeldab täiendavat sisu, mis on seotud saidi põhisisuga. See tuleb paigutada sarnasele tasemele DOM hierarhias role = "main". Seotud postitused, populaarsed artiklid, viimased kommentaarid on autonoomse täiendava sisu tüüpilised näited.

    roll =”contentinfo”

    Sisuinfo roll teavitab kasutajaagentse piirkonna olemasolust, kus võib leida erinevaid metaandmeid, nagu autoriõiguse info, õiguslikud ja privaatsusavaldused. Seda kasutatakse tavaliselt saidi jaluse jaoks.

    roll =”vormi”

    Vormide maamärkide roll näitab vormi, mis ootab kasutaja sisendit. Otsinguvormide puhul, mida peaksite kasutama role = "search" selle asemel.

    roll =”otsing”

    Otsingufunktsioon on üsna iseenesestmõistetav, see on mõeldud abistavate tehnoloogiate abistamiseks, et tuvastada veebisaidi otsingufunktsioon.

    roll =”rakendus”

    Saate kasutada rakenduse maamärkide rolli piirkonnas, mida soovite veebirakendustena deklareerida, mitte veebidokumendina. Seda ei soovitata lisada traditsioonilistesse veebisaitidesse, sest see viitab abistavatele tehnoloogiatele, et minna tavalisest sirvimisrežiimist rakenduse sirvimisrežiimile. Seda maamärkide rolli peaksite kasutama ainult väga hoolikalt.

    PILD: Sky.com juurdepääsetavuse ressursid

    Riigid ja Omadused

    Kuigi rollid võimaldavad määratleda HTML-märgendite tähendust, annavad olekud ja omadused kasutajale lisateavet, kuidas nendega suhelda. Mõlemad olekud ja omadused on tähistatud aria-prefiksiga atribuudid süntaksiga aria- *.

    Kõige tuntumad ARIA atribuudid on ilmselt aria nõutav vara ja aria kontrollitud olek. Aria nõutav on a vara sest see on sisendelemendi püsiv funktsioon (st kasutaja peab selle täitma), samas kui aria-check on a olekus kuna märkeruut võib kasutaja suhtluse tõttu sageli oma väärtust muuta.

    Aria-prefiksiga atribuutide süntaks

    Riikidel ja omadustel on mõnikord sümboolsed väärtused (piiratud kogum eelnevalt määratletud väärtusi), näiteks võib aria-live-omadusel olla kolm erinevat väärtust: väljas, viisakas, enesekindel. Selle näite süntaks näeb välja selline:

    .

    Muudel juhtudel on aria-prefiksiga atribuutide väärtused esindatud stringid, numbrid, täisarvud, ID-viited või õige Vale väärtused.

    ARIA riikide ja omaduste kasutamine

    1. Ehitage seosed elementide vahel suhteliste atribuutidega

    Kasutage suhte atribuute, et näidata suhteid teie saidi erinevate elementide vahel, mida ei saa dokumendi struktuurist muul viisil kindlaks määrata. Näiteks aria-labelledby Omadus identifitseerib elemendi, mis märgistab praeguse elemendi.

    aria-labelledby - paljude teiste asjade hulgas - võib siduda rubriigid ARIA maamärkide piirkondadega järgmiselt:

    See on pealkiri

    Põhisisu…

    2. Sünkroonige elemendid ja omadused elemendi elutsükliga

    Kui olete määranud oma HTML-leheküljel tajutava ala ARIA-orientiiri, võib see aidata abistavaid tehnoloogiaid palju, kui muudate lapse elementide ARIA-eelsed olekud ja omadused vastavalt ekraanil toimuvatele sündmustele. See võib olla otsustava tähtsusega, kui kasutajad peavad saidiga suhtlema, näiteks vormi täitmine või otsingupäringu käivitamine.

    3. Sobitage visuaalsed ja ligipääsetavad liidesed

    Kättesaadavuse kujundamise üldine reegel on see, et kasutajaliidese praegune olek peab alati olema tajutav abitehnoloogiate abil. Näiteks kui kasutaja valib vormingus suvandi, peab see olema ka abistavate tehnoloogiate jaoks valitud. Seda on lihtne saavutada, kasutades ariaga valitud olekut järgmise süntaksiga: .

    W3C WAI-ARIA autoriseerimistavade juhend võib anda palju muid suurepäraseid ideid, kuidas oma saidi visuaalset ja ligipääsetavat liidest õigesti ühtlustada.

    Ära liiguta ARIA

    ARIA rollide ja atribuutide kasutamine võib mõnikord olla üleliigne. Kui kasutate HTML5 semantilisi silte, näiteks või

    , kaasaegsed veebibrauserid lisavad vaikimisi sobiva ARIA semantika. Sellisel juhul ei ole mõtet ARIA orientiiride rolle eraldi seada.

    Näiteks ei ole vaja seda kasutada vormi maamärk rolli määratlemisel

    element. Selle asemel, et
    süntaks on täiesti piisav just õigeks kasutamiseks
    . Samuti on üleliigne kasutada HTML-i omaseid atribuute koos vastava ARIA-atribuudiga.

    Nii et kui olete juba lisanud peidetud HTML-atribuut vormi sisendisse, pole vaja lisada aria-peidetud olekus, kuna brauser sisaldab seda vaikimisi.

    © Savtec
    Kasulik teave ja veebiarenduse näpunäited. Programmeerimine, veebidisain, CSS, HTML, JAVASCRIPT. Seadistage ja installige Windows WINDOWS uuesti. Saidide ja rakenduste loomine nullist.