Taigi jūs girdėjote daug kalbų apie tai, kas vadinama prieinamumu. Galbūt net esate girdėję apie žmones, kurie bylinėjosi su didelėmis įmonėmis dėl neprieinamų paslaugų teikimo. Bet ar tiksliai žinote, ką reiškia prieinamumas?
Laimei, prieinamumą nėra labai sunku suprasti ar įgyvendinti, kai tik tai įsipareigojate. Sužinoję, kas yra pasiekiamumas, galite pritaikyti šią teoriją praktikoje parašydami prieinamas Vue.js programas.
Kas yra prieinamumas?
Prieinamumas yra populiarus žodis žiniatinklyje, bet ką tai tiksliai reiškia? Pasirodo, pavadinimas gana apibūdinamas. Prieinamumas yra tiesiog matas, nurodantis, kaip žiniatinklio programa tinka visų tipų žmonėms.
Ne visi žiniatinklį naudoja vienodai. Kai kurie žmonės turi sutrikimų, kurie gali turėti įtakos jų klausai ar regėjimui. Kai kurie negali pasiekti modernios aparatinės įrangos ar didelės spartos interneto, o žmonėms dažnai reikia naudotis žiniatinkliu ne idealiomis sąlygomis. Prieinamumas – tai užtikrinti, kad visi tie žmonės vis tiek galėtų kuo sklandžiau naudotis žiniatinklio programa.
Kodėl prieinamumas yra svarbus?
Prieinamumas yra svarbus, nes kai programa yra labai prieinama, ji gali būti naudinga kuo daugiau žmonių. Kai kas nors teikia paslaugą ar informaciją svetainėje, jų tikslas yra, kad kiti žmonės naudotųsi ta paslauga arba perskaitytų tą informaciją.
Prieinamumo optimizavimas užtikrina, kad kuo mažiau žmonių negalėtų naudotis žiniatinklio programa. Be to, labiau prieinamos žiniatinklio programos paieškos rezultatuose paprastai vertinamos aukščiau. Taip dar daugiau žmonių gali rasti ir naudoti labiau prieinamas žiniatinklio programas.
Dažnos kūrėjų klaidos, kenkiančios prieinamumui
Daugelis žiniatinklio programų yra mažiau prieinamos, nei galėtų būti. Paprastai tai yra tų, kurie jas sukūrė, klaidų rezultatas. Kai kurios dažniausios pritaikymo neįgaliesiems klaidos, kurias kūrėjai daro kurdami programas:
Nepasiekiamų bibliotekų naudojimas
Kurdami programas galite pasikliauti trečiųjų šalių bibliotekomis, kad sutaupytumėte laiko ir pastangų. Deja, ne visos bibliotekos rimtai žiūri į prieinamumą, todėl gali būti sunku atpažinti geras. Taip nesunku netyčia sumažinti programų pasiekiamumą.
Semantinio HTML nepaisymas kuriant komponentus
Semantinis HTML yra HTML, kurio reikšmė ir struktūra yra teisinga. Kiekviena HTML žyma turi įgimtą paskirtį, kurią pagalbinė technologija naudoja, kad nustatytų jos turinio reikšmę. Pavyzdžiui, antraštės žyma žymi svetainės antraštę. Ekrano skaitytuvas turėtų galėti pranešti, kad viskas, kas yra antraštės žymoje, yra svetainės antraštė.
Deja, niekas netrukdo naudoti žymos netinkamam tikslui. Kitas dažnas pavyzdys yra mygtuko žymos naudojimas, kad būtų galima veikti kaip nuoroda, arba atvirkščiai.
Tokiu būdu HTML rašymas kenkia prieinamumui, nes pagalbinė technologija nebegali būti tikra dėl jokio HTML elemento paskirties. Tai gali sukelti painiavą ar varginantį technologijos naudotojus. Norėdami pasiekti maksimalų pasiekiamumą, visada turėtumėte rašyti semantinį HTML, net jei tai reiškia šiek tiek daugiau darbo.
Netikrinama pritaikymo neįgaliesiems
Žiniatinklio programos kūrimas dažnai gali būti sudėtinga užduotis, reikalaujanti daug terminų. Tarp skubėjimo užbaigti funkcijas ir kitų programinės įrangos aspektų testavimo naštos, pritaikymo neįgaliesiems testavimas atsiduria antrame plane. Gali kilti pagunda įdiegti programą gamybinėje versijoje, kol neišbandysite jos pritaikymo neįgaliesiems problemų.
Kodėl? Bandymas reikalauja laiko ir gali tekti atlikti daug programos kodo pakeitimų. Bet žiniatinklio programos testavimas yra nepakeičiama kūrimo proceso dalis. Turėtumėte išbandyti savo programos prieinamumą taip pat griežtai, kaip ir bet kurį kitą aspektą.
Laimei, yra įrankių, padedančių išspręsti šias problemas. Šie penki įrankiai gali padėti rašyti labiau prieinamas Vue.js programas:
WAVE yra įrankių rinkinys, padedantis kūrėjams automatiškai patikrinti, ar jų programose nėra pritaikymo neįgaliesiems problemų. Nors WAVE nepakeičia galutinio vartotojo testavimo, jis vis tiek gali padėti išspręsti daugelį pritaikymo neįgaliesiems problemų.
WAVE savo svetainėje pateikia internetinį testavimo įrankį. Jame taip pat siūlomi naršyklės plėtiniai ir keletas kitų įrankių, padedančių atlikti daugelio tipų žiniatinklio programų pritaikymo neįgaliesiems testus.
Daugelis signalų, kuriuos žiniatinklio programos naudoja veiklai perduoti, pvz., eigos juostos ir įkėlimo indikatoriai, yra tik vaizdiniai. Žmonės su regėjimo negalia arba naudojantys ekrano skaitytuvus negali jų suvokti.
„Vue-announcer“ yra biblioteka, leidžianti pranešti apie „Vue.js“ programų pakeitimus visiems prieinamu būdu.
„Vue-skip-to“ yra biblioteka, sukurta tam, kad ekrano skaitytuvą naudojantys žmonės galėtų pereiti tiesiai prie pagrindinio Vue.js programos turinio. Tai naudinga, nes daugelyje žiniatinklio programų yra naršymo nuorodos ir kiti elementai prieš pagrindinį turinį. Kai kuriems naudotojams lengva jas praleisti, tačiau naudojant ekrano skaitytuvą gali būti varginančių ir varginančių.
ESLint yra įrankis, padedantis parašyti geresnį „JavaScript“ analizuojant kodą ir tikrinant, ar jame nėra klaidų.
Šis įrankis yra ESLint papildinys, padedantis užtikrinti, kad jūsų Vue.js komponentų struktūra atitiktų pritaikymo neįgaliesiems taisykles.
Įdiegtas šis papildinys analizuoja visus Vue.js failus ir nurodo probleminį kodą. Tada galite maksimaliai padidinti pasiekiamumą rašydami programas, o ne keisti kodą pasibaigus bandymo etapui.
Didelis programų prieinamumo problemų šaltinis yra nepasiekiamų komponentų bibliotekų naudojimas. Vuetensils yra Vue.js komponentų biblioteka.
Šie komponentai yra optimizuoti taip, kad būtų minimalūs dydžiai, maksimalus pasiekiamumas, patogus naudojimas ir lengvas stilius. Galite sutaupyti laiko ir naudoti šiuos iš anksto sukurtus komponentus nepakenkdami savo programų pasiekiamumui.
Prieinamumas Vue.js yra paprastas
Prieinamumas – tai užtikrinimas, kad visi galėtų naudoti jūsų programą bet kokiame kontekste. Siekiant užtikrinti, kad programa galėtų naudotis kuo daugiau žmonių, svarbu maksimaliai padidinti pasiekiamumą.
Kurdami programas kūrėjai dažnai daro įprastas, bet išvengiamų pritaikymo neįgaliesiems klaidų. Įprastos problemos yra neišbandymas ir nesemantinio HTML rašymas. Tačiau naudojant kelis įrankius lengviau rašyti labai prieinamas Vue.js programas.