10 tööriista veebisaidi juurdepääsetavuse parandamiseks
Pole kahtlust, et mõistate, et teie veebisait peab olema juurdepääsetav võimalikult paljudele kasutajatele. Kuid kõigi juhiste ja standardite lugemine võib olla pisut üle jõu käiv. Siit leiate uusimad W3C soovitused, kuid kas peate teadma iga sõna ja järgima kõiki juhiseid?
Täna proovime mõne tööriista ja ressurssi abil seda kõike natuke lihtsamaks muuta, et aidata teil veebisaidi juurdepääsetavust parandada (ja võib-olla isegi mõned kontrollid, et arvata, et neid polnud teie radaril!).
Vaatamata sellele, kas soovite veenduda, et teil on piisavalt visuaalset kontrasti, sait, mis on ekraanilugejatele juurdepääsetav, või isegi luua juurdepääsetavaid e-kirju!
1. Värv ohutu
Color Safe aitab teil kontrollida (ja isegi luua) juurdepääsetavaid värvipalette vastavalt WCAG juhistele teksti ja taustavärvide kontrasti kohta. Tööriist ja standardid kasutavad suhetepõhist valemit, et määrata värvikombinatsioone, mida kõik saavad lugeda.
WCAG-i juhised soovitavad kontrastsussuhet 4, 5 (väikese) teksti korral ja 3 suure teksti korral (kõik üle 24 punkti).
Sisestage lihtsalt oma värvid - HEX-koodi alusel - fondi valik ja suurus ning genereerige palett. Saate kohe suhte, et seda võrrelda ja võite näha teisi sarnaseid värve. Vaadake läbi, kas midagi sarnast võiks olla teie kirjatüübi ja suuruse põhjal parem valik.
2. NoCoffee
NoCoffee on Google Chrome'i brauserilaiend, mis aitab teil oma kujundust visuaalselt visualiseerida, nii nagu nägemispuudega inimesed seda näeksid. (Miski ei rõhuta juurdepääsetavuse olulisust, näiteks selle nägemine.)
See saab kontrollida ja näidata järgmist:
- Madal teravus väikese teksti või klõpsu sihtmärkidega
- Probleemid madala kontrastiga teksti- ja taustaelementidega
- Värvipimedus
- Visuaalne lumi, pimestamine, kummitus ja kae
- Nüstagm, mis on kiire tahtmatu silmade liikumine
- Takistatud nägemisväljad
3. Kontrastsuse kontrollija
Kontrastsusekontroll võimaldab teil sisestada ekraanile tausta- ja esiplaanivärvid ning saada kohese värvikoodiga pääsemise / ebaõnnestumise abil kontrolli mitme visuaalse standardi osas.
Tööriista toredate funktsioonide hulka kuulub võimalus liikuda värvide ja halltoonide vahel, jagada kontrollide näidiseid ja tõmmata piltidelt värve. Samuti saate salvestada PDF-proovi. See on lihtne tööriist rohkete funktsioonidega, mida igaüks saab kiiresti kasutada.
See tagab ka värvisuhte, nagu on kirjeldatud WCAG-i juhistes.
4. Tota11y
Tota11y on JavaScripti fail, mis paneb pisikese nupu dokumentide alumisse nurka. See laieneb tööriistaribaga, mis sisaldab mitut pistikprogrammi erinevate juurdepääsetavuse kontrollimiste jaoks.
- Pealkirjade ja rubriikide järjekorra rikkumised
- Kontrast (või selle puudumine)
- Linkige tekst, mis puudub või on segane
- Sisenditest puuduvad sildid
- Pildid ilma alt-tekstita
- Sildid on ARIA maamärgid
- Ekraanilugeja "võlukepp", et saaksite saiti "lugeda" nagu ekraanilugeja
5. LAINE
WAVE ehk veebi juurdepääsetavuse hindamise tööriist on kindel kontrollide kogu ühes kohas.
Tööriist kasutab külgribal oleva teabega seotud ikoonide visuaalset ülekattet, et anda üksikasju kõige kohta alates värvide kontrastsusest kuni ülearuste pealkirjadeni kuni linkideni HTML-i ja struktuurielementidega.
Tasuta kontroll annab teile peaaegu kõik, mida peate ühe lehe kohta teadma, kuid WAVE sisaldab ka tasulisi ettevõtte tasemel tööriistu mitme saidi omanikele või kasutajatele, kes soovivad korraga rohkem kui ühte lehte. See hõlmab ka Chrome'i ja Firefoxi brauserilaiendeid, mis saavad privaatses keskkonnas kontrollida sisevõrku, parooliga kaitstud, dünaamiliselt loodud või tundlikke veebisaite.
6. 508 kontrollija
508 Checker testib URL-e, et teha kindlaks, kas veebisait vastab Ameerika Ühendriikide 508 nõuetele vastavuse juhistele, mida seadusega nõutakse igalt föderaalset toetust saavalt organisatsioonilt.
Kuigi see tööriist on tasuta, peate skannimise täielike tulemuste nägemiseks registreeruma.
Sait sisaldab ka muid tööriistu ja ressursse, sealhulgas viktoriini, mis aitab organisatsioonidel välja selgitada, kas nende suhtes kehtib 508 nõuetele vastavus, ning spetsiaalseid ressursse kõrgharidusele, mittetulundusühingutele ja valitsusasutustele.
7. HTML_CodeSniffer
HTML_CodeSniffer on kliendipoolne skript, mis kontrollib lähtekoodi ja otsib määratletud standardite rikkumisi. See kontrollib nii veebisisu juurdepääsetavuse juhiseid 2.0 kui ka USA jaotist 508.
Kleepige kood otse veebisaidile kontrollimiseks või kasutage järjehoidja.
Seda on lihtne kasutada ja saate valida, millist tüüpi teavet kuvada - vead, hoiatused või teated ja vaadata aruannet, milles on täpsustatud kõik tšeki probleemid.
8. Juurdepääsetav e-post
Ligipääsetav e-post on veebikontroll ja HTML-i redigeerija, mis aitab teil enne meilisõnumi väljasaatmist parandada e-kirja uudiskirja koodi. (Võite vaadata ka varasemaid / saadetud kampaaniaid.)
Kuna meilist tuleb nii palju digitaalset suhtlust ja müügivihjete genereerimist, ei tohiks see hõlpsuse mõttes olla üks unustatud veebisaidi elemente, kuid sageli on see nii. Samad reeglid veebis juurdepääsetavuse kohta kehtivad ka e-kirjade saatmise kohta.
Tööriista on tasuta kasutamine ja see on loodud e-posti turunduse juurdepääsetavuse ja kasutatavuse edendamiseks.
9. Amara
Amara on video subtiitrite ja suletud subtiitrite loomise tööriist.
Helivaba või muus keeles ühenduse loomise viisi avamine võib teie kujunduselemente avada rohkematele inimestele, eriti kui video on kujunduse põhielement.
See tööriist sisaldab tasuta ja ettevõtte valikuid, mis hõlbustavad keele ekraanile kuvamist loetavas vormingus, mis töötab veebisaitidel ja video voogesituse platvormidel, näiteks YouTube.
10. MobiReady
MobiReady pakub mobiilse juurdepääsetavuse testi visuaalses vormingus ja tulemuste aruandega, nii et näete, kus teie veebisait võib väikseima seadme puhul jääda alla.
Saate võrrelda oma saiti võrdluses Alexa 1000-ga, mis on maailma parimate veebisaitide edetabel; hankige üksikasjalikke tehnilisi tulemusi koos soovitustega ja vaadake oma veebisaidi renderdusi erinevatel ekraanidel, sealhulgas kõrge, keskmise ja madala astme seadmetel.
Selle testi üks paremaid osi on see, et seda hinnatakse kümnetes valdkondades ja iga ebaõnnestumise korral on soovitusi, kuidas seda paremaks muuta.
Järeldus
Veebisaitide juurdepääsetavuse osas on oluline arvestada kasutatavuse ja loetavusega igat tüüpi kasutajatele. Mõelge elementide, subtiitrite ja subtiitrite värvile, suurusele ja paigutusele, sobivale HTML-ile ja struktuurile ning isegi e-kirjale, et pakkuda võimalikult paljudele inimestele parimat võimalikku kogemust.
Samuti on oluline kontrollida, kas teie projektidele võiks kohaldada piirkondlikke või riiklikke eeskirju, nagu näiteks ülalnimetatud 508 vastavusstandardid.
Ja kui see kahtleb, on parem eksida juurdepääsetavuse poolel. On OK, kui soovite värvi mõne paleti alt kohandada või fondi suurust üles seada, et rohkem inimesi saaks ekraanil kuvatavast hõlpsalt aru.
