Визуализиране и достъпност на уебсайта с Tota11y

Помощните технологии са новата норма за уеб дизайн. Веднъж отговорен дизайн стана основна, бързо е очевидно, че подкрепата на повече потребители е необходимост.

Но има много работа за уеб достъпност. Това е огромна тема, а не нещо, което можете да вземете без удобни инструменти.

Tota11y е a безплатен инструментариум за визуализиране на проблемите с достъпността на уебсайта ви. Това работи точно в браузъра, така че можете просто да заредите инструмента, да кликнете върху сайта си (или на всеки сайт!), За да намерите препоръки за достъпност..

Това работи като JavaScript библиотека, която може да бъде включена във всяка страница. Можете също така го стартирайте ръчно на живи сайтове чрез Chrome DevTools, но това не винаги е полезно, освен ако не работите на някой друг сайт.

Tota11y добавя малка лента с инструменти към вашата страница и се изпълнява динамично в целия DOM. Винаги, когато кликнете върху елемент, който ще получите в малка кутия за разширяване с подробности относно проблемите на достъпността.

Едно нещо, което наистина харесвам за Tota11y е ясен език използва се с всяка кутия за обозначения. Повечето от документацията на WAI-ARIA изглежда като четене на данъчни кодове. Чудесно за заспиване, не толкова голямо за отстраняване на грешки в уебсайт.

С тази библиотека ще откриете проблеми и решения, написани на обикновен английски. Така че много по-лесно се консумират и решенията са бързи.

Ако посетите главната страница, ще намерите демо на Tota11y, което се изпълнява на сайта. Това е малкия черен раздел, разположен в долния ляв ъгъл на екрана. Просто кликнете върху това за разширен изглед, обхващащ всички елементи на главната страница.

Цялата работа е отворена под лиценза на MIT, така че е много лесно да се работи с него.

Можете да вземете копие на GitHub и да го използвате за почти всичко. Tota11y също идва с куп приставки, които можете да разширите върху основния скрипт. тези добавяне на функционалност за проверка на по-подробни проблеми с достъпността.

Ако сте големи в тестването за достъпност, тогава абсолютно искате копие на този скрипт в кутията с инструменти.