Početna » alat » Zamislite i otklonite pristupačnost web-lokacije s Tota11y

    Zamislite i otklonite pristupačnost web-lokacije s Tota11y

    Pomoćne tehnologije su nova norma za web dizajn. Jednom kada je odgovarajući dizajn postao mainstream, dizajnerima je bilo jasno da je podrška većem broju korisnika nužna.

    Ali postoji puno posla za web pristupačnost. Ovo je ogromna tema, a ne nešto što možete pokupiti bez praktičnih alata.

    Tota11y je besplatan alat za vizualizaciju problema dostupnosti vaše web-lokacije. Ovo funkcionira izravno u pregledniku tako da možete samo učitati alat, kliknuti oko svoje web-lokacije (ili bilo koje web-lokacije!) Da biste pronašli preporuke za pristupačnost.

    Ovo radi kao JavaScript biblioteka koja se može priključiti na bilo koju stranicu. Mogli biste također pokrenite ga ručno na web-lokacijama uživo kroz Chrome DevTools, ali to nije uvijek korisno ako ne radite na tuđoj web-lokaciji.

    Tota11y dodaje malu alatnu traku na vašu stranicu i dinamički se pokreće na cijelom DOM-u. Kad god ti kliknite element koji ćete dobiti malu kutiju za proširenje s pojedinostima o problemima dostupnosti.

    Jedna stvar koju stvarno volim kod Tota11y je jasan jezik koristi se sa svakim okvirom za oblačiće. Većina dokumentacije WAI-ARIA izgleda kao čitanje poreznih kodova. Izvrstan za stavljanje na spavanje, ne tako velik za debugging web stranice.

    S ovom knjižnicom pronaći ćete problemi i rješenja pisani jednostavnim engleskim jezikom. Mnogo je lakše konzumirati i rješenja su brza.

    Ako posjetite glavnu stranicu, na web-lokaciji ćete pronaći demo Tota11y. To je mala crna kartica koja se nalazi u donjem lijevom kutu zaslona. Samo kliknite da biste proširili prikaz koji pokriva sve elemente glavne stranice.

    Čitava stvar je otvorena pod MIT licencom tako da je vrlo lako raditi s njom.

    Možete preuzeti kopiju na GitHubu i koristiti je za gotovo sve. Tota11y također dolazi s hrpom dodataka koje možete proširiti na glavnu skriptu. To dodajte funkcionalnost za provjeru detaljnijih pitanja dostupnosti.

    Ako ste veliki u testiranju pristupačnosti, apsolutno želite kopiju ove skripte u vašem alatu.