Torej ste že slišali veliko govora o nečem, kar se imenuje dostopnost. Morda ste celo slišali za ljudi, ki tožijo velika podjetja zaradi zagotavljanja nedostopnih storitev. Toda ali natančno veste, kaj pomeni dostopnost?
Na srečo dostopnosti ni preveč težko razumeti ali izvajati, ko se ji zavežete. Ko se naučite, kaj je dostopnost, lahko to teorijo uporabite v praksi tako, da napišete dostopne aplikacije Vue.js.
Kaj je dostopnost?
Dostopnost je priljubljena modna beseda na spletu, a kaj točno pomeni? Izkazalo se je, da je ime precej opisno. Dostopnost je preprosto merilo, kako uporabna je spletna aplikacija za vse vrste ljudi.
Ne doživljajo vsi spleta na enak način. Nekateri ljudje imajo okvare, ki lahko vplivajo na njihov sluh ali vid. Nekateri ne morejo dostopati do sodobne strojne opreme ali hitrega interneta, ljudje pa morajo pogosto uporabljati splet v manj kot idealnih pogojih. Dostopnost pomeni zagotoviti, da lahko vsi ti ljudje še vedno uporabljajo spletno aplikacijo čim bolj gladko.
Zakaj je dostopnost pomembna?
Dostopnost je pomembna, ker ko je aplikacija zelo dostopna, lahko služi čim več ljudem. Ko nekdo na spletnem mestu zagotovi storitev ali informacije, je njegov cilj, da drugi ljudje to storitev uporabljajo ali preberejo te informacije.
Optimizacija za dostopnost zagotavlja, da čim manj ljudi ne more uporabljati spletne aplikacije. Poleg tega so spletne aplikacije, ki so bolj dostopne, na splošno višje uvrščene v rezultatih iskanja. To omogoča še več ljudem, da najdejo in uporabljajo bolj dostopne spletne aplikacije.
Pogoste napake razvijalcev, ki škodijo dostopnosti
Številne spletne aplikacije so manj dostopne, kot bi lahko bile. To je običajno posledica napak tistih, ki so jih zgradili. Nekatere pogoste napake pri dostopnosti, ki jih naredijo razvijalci pri ustvarjanju aplikacij, so:
Uporaba nedostopnih knjižnic
Pri razvoju aplikacij se lahko zanesete na knjižnice tretjih oseb, da prihranite čas in trud. Žal vse knjižnice dostopnosti ne jemljejo resno in je lahko težko prepoznati dobre. Na ta način zlahka na koncu po nesreči zmanjšate dostopnost vaših aplikacij.
Zanemarjanje semantičnega HTML-ja pri gradnji komponent
Semantični HTML je HTML, katerega pomen in struktura sta pravilna. Vsaka oznaka HTML ima svoj namen, ki ga pomožna tehnologija uporablja za sklepanje o pomenu njene vsebine. Na primer, oznaka glave označuje glavo spletnega mesta. Bralnik zaslona bi moral biti sposoben objaviti, da je vse v oznaki glave glava spletnega mesta.
Na žalost vas nič ne preprečuje, da bi oznako uporabili za napačen namen. Drug pogost primer je uporaba oznake gumba za delovanje kot povezava ali obratno.
Pisanje HTML na ta način škoduje dostopnosti, saj pomožna tehnologija ne more biti več prepričana o namenu katerega koli elementa HTML. Na koncu lahko povzroči zmeden ali frustrirajoči rezultat za uporabnike tehnologije. Za maksimalno dostopnost bi morali vedno napisati semantični HTML, čeprav to pomeni malo več dela.
Ne testiram dostopnosti
Izdelava spletne aplikacije je pogosto lahko naporna naloga z zahtevnimi roki. Med naglico pri dokončanju funkcij in bremenom testiranja drugih vidikov programske opreme je testiranje dostopnosti v zadnjem času. Morda vas bo zamikalo, da bi aplikacijo namestili v produkcijo, preden jo preizkusite glede težav z dostopnostjo.
zakaj? Testiranje zahteva čas in lahko zahteva obsežne spremembe kode aplikacije. Ampak testiranje spletne aplikacije je nepogrešljiv del razvojnega procesa. Dostopnost vaše aplikacije morate preizkusiti prav tako natančno kot kateri koli drug vidik.
Na srečo obstajajo orodja za pomoč pri reševanju teh težav. Naslednjih pet orodij vam lahko pomaga napisati bolj dostopne aplikacije Vue.js:
WAVE je zbirka orodij, ki razvijalcem pomaga samodejno testirati svoje aplikacije glede težav z dostopnostjo. Čeprav WAVE ni nadomestek za testiranje končnih uporabnikov, vam lahko še vedno pomaga pri odkrivanju številnih težav z dostopnostjo.
WAVE na svojem spletnem mestu ponuja spletno orodje za testiranje. Ponuja tudi razširitve brskalnika in številna druga orodja za pomoč pri testiranju dostopnosti za številne vrste spletnih aplikacij.
Številni znaki, ki jih spletne aplikacije uporabljajo za sporočanje dejavnosti, kot so vrstice napredka in kazalniki nalaganja, so zgolj vizualne. Ljudje z motnjami vida ali tisti, ki uporabljajo bralnike zaslona, jih ne zaznajo.
Vue-annuncer je knjižnica, ki vam omogoča, da objavite spremembe v aplikacijah Vue.js na način, do katerega lahko dostopajo vsi.
Vue-skip-to je knjižnica, ustvarjena tako, da omogoča ljudem, ki uporabljajo bralnik zaslona, da preskočijo neposredno na glavno vsebino aplikacije Vue.js. To je uporabno, ker imajo številne spletne aplikacije navigacijske povezave in druge elemente pred glavno vsebino. Nekateri uporabniki jih zlahka preskočijo, vendar je uporaba z bralnikom zaslona lahko težavna in frustrirajuća.
ESLint je orodje, ki vam pomaga pisati boljši JavaScript z analizo vaše kode in preverjanjem napak.
To orodje je vtičnik ESLint, ki vam pomaga zagotoviti, da je struktura vaših komponent Vue.js skladna s pravili dostopnosti.
Ko je nameščen, ta vtičnik analizira vse datoteke Vue.js in opozori na problematično kodo. Nato lahko med pisanjem aplikacij povečate dostopnost, namesto da bi morali spremeniti kodo po fazi testiranja.
Velik vir težav z dostopnostjo v aplikacijah je uporaba nedostopnih knjižnic komponent. Vuetensils je knjižnica komponent Vue.js.
Te komponente so optimizirane za minimalno velikost, maksimalno dostopnost, enostavno uporabo in enostavno oblikovanje. Prihranite lahko čas in uporabite te vnaprej izdelane komponente, ne da bi škodovali dostopnosti vaših aplikacij.
Dostopnost v Vue.js je enostavna
Dostopnost pomeni zagotoviti, da lahko vsakdo uporablja vašo aplikacijo v katerem koli kontekstu. Povečanje dostopnosti je pomembno za zagotovitev, da lahko aplikacijo uporablja čim več ljudi.
Razvijalci pri izdelavi svojih aplikacij pogosto delajo pogoste, a preprečljive napake pri dostopnosti. Pogoste težave vključujejo netestiranje in pisanje nesemantičnega HTML-ja. Toda s pomočjo nekaj orodij je lažje pisati zelo dostopne aplikacije Vue.js.
