Tātad jūs esat dzirdējuši daudz runas par to, ko sauc par pieejamību. Varbūt esat pat dzirdējuši par cilvēkiem, kas iesūdz tiesā lielus uzņēmumus par nepieejamu pakalpojumu sniegšanu. Bet vai jūs precīzi zināt, ko nozīmē pieejamība?
Par laimi, pieejamību nav pārāk grūti saprast vai ieviest, tiklīdz jūs to apņematies. Kad esat uzzinājis, kas ir pieejamība, varat izmantot šo teoriju praksē, rakstot pieejamas Vue.js lietotnes.
Kas ir pieejamība?
Pieejamība ir populārs vārds tīmeklī, bet ko tas īsti nozīmē? Izrādās, nosaukums ir diezgan aprakstošs. Pieejamība ir tikai mērs, kas parāda, cik tīmekļa lietojumprogramma ir lietojama visu veidu cilvēkiem.
Ne visi izmanto tīmekli vienādi. Dažiem cilvēkiem ir traucējumi, kas var ietekmēt viņu dzirdi vai redzi. Daži no tiem nevar piekļūt modernai aparatūrai vai ātrdarbīgam internetam, un cilvēkiem bieži vien ir nepieciešams tīmeklis izmantot mazāk nekā ideālos apstākļos. Pieejamība ir saistīta ar to, lai visi šie cilvēki joprojām varētu izmantot tīmekļa lietojumprogrammu pēc iespējas vienmērīgāk.
Kāpēc pieejamība ir svarīga?
Pieejamība ir svarīga, jo, ja lietojumprogramma ir ļoti pieejama, tā var apkalpot pēc iespējas vairāk cilvēku. Kad kāds sniedz pakalpojumu vai informāciju vietnē, viņa mērķis ir, lai citi cilvēki izmantotu šo pakalpojumu vai izlasītu šo informāciju.
Pieejamības optimizēšana nodrošina, ka tīmekļa lietojumprogrammu nevar izmantot pēc iespējas mazāk cilvēku. Turklāt tīmekļa lietotnes, kas ir vieglāk pieejamas, meklēšanas rezultātos parasti tiek ierindotas augstāk. Tādējādi vēl vairāk cilvēku var atrast un izmantot pieejamākas tīmekļa lietojumprogrammas.
Izplatītas izstrādātāju kļūdas, kas ietekmē pieejamību
Daudzas tīmekļa lietojumprogrammas ir mazāk pieejamas, nekā tās varētu būt. Tas parasti ir to cilvēku kļūdu rezultāts, kuri tos uzcēla. Dažas izplatītas pieejamības kļūdas, ko izstrādātāji pieļauj, veidojot lietotnes, ir šādas:
Nepieejamu bibliotēku izmantošana
Varat paļauties uz trešo pušu bibliotēkām, lai ietaupītu laiku un pūles, izstrādājot savas lietotnes. Diemžēl ne visas bibliotēkas uztver pieejamību nopietni, un var būt grūti noteikt labās bibliotēkas. Šādā veidā ir viegli nejauši samazināt savu lietojumprogrammu pieejamību.
Semantiskā HTML neievērošana, veidojot komponentus
Semantiskais HTML ir HTML, kura nozīme un struktūra ir pareiza. Katram HTML tagam ir savs mērķis, ko palīgtehnoloģija izmanto, lai secinātu tā satura nozīmi. Piemēram, galvenes tags apzīmē vietnes galveni. Ekrāna lasītājam jāspēj paziņot, ka viss, kas atrodas galvenes tagā, ir vietnes galvene.
Diemžēl nekas neliedz izmantot tagu nepareizam mērķim. Vēl viens izplatīts piemērs ir pogas taga izmantošana, lai tā darbotos kā saite vai otrādi.
Šādā veidā rakstot HTML, tiek traucēta pieejamība, jo palīgtehnoloģija vairs nevar būt pārliecināta par neviena HTML elementa mērķi. Tas var radīt mulsinošu vai kaitinošu rezultātu tehnoloģijas lietotājiem. Lai nodrošinātu maksimālu pieejamību, jums tas vienmēr ir jādara rakstiet semantisko HTML, pat ja tas nozīmē mazliet vairāk darba.
Netiek pārbaudīta pieejamība
Tīmekļa lietotnes izveide bieži var būt grūts uzdevums ar stingriem termiņiem. Starp steigu pabeigt funkcijas un citu programmatūras aspektu testēšanas slogu, pieejamības testēšana ieņem otro vietu. Jums var rasties kārdinājums izvietot lietojumprogrammu ražošanas versijā, pirms esat pārbaudījis, vai tajā nav pieejamas pieejamības problēmas.
Kāpēc? Testēšana prasa laiku, un var būt nepieciešamas lielas izmaiņas lietojumprogrammas kodā. Bet tīmekļa lietojumprogrammas testēšana ir neatņemama attīstības procesa sastāvdaļa. Jums ir jāpārbauda savas lietojumprogrammas pieejamība tikpat stingri kā jebkura cita aspekta pārbaude.
Par laimi, pastāv rīki, kas palīdz atrisināt šīs problēmas. Šie pieci rīki var palīdzēt rakstīt pieejamākas Vue.js lietotnes:
WAVE ir rīku kolekcija, kas palīdz izstrādātājiem automātiski pārbaudīt savas lietotnes, lai noteiktu pieejamības problēmas. Lai gan WAVE nevar aizstāt galalietotāju testēšanu, tas joprojām var palīdzēt novērst daudzas pieejamības problēmas.
WAVE savā vietnē nodrošina tiešsaistes testēšanas rīku. Tas piedāvā arī pārlūkprogrammas paplašinājumus un vairākus citus rīkus, kas palīdz pārbaudīt daudzu veidu tīmekļa lietotņu pieejamību.
Daudzas norādes, ko tīmekļa lietotnes izmanto, lai sazinātos ar darbībām, piemēram, norises joslas un ielādes indikatori, ir tikai vizuāli. Cilvēki ar redzes traucējumiem vai tie, kas izmanto ekrāna lasītājus, tos nevar uztvert.
Vue-announcer ir bibliotēka, kas ļauj paziņot par izmaiņām jūsu Vue.js lietotnēs tā, lai ikviens varētu tiem piekļūt.
Vue-skip-to ir bibliotēka, kas izveidota, lai lietotāji, kuri izmanto ekrāna lasītāju, varētu tieši pāriet uz Vue.js lietojumprogrammas galveno saturu. Tas ir noderīgi, jo daudzās tīmekļa lietotnēs pirms galvenā satura ir navigācijas saites un citi elementi. Daži lietotāji tos var viegli izlaist, taču to lietošana kopā ar ekrāna lasītāju var būt apgrūtinoša un nomākta.
ESLint ir rīks, kas palīdz rakstīt labāku JavaScript, analizējot kodu un pārbaudot, vai tajā nav kļūdu.
Šis rīks ir ESLint spraudnis, kas palīdz nodrošināt Vue.js komponentu struktūras atbilstību pieejamības noteikumiem.
Instalējot, šis spraudnis analizē visus Vue.js failus un norāda uz problemātisko kodu. Pēc tam varat maksimāli palielināt pieejamību, rakstot savas lietotnes, nevis pēc testēšanas posma jāmaina kods.
Liels pieejamības problēmu avots lietotnēs ir nepieejamu komponentu bibliotēku izmantošana. Vuetensils ir Vue.js komponentu bibliotēka.
Šie komponenti ir optimizēti minimālam izmēram, maksimālai pieejamībai, ērtai lietošanai un vienkāršai veidošanai. Varat ietaupīt laiku un izmantot šos iepriekš izveidotos komponentus, nekaitējot savu lietojumprogrammu pieejamībai.
Pieejamība vietnē Vue.js ir vienkārša
Pieejamība ir saistīta ar to, lai ikviens varētu izmantot jūsu lietojumprogrammu jebkurā kontekstā. Ir svarīgi palielināt pieejamību, lai nodrošinātu, ka lietojumprogrammu var izmantot pēc iespējas vairāk cilvēku.
Izstrādātāji, veidojot savas lietotnes, bieži pieļauj izplatītas, bet novēršamas pieejamības kļūdas. Izplatītas problēmas ietver netestēšanu un nesemantiska HTML rakstīšanu. Taču ar dažu rīku palīdzību ir vieglāk rakstīt ļoti pieejamas Vue.js lietotnes.
