Vizualizujte & Debug Web Accessibility s Tota11y

Pomocné technologie jsou novou normou pro web design. Jakmile reagoval design na mainstream, bylo pro designéry zřejmé, že podpora více uživatelů je nutností.

Ale je tu pro práci s webem je třeba udělat spoustu práce. To je obrovské téma a ne něco, co můžete vyzvednout bez užitečných nástrojů.

Tota11y je a bezplatná sada nástrojů pro vizualizaci problémů s dostupností vašich webových stránek. Toto funguje přímo v prohlížeči, takže můžete jednoduše načíst sadu nástrojů, kliknout na vaše stránky (nebo libovolné stránky!) A najít doporučení pro usnadnění přístupu..

To funguje jako knihovna JavaScript, která může být připojena na libovolnou stránku. Můžete také spustit ručně na živých stránkách přes Chrome DevTools, ale to není vždy užitečné, pokud nepracujete na webu někoho jiného.

Tota11y přidá malý panel nástrojů na vaši stránku a běží dynamicky přes celý DOM. Kdykoli vás klikněte na prvek, který dostanete malou rozšiřující krabici s podrobnostmi týkajícími se problémů s přístupností.

Na Tota11y se mi opravdu líbí jedna věc jasný jazyk používá se s každým rámečkem. Většina dokumentace WAI-ARIA se cítí jako čtení daňových kódů. Skvělé pro spaní, ne tak skvělé pro ladění webových stránek.

S touto knihovnou najdete problémy a řešení napsaná prostou angličtinou. Snadno se spotřebovávají a řešení jsou rychlá.

Pokud navštívíte hlavní stránku, najdete na webu demo Tota11y. Je to malá černá karta umístěná v levém dolním rohu obrazovky. Stačí kliknout na rozšířené zobrazení pokrývající všechny prvky hlavní stránky.

Celá věc je openourced pod licencí MIT, takže je to opravdu snadné pracovat.

Můžete chytit kopii na GitHub a použít ji pro téměř nic. Tota11y také přichází s bandou pluginů, které můžete rozšířit na hlavní skript. Tyto přidat funkčnost pro kontrolu podrobnějších problémů s přístupností.

Pokud jste velký do testování přístupnosti, pak budete chtít kopii tohoto skriptu ve svém panelu nástrojů.