Meklēt ARIA tīmekļa standartos un HTML lietotņu pieejamībā
Patiesi atvērtai un iekļaujošai tīmekļa vietnei ir vajadzīgas tehnoloģijas, kas ļauj lietotājiem ar invaliditāti paļauties uz palīgtehnoloģijām, lai baudītu dinamisku tīmekļa saturu un modernas tīmekļa lietojumprogrammas. W3C pieejamības tīmekļa standartu mērķis ir aizpildīt tīmekli ar pieejamām bagātīgām interneta lietojumprogrammām (ARIA), ko lietotāji ar invaliditāti var efektīvi izmantot.
ARIA ir viens no daudzajiem pieejamības standartiem un vadlīnijām, ko publicējusi tīmekļa pieejamības iniciatīva (WAI). Tas nodrošina papildu atzīmi, ko var viegli ievietot HTML dokumentos. WAI-ARIA ir pārrobežu platformu risinājums, kas vērsts uz atvērto tīmekļa platformu, tāpēc ne tikai domājiet par tīmekļa vietnēm, bet arī par spēlēm, digitālo izklaidi, veselības aprūpi, mobilo un citu veidu lietotnēm.
Šajā ziņojumā mēs aplūkosim, kā ar WAI-ARIA standartiem varat pievienot HTML dokumentiem pieejamību.
ARIA sistēma
HTML sintakse ne vienmēr ļauj izstrādātājiem pareizi aprakstīt elementus, identificēt to lomu un noteikt attiecības starp tām. Lai gan tas reti sastopas ar problēmām apmeklētājiem, kuri pilnībā izjūt savas sajūtas, tas var traucēt palīdzības tehnoloģiju lietotājiem saprast, kas notiek ekrānā, un izpētīt to iespējas.
Šis ir punkts, kur ARIA nāk mūsu palīdzībā, jo tas ļauj definēt dažādu elementu mērķi ar nozīmīgas lomas, un aprakstiet to raksturu aria-prefiksu atribūti. Aria prefiksu atribūtiem ir divi veidi: īpašības kas apraksta funkcijas, kas mazāk mainās visā lapas dzīves cikla laikā, un valstīm kas sniedz informāciju par lietām, kas bieži var mainīties lietotāja mijiedarbības dēļ.
Orientieru lomas
Orientējošās lomas ir visizplatītākās ARIA lomu modeļa formas (citi ir abstrakti lomas, logrīku lomas un dokumentu struktūras lomas). Orientieru lomas ļauj izstrādātājiem identificēt lielus reģionos tīmekļa lapā, kurā atbalsta tehnoloģiju lietotāji var vēlēties ātri piekļūt.
Ir 8 veidu ARIA orientieru lomas, un tie ir jāpievieno kā saistītie HTML tagu atribūti.
loma =”baneris”
Reklāmkaroga loma ir paredzēta galvenokārt saturam, kas ir saistīts ar visu vietni, nevis tikai uz atsevišķām lapām. Parasti tas tiek pievienots vietnes galvenajai galvenei, lai iegūtu logotipu un citu svarīgu vietnes informāciju. Ir svarīgi, lai jebkurā HTML dokumentā vai lietotnē banneru lomu varētu izmantot tikai vienu reizi.
loma =”galvenais”
Galvenais orientieris ir saistīts ar dokumenta galveno saturu. Nevienā HTML lapā to nevar izmantot vairāk nekā vienu reizi. Tas parasti seko Navigācijas loma ir paredzēta, lai norādītu apgabalu, kurā ir navigācijas elementi, piemēram, saites un saraksti vietnē. Papildu orientieru loma apraksta papildu saturu, kas ir saistīts ar vietnes galveno saturu. Tas jānovieto līdzīgā līmenī DOM hierarhijā kā Contentinfo funkcija informē lietotāju aģentus par reģiona klātbūtni, kurā var atrast dažāda veida metadatus, piemēram, autortiesību informāciju, juridiskos un privātuma paziņojumus. Tas parasti tiek izmantots vietnes kājenei. Veidlapas orientiera loma norāda formu, kas gaida lietotāja ievadi. Jums jāizmanto meklēšanas veidlapas Meklēšanas loma ir diezgan pašsaprotama, tā ir paredzēta, lai palīdzētu palīgtehnoloģijām identificēt tīmekļa vietnes meklēšanas funkcionalitāti. Varat izmantot lietojumprogrammas orientiera lomu reģionam, kuru vēlaties deklarēt kā tīmekļa lietotni, nevis tīmekļa dokumentu. Nav ieteicams to iekļaut tradicionālajās tīmekļa vietnēs, jo tas padara noderīgas tehnoloģijas, lai pārslēgtos no parastā pārlūkošanas režīma uz lietojumprogrammu pārlūkošanas režīmu. Šo nozīmīgo lomu vajadzētu izmantot tikai ļoti uzmanīgi. Lai gan lomas jums ļauj definēt HTML tagu nozīmi, stāvokļi un īpašības sniedz lietotājam papildu informāciju par to, kā ar viņiem sazināties. Gan valstis, gan rekvizīti ir atzīmēti ar aria-prefiksu atribūti ar sintaksi aria- *. Vispazīstamākie ARIA atribūti, iespējams, ir arija pieprasītais īpašums un arija pārbaudītais stāvoklis. Aria-prasība ir a īpašums jo tas ir ievades elementa pastāvīga iezīme (t.i., lietotājam ir jāaizpilda tas), kamēr aria-pārbaude ir a Valsts jo izvēles rūtiņa bieži var mainīt tās vērtību lietotāja mijiedarbības dēļ. Dažādās valstīs un īpašībās dažkārt tiek izmantotas simboliskas vērtības (ierobežots iepriekš noteiktu vērtību kopums), piemēram, aria-live īpašumam var būt 3 dažādas vērtības: izslēgts, pieklājīgs, pārliecinošs. Sintakse šajā piemērā izskatās šādi: Citos gadījumos aria-prefiksu atribūtu vērtības attēlo virknes, numurus, veseli skaitļi, ID atsauces vai true / false vērtības. Izmantojiet attiecību atribūtus, lai norādītu attiecības starp dažādiem jūsu vietnes elementiem, ko nevar noteikt citādi no dokumenta struktūras. Piemēram, Kad esat iestatījis ARIA orientiera lomu uztveramajā apgabalā savā HTML lapā, tas var palīdzēt palīgtehnoloģijām daudz, ja maināt ARIA-prefiksētos stāvokļus un bērnu elementu īpašības saskaņā ar notikumiem, kas notiek ekrānā. Tas var būt izšķirošs, ja lietotājiem ir jāsadarbojas ar vietni, piemēram, aizpildot veidlapu vai veicot meklēšanas vaicājumu. Pieejamības dizaina īkšķis ir tāds, ka lietotāja saskarnes pašreizējais stāvoklis vienmēr jūtams, izmantojot palīgtehnoloģijas. Piemēram, ja lietotājs izvēlas kādu no veidlapām, tam ir jāizvēlas arī palīgtehnoloģijas. To var viegli sasniegt, izmantojot aria atlasīto stāvokli ar šādu sintaksi: W3C WAI-ARIA autorēšanas prakses vadlīnijas var sniegt daudzas citas lieliskas idejas par to, kā pareizi saskaņot vietnes vizuālos un pieejamos saskarnes. ARIA lomu un atribūtu izmantošana dažreiz var būt lieka. Kad izmantojat HTML5 semantiskās tagus, piemēram, Piemēram, nav nepieciešams izmantot veidlapu nozīmīga loma, lai definētu Tātad, ja esat jau pievienojis slēpta HTML atribūts veidlapas ievadei, nav nepieciešams pievienot aria-paslēpta stāvoklī, jo pārlūks to iekļauj pēc noklusējuma.. Pēdējais tika pievienots W3C specifikācijām ar mērķi kartēt galvenais ARIA orientējošā loma semantiskā HTML elementā.
loma =”navigācija”
loma =”papildina”
role = "main"
. Saistītie ziņojumi, populāri raksti, jaunākie komentāri ir tipiski autonomā papildinoša satura piemēri.loma =”contentinfo”
loma =”veidlapu”
role = "search"
tā vietā.loma =”Meklēt”
loma =”pieteikumu”
Valstis un rekvizīti
Aria-prefiksu atribūtu sintakse
Kā izmantot ARIA valstis un rekvizītus
1. Veidot attiecības starp elementiem ar attiecībām
aria-labelledby
īpašums identificē elementu, kas iezīmē pašreizējo elementu.aria-labelledby
- starp daudzām citām lietām - var saistīt virsrakstus ARIA orientieru reģionos šādā veidā:Šī ir virsraksts
Galvenais saturs… 2. Sinhronizējiet valstis un rekvizītus ar elementa dzīves ciklu
3. Saskaņojiet vizuālo un pieejamo saskarni
.
Nelietojiet pārmērīgu ARIA
vai
, mūsdienu tīmekļa pārlūkprogrammas pēc noklusējuma pievieno atbilstošu ARIA semantiku. Šajā gadījumā nav jēgas atsevišķi noteikt ARIA orientiera lomas.
elementu. Tā vietā, lai
sintakse tas ir pilnīgi pietiekami, lai to izmantotu
. Tāpat ir lieks izmantot HTML vietējos atribūtus kopā ar atbilstošo ARIA atribūtu.