Verðmæti aðgengi

Hvað ef ég segði þér að vefhönnuðir þarna úti að það sé fólk sem gæti farið á vefsvæðið þitt sem er sama hvað það lítur út?

Sjónrænt fólk flettir á vefnum af sömu ástæðum og við gerum öll, að finna upplýsingar, versla og framkvæma fjölmörgum mikilvægum verkefnum með því að nota vefur-undirstaða umsókn. En sjónskerta fólk upplifir vefinn á annan hátt og við þurfum að vera viðkvæm fyrir þörfum þeirra þegar við hönnun og byggingu vefsvæða.

Samkvæmt US Census Bureau og SÞ og Alþjóðabankanum yfir 47 milljónir Bandaríkjamanna, og allt að 650 milljónir manna um heim allan, hafa einhvers konar fötlun. Sérhver gestur á vefsvæðum sem þú ert að hanna þarf að geta fundið þær upplýsingar sem þeir leita að og framkvæma þær verkefni sem þeir ætla að framkvæma án tillits til þess hvað vefsíðan eða forritið lítur út. Mörg mismunandi þættir sem taka þátt í stofnun vefsíðunnar eða umsóknar geta haft áhrif á aðgengi.

Ertu tilbúinn til að fara niður með aðgengi að kanínu með mér? Við verðum að kafa inn í tæknilega þætti vefsíðna. HTML er beinagrind vefsíðunnar meðan CSS, JavaScript og myndir auka HTML. Oftast missir sjónskerta fólk á öllum þessum aukahlutum. Þótt aðgengi sé aðallega þróunarverkefni, þá munu tæknilegar kröfur sem nauðsynlegar eru til að varðveita eða auka aðgengi hafa áhrif á útliti vefsins. Það þýðir að hönnun, afrit, upplifun notenda og þróunar þurfa allir að vinna saman til að ganga úr skugga um að stýripinna, eyðublöð, hnappar, fyrirsagnir, hnappar, tenglar og fleira sé aðgengileg.

Fólk sem er blindur, sjónskerta, ólæsir eða læra aðstoðarhugbúnaður með örorkumotkun til að sigla á Netinu. Skjálesarar eru algengustu hjálparþættirnir fyrir netið, þessir hugbúnaðarforrit reyna að túlka það sem birtist á vefsíðunni og flytja það til notandans, venjulega með því að breyta textanum í ræðu en stundum í gegnum blindraletuútgangstæki. Skjástillingar eru einnig notuð oft í tengslum við skjálesara. Venjulega mun skjárlesari reyna að flokka HTML frá efstu HTML skjalinu neðst og tala við viðkomandi þætti fyrir notandann. Fullkomlega leyfir skjárlesandinn notandanum að flytja raunverulegur bendilinn niður á síðunni til að fylla út eyðublað, smella á hnappa og velja val úr fellivalmyndum og öðrum stýringum.

Til að prófa vandlega fyrir aðgengi verður þú að tryggja að vefsvæðið eða appin virkar vel á öllum skjámleitendum sem eru í boði. Það eru nokkrir vinsælar frjálsir og / eða opinn uppspretta skjálesarar á hverjum vettvangi þar á meðal JAWS , og NVDA . Microsoft notendur geta notað NVDA, en Apple tölvur og IOS tæki koma með Rödd yfir sem getur stækkað lyklaborðsstýringar og lesið innihald skjásins og fyrir Unix tæki er það Orca . Króm vafrinn hefur tvær viðbótarstýringar, ChromeVox til að lesa skjá og ChromeVis til stækkunar.

Flestar veffangsvandamál eiga sér stað þegar raunverulegur bendill skjárlesandans verður föst í lélega hönnuð formi eða sleppur yfir mikilvægu eftirliti eða mikilvægu textaupplýsingum. Staðfesting á því að vefsíður séu örugglega nothæfir er svipað og prófanir á vafra vegna þess að hver skjálesari hefur mismunandi kröfur og takmarkanir. Þess vegna er mikilvægt að skilja hegðun hvers skjálesara. Hægt er að mæta þörfum ýmissa skjálesara með því að bæta við ýmsum sérstökum HTML-merkjum við mikilvæga þætti síðunnar.

Nútíma dynamic vefur notendaviðmót getur verið sérstaklega erfitt fyrir aðgengi vegna þess að mikilvægir þættir eru bættar við blaðsíðuna með því að nota JavaScript. Sérsniðnar fellilistar, módel, verkfæri, harmónik efni og dynamic villur og tilkynningar geta verið krefjandi fyrir notendur skjálesara að skilja vegna samskipta sundurliðunar á HTML, JavaScript og skjálesara. Innfæddur HTML og JavaScript hefur enga leið til að senda síðu (Document Object Model) uppfærslur á skjálesara. Verktaki þarf að færa "fókus" (raunverulegur bendill skjárlesandans) við þann hluta notendaviðmótsins sem breyttist. Þegar módel opnar þarf verktaki að setja áherslu notandans á það þannig að lesandinn geti lesið það efni og notandinn getur skilið og haft samskipti við það.

