Nii et olete kuulnud palju juttu ligipääsetavuse kohta. Võib-olla olete isegi kuulnud inimestest, kes kaebavad suuri ettevõtteid ligipääsmatute teenuste osutamise pärast kohtusse. Kuid kas teate täpselt, mida juurdepääsetavus tähendab?
Õnneks pole juurdepääsetavust liiga keeruline mõista ega rakendada, kui olete sellele pühendunud. Kui olete õppinud, mis on juurdepääsetavus, saate seda teooriat praktikas rakendada, kirjutades juurdepääsetavaid Vue.js rakendusi.
Mis on juurdepääsetavus?
Juurdepääsetavus on veebis populaarne moesõna, kuid mida see täpselt tähendab? Selgub, et nimi on üsna kirjeldav. Juurdepääsetavus on lihtsalt mõõdik selle kohta, kui kasutatav on veebirakendus igat tüüpi inimeste jaoks.
Mitte igaüks ei koge veebi ühtemoodi. Mõnedel inimestel on kahjustused, mis võivad mõjutada nende kuulmist või nägemist. Mõned ei pääse ligi moodsale riistvarale või kiirele internetile ning sageli peavad inimesed veebi kasutama ideaalsetest tingimustest. Juurdepääsetavus seisneb selles, et kõik need inimesed saavad veebirakendust võimalikult sujuvalt kasutada.
Miks on juurdepääsetavus oluline?
Juurdepääsetavus on oluline, sest kui rakendus on hästi juurdepääsetav, saab see teenindada võimalikult paljusid inimesi. Kui keegi pakub veebisaidil teenust või teavet, on tema eesmärk, et teised inimesed seda teenust kasutaksid või seda teavet loeksid.
Juurdepääsetavuse optimeerimine tagab, et võimalikult vähesed inimesed ei saa veebirakendust kasutada. Lisaks on paremini juurdepääsetavad veebirakendused otsingutulemustes üldiselt kõrgemal kohal. See võimaldab veelgi rohkematel inimestel leida ja kasutada juurdepääsetavamaid veebirakendusi.
Levinud arendajate vead, mis kahjustavad juurdepääsetavust
Paljud veebirakendused on vähem juurdepääsetavad, kui nad võiksid olla. Tavaliselt on see nende ehitajate vigade tagajärg. Mõned levinumad juurdepääsetavuse vead, mida arendajad rakenduste loomisel teevad, on järgmised.
Ligipääsmatute raamatukogude kasutamine
Aja ja vaeva säästmiseks võite rakenduste arendamisel usaldada kolmandate osapoolte teeke. Kahjuks ei võta kõik raamatukogud juurdepääsetavust tõsiselt ja heade raamatukogude tuvastamine võib olla keeruline. Lihtne on niimoodi kogemata oma rakenduste juurdepääsetavust vähendada.
Semantilise HTML-i tähelepanuta jätmine komponentide koostamisel
Semantiline HTML on HTML, mille tähendus ja struktuur on õiged. Igal HTML-i märgendil on oma olemuslik eesmärk, mida abitehnoloogia kasutab selle sisu tähenduse järeldamiseks. Näiteks päisemärgend tähistab veebisaidi päist. Ekraanilugeja peaks suutma teatada, et kõik päise märgendi sees on veebisaidi päis.
Kahjuks ei takista miski teid kasutamast silti valel eesmärgil. Teine levinud näide on nupumärgendi kasutamine lingina toimimiseks või vastupidi.
Sel viisil HTML-i kirjutamine kahjustab juurdepääsetavust, sest abitehnoloogia ei saa enam ühegi HTML-elemendi eesmärgis kindel olla. See võib lõppkokkuvõttes tekitada tehnoloogia kasutajatele segadusse ajavat või masendavat väljundit. Maksimaalse juurdepääsetavuse tagamiseks peaksite seda alati tegema kirjutage semantiline HTML, isegi kui see tähendab natuke rohkem tööd.
Juurdepääsetavust ei testita
Veebirakenduse loomine võib sageli olla vaevarikas ja nõudlike tähtaegadega ülesanne. Funktsioonide lõpetamisega kiirustamise ja tarkvara muude aspektide testimise koormuse vahel jääb juurdepääsetavuse testimine tagaplaanile. Teil võib tekkida kiusatus juurutada rakendus tootmisrajal enne, kui olete seda juurdepääsetavusprobleemide suhtes testinud.
Miks? Testimine nõuab aega ja võib nõuda ulatuslikke muudatusi rakenduse koodis. Aga veebirakenduse testimine on arendusprotsessi asendamatu osa. Peaksite oma rakenduse juurdepääsetavust testima sama rangelt kui kõiki muid aspekte.
Õnneks on olemas tööriistad, mis aitavad neid probleeme lahendada. Järgmised viis tööriista aitavad teil hõlpsamini juurdepääsetavaid Vue.js rakendusi kirjutada.
WAVE on tööriistade kogu, mis aitab arendajatel oma rakendusi juurdepääsetavuse probleemide suhtes automaatselt testida. Kuigi WAVE ei asenda lõppkasutaja testimist, võib see siiski aidata teil leida palju juurdepääsetavuse probleeme.
WAVE pakub oma veebisaidil veebipõhise testimise tööriista. Samuti pakub see brauseri laiendusi ja mitmeid muid tööriistu, mis aitavad mitut tüüpi veebirakenduste juurdepääsetavuse testimisel.
Paljud vihjed, mida veebirakendused tegevusest teavitamiseks kasutavad, nagu edenemisribad ja laadimisindikaatorid, on puhtalt visuaalsed. Nägemispuudega inimesed või ekraanilugejaid kasutavad inimesed ei suuda neid tajuda.
Vue-announcer on teek, mis võimaldab teatada muudatustest oma Vue.js-i rakendustes viisil, millele kõik pääsevad juurde.
Vue-skip-to on teek, mis on loodud selleks, et võimaldada ekraanilugejat kasutavatel inimestel liikuda otse rakenduse Vue.js põhisisu juurde. See on kasulik, kuna paljudel veebirakendustel on põhisisu ees navigeerimislingid ja muud elemendid. Mõnel kasutajal on neid lihtne vahele jätta, kuid ekraanilugejaga kasutamine võib olla tülikas ja masendav.
ESLint on tööriist, mis aitab teil kirjutada paremat JavaScripti, analüüsides teie koodi ja kontrollides selles vigu.
See tööriist on ESLinti pistikprogramm, mis aitab teil tagada, et teie Vue.js-i komponentide struktuur vastab juurdepääsetavuse reeglitele.
Installimisel analüüsib see pistikprogramm kõiki Vue.js faile ja osutab probleemsele koodile. Seejärel saate rakenduste kirjutamise ajal juurdepääsu maksimeerida, selle asemel, et pärast testimisfaasi koodi muuta.
Rakenduste juurdepääsetavuse probleemide suur allikas on ligipääsmatute komponentide teekide kasutamine. Vuetensils on Vue.js komponentide raamatukogu.
Need komponendid on optimeeritud minimaalse suuruse, maksimaalse ligipääsetavuse, kasutuslihtsuse ja stiilimise hõlbustamiseks. Saate säästa aega ja kasutada neid eelehitatud komponente ilma oma rakenduste juurdepääsetavust kahjustamata.
Juurdepääsetavus Vue.js-is on lihtne
Juurdepääsetavus seisneb selles, et kõik saavad teie rakendust kasutada mis tahes kontekstis. Juurdepääsetavuse maksimeerimine on oluline tagamaks, et rakendust saavad kasutada võimalikult paljud inimesed.
Arendajad teevad rakenduste loomisel sageli levinud, kuid välditavaid juurdepääsetavuse vigu. Levinud probleemide hulka kuuluvad mittesemantilise HTML-i testimata jätmine ja kirjutamine. Kuid mõne tööriista abil on hõlpsam kirjutada hõlpsasti juurdepääsetavaid Vue.js rakendusi.