Vizualizați și debugați accesibilitatea site-ului cu Tota11y

Tehnologiile de asistență sunt noua normă pentru web design. Odată ce designul receptiv a devenit mainstream a fost rapid evident pentru designeri că susținerea mai multor utilizatori este o necesitate.

Dar există o mulțime de lucruri de făcut pentru accesibilitatea web. Acesta este un subiect imens și nu ceva pe care îl puteți ridica fără instrumente la îndemână.

Totul este a free toolkit pentru vizualizarea problemelor de accesibilitate ale site-ului dvs.. Acest lucru funcționează chiar în browser, astfel încât să puteți încărca setul de instrumente, să faceți clic în jurul site-ului dvs. (sau orice site!) Pentru a găsi recomandări privind accesibilitatea.

Aceasta funcționează ca o bibliotecă JavaScript care poate fi conectată la orice pagină. Ai putea, de asemenea rulați manual pe site-uri live prin intermediul Chrome DevTools, dar acest lucru nu este întotdeauna util dacă nu lucrați la site-ul altcuiva.

Totul adaugă o mică bară de instrumente pe pagina dvs. și rulează dinamic în întreg DOM. Ori de câte ori faceți clic pe un element veți primi o cutie de extindere mică cu detalii privind problemele de accesibilitate.

Un lucru care îmi place cu adevărat de Tota11y este limbă clară utilizat cu fiecare casetă de avertizare. Cea mai mare parte a documentației WAI-ARIA se simte ca și codurile fiscale pentru lectură. Mare pentru a te adormi, nu atât de grozav pentru depanarea unui site web.

Cu această bibliotecă veți găsi probleme și soluții scrise în limba engleză. Atât de mult mai ușor de consumat și soluțiile sunt rapide.

Dacă vizitați pagina principală, veți găsi un demo de Tota11y care rulează pe site. Este fila neagră mică situată în colțul din stânga jos al ecranului. Doar faceți clic pe acesta pentru o vizualizare extinsă care acoperă toate elementele principale ale paginii.

Totul se deschide sub licența MIT, așa că este foarte ușor să lucrezi cu ea.

Poți să iei o copie pe GitHub și să o folosești pentru ceva mai mult. Totul vine și cu o grămadă de pluginuri pe care le puteți extinde pe scenariul principal. Aceste adăugați funcționalitate pentru a verifica preocupările mai detaliate privind accesibilitatea.

Dacă sunteți mare în testarea accesibilității, atunci veți dori absolut o copie a acestui script în caseta de instrumente.