Þetta er gert með því að nota sérstaka HTML tags sem kallast WAI-ARIA tags. WAI-ARIA (Accessible Rich Internet Applications) getur brúnt bilið milli þess sem hrár HTML síðunnar segir og hvaða sjónarmið notendur sjá með því að bjóða upp á staðlaðan hátt fyrir forritara til að bæta við aukinni merkingu við ríki, eiginleika, sambönd, hlutverk og lifandi svæði sem Skjálesari myndi annars ekki skilja.   Hönnuðir geta notað aria-stigi til að útskýra fyrir skjálesendur stigveldi hvers fyrirsagnar á síðunni. Með aria-merki verktaki getur bætt við fyrirsögn til að lýsa tilgangi að stakur þáttur á síðunni. Þetta hjálpar verktaki að búa til skýr tengsl milli mismunandi þátta. Hönnuðir geta einnig vekja athygli á mikilvægum eftirliti með því að merkja þá með aria-hlutverki tags, til dæmis fellur niður valmyndartakki með eftirfarandi tagi: Aria-hefur sprettiglugga: satt.

Sjá pennann Einföld flipa eftir Scott Vinkle ( @ svigrúm ) á CodePen .

Í HTML í dæminu hér að framan eru fliparnir búin til með óflokkaðri listi með flokkum á hverju listahluti. JQuery tekur við smellahópunum þegar flipi er smellt og bætir við 'aria-valinn': 'true' og 'tab-widget__tab-content-active' í valda flipann og felur í sér aðra flipa með því að bæta við 'aria-selected': ' rangar 'við aðrar flipa. Á línu 127 eru upphaflegir eiginleikar flipanna settar saman, ásamt þessum greinum hjálpar skjálesarar að viðurkenna hvaða flipi er sýnilegur. JavaScript á línu 35 bætir einnig lyklaborðsstuðningi við flipana. Restin af skránni meðhöndlar handtaka smelli og lyklaborðs atburði þannig að jQuery geti bætt eiginleikum 'hlutverk' og 'kynningu' við þann valda flipa.

Aria tags geta hjálpað skjálesendum að túlka sérsniðnar stýringar sem útvarpshnappar þegar sérsniðin stjórn er merkt með: Aria-role = hnappur. Þegar forrit hefur sandkassi svæði sem miðlar viðbrögð eða uppfærslur til notandans getur það verið merkt með live region tag: Aria-live. Þetta tryggir að þegar textinn á þessum þáttum breytist verður það sjálfkrafa talað við notandann í gegnum skjálesara.

Page endurnýja eru lykilþáttur á vefnum fyrir skjálesendur vegna þess að þegar blaðsíða endurnýjast kemur það fram að lesandinn sé að tilkynna nýjan síðu til notandans og endurlesa innihald síðunnar við notandann. Þetta þýðir að vefur umsóknir á einföldum vefsíðum eru sérstök áskoranir fyrir aðgengi. Í einni síðuforriti er engin fullur síða uppfærður svo að lesandinn og því notandinn verði ekki viðvörun um uppfærð efni. Niðurstaðan verður að notandinn fái ekki endurgjöf um aðgerðir sínar. Besta lausnin er að líkja eftir upphaflegri hegðun húðarinnar. Breyttu á síðunni hlaðinn og tilkynntu notandanum það.

Fullt forskrift fyrir WAI-ARIA er viðhaldið af W3 eins og forskriftunum fyrir HTML sjálft undir Web Accessibility Initiative (WAI) en stundum geta leiðbeiningar verið gagnlegar en upplýsingar svo að hér eru nokkrar almennar leiðbeiningar fyrir hönnuði:

• vertu viss um að það sé augljóst andstæða milli texta og bakgrunns þess.
• Ekki nota lit einn til að miðla upplýsingum;
• Veita vefsíðuna þína með skýrum og stöðugri flakk;
• tryggja að formþættir innihalda greinilega tengd merki;
• Gakktu úr skugga um að auðvelt sé að bera kennsl á viðbrögð þætti eins og villuboð.
• Notaðu fyrirsagnir og frávik til samsvörunar efnis;
• gefðu til skiptis texta fyrir myndir;
• íhuga að hanna vefsíðuna þína þannig að öll virkni sé aðgengileg með lyklaborðinu.

Það eru nokkrar einfaldar ákvarðanir sem þú getur gert þegar þú ert að þróa vefsíðu sem mun gera vefsíðuna aðgengilegri án þess að verða of djúpt í sérstökum aðgangsstöðu eða prófun á skjálesara. Með því að ganga úr skugga um að HTML-merkið þitt skili merkingu með uppbyggingu þess, þá hjálpar þú tölvuleikjendum að vinna með upplýsingar á sama hátt og það birtist á síðunni fyrir auglýstar notendur. Þetta er mikilvægt fyrir notendur sem nota stækkunargler í tengslum við skjálesara.

Með því að nota viðeigandi HTML-merkingu fyrir fyrirsagnir, listi, töflur og aðra þætti gerir skjálesari kleift að flokka uppbyggingu síðunnar fyrir notandann á kunnuglegan hátt. Fyrir fleiri skipulögð skipulag HTML5 veitir frekari þætti, svo sem

• ← Nothæfi er ekki bara fyrir notendur
• Hvernig við endurhannað UX's Yelp með Remote Nothæfi Eista →