Vizualizirajte & Dostopnost spletnega mesta za odpravljanje napak s Tota11y
Podporne tehnologije so nova norma za spletno oblikovanje. Ko je odzivni dizajn postal mainstream, je bilo oblikovalcem hitro razvidno, da je podpora večjemu uporabniku nujna.
Ampak tam je veliko dela za dostop do spleta. To je velika tema in ne nekaj, kar lahko pobereš brez priročnih orodij.
Tota11y je a brezplačno orodje za vizualizacijo problemov dostopnosti vaše spletne strani. To deluje pravilno v brskalniku, tako da lahko samo naložite orodje, kliknete okoli svojega spletnega mesta (ali katerega koli mesta!) In poiščete priporočila za dostopnost..
To deluje kot knjižnica JavaScript, ki jo lahko priključite na katero koli stran. Lahko tudi ročno ga poganjajte na spletnih mestih v živo s programom Chrome DevTools, vendar to ni vedno uporabno, razen če delate na spletnem mestu nekoga drugega.
Tota11y doda majhno orodno vrstico na vašo stran in dinamično teče po celotnem DOM-ju. Kadarkoli kliknite element, ki ga boste dobili majhno razširitveno polje s podrobnostmi o težavah glede dostopnosti.
Ena stvar, ki mi je všeč pri Tota11y je jasen jezik uporablja z vsakim okencem za oblačke. Večina dokumentacije WAI-ARIA se zdi kot branje davčnih kod. Odlično za spanje, ne toliko za debugging spletne strani.
S to knjižnico boste našli težave in rešitve, napisane v preprostem angleškem jeziku. Veliko lažje porabiti in rešitve so hitre.
Če obiščete glavno stran, boste na spletnem mestu videli demo Tota11y. To je majhen črn zavihek, ki se nahaja v spodnjem levem kotu zaslona. Kliknite to možnost za razširjen pogled, ki zajema vse elemente glavne strani.
Celotna stvar se odpira pod licenco MIT, zato je z njo zelo enostavno delati.
Lahko vzamete kopijo na GitHub in jo uporabite za skoraj vse. Tota11y ima tudi veliko vtičnikov, ki jih lahko razširite na glavni skript. To dodajte funkcionalnost za preverjanje podrobnejših vprašanj glede dostopnosti.
Če ste preveč pozorni na testiranje dostopnosti, si boste zagotovo želeli kopirati ta skript v orodjarni.
