Kotisivu » Toolkit » Visualisoi ja korjaa verkkosivuston esteettömyys Tota11y n kanssa

    Visualisoi ja korjaa verkkosivuston esteettömyys Tota11y n kanssa

    Aputeknologiat ovat web-suunnittelun uusi normi. Kun vastaava suunnittelu oli valtavirran mukainen, suunnittelijoille oli selvää, että useampien käyttäjien tukeminen on välttämätöntä.

    Mutta siellä on paljon työtä Web-saatavuuden saavuttamiseksi. Tämä on valtava aihe eikä jotain, jota voit poimia ilman käteviä työkaluja.

    Tota11y on a ilmainen työkalupakki sivustosi esteettömyysongelmien visualisoimiseksi. Tämä toimii suoraan selaimessa, jotta voit ladata työkalupaketin, klikata sivustosi (tai minkä tahansa sivuston!) Ympärillä, jotta löydät saavutettavuussuositukset.

    Tämä toimii JavaScript-kirjastona, joka voidaan liittää mihin tahansa sivuun. Voisit myös suorita se manuaalisesti live-sivustoissa Chrome DevTools -palvelun kautta, mutta se ei ole aina hyödyllinen, ellet työskentele jonkun toisen sivustolla.

    Tota11y lisää sivulle pienen työkalurivin ja toimii dynaamisesti koko DOM: ssa. Aina kun sinä Napsauta elementtiä, josta saat pienen laajenevan ruudun yksityiskohtia, jotka kattavat esteettömyysongelmat.

    Yksi asia, josta pidän todella Tota11y: stä, on selkeä kieli käytetään kunkin kutsu-ruudun kanssa. Suurin osa WAI-ARIA-dokumentaatiosta tuntuu verokoodien lukemiselta. Loistava paikka itsesi nukkumiseen, ei niin suuri verkkosivuston virheenkorjaukseen.

    Tämän kirjaston avulla löydät ongelmat ja ratkaisut, jotka on kirjoitettu englanniksi. Niin paljon helpompi kuluttaa ja ratkaisut ovat nopeita.

    Jos vierailet pääsivulla, löydät sivustolta demon Tota11y: stä. Se on pieni musta välilehti, joka sijaitsee näytön vasemmassa alakulmassa. Napsauta tätä, jos haluat laajennetun näkymän, joka kattaa kaikki sivun elementit.

    Koko asia on avattu MIT-lisenssin alla, joten se on todella helppoa.

    Voit kopioida kopion GitHubille ja käyttää sitä melko paljon. Tota11y: ssä on myös joukko laajennuksia, joita voit laajentaa pääskriptiin. Nämä lisää toimintoja tarkempien esteettömyysongelmien tarkistamiseksi.

    Jos olet suuri esteettömyyden testaukseen, sinun kannattaa ehdottomasti kopio tästä käsikirjoituksesta työkalupakille.