Visualiser et déboguer l'accessibilité du site Web avec Tota11y

Les technologies d'assistance sont la nouvelle norme pour la conception Web. Une fois que le design réactif a été généralisé, les concepteurs ont rapidement compris qu'il était indispensable de prendre en charge davantage d'utilisateurs..

Mais il y'à beaucoup de travail à faire pour l'accessibilité Web. Ceci est un sujet énorme et pas quelque chose que vous pouvez ramasser sans outils pratiques.

Tota11y est un boîte à outils gratuite pour visualiser les problèmes d'accessibilité de votre site Web. Cela fonctionne directement dans le navigateur afin que vous puissiez simplement charger la boîte à outils, cliquer sur votre site (ou n’importe quel site!) Pour trouver des recommandations d’accessibilité..

Cela fonctionne comme une bibliothèque JavaScript qui peut être connectée à n'importe quelle page. Tu pourrais aussi exécutez-le manuellement sur les sites en direct via Chrome DevTools, mais ce n'est pas toujours utile, sauf si vous travaillez sur le site de quelqu'un d'autre.

Tota11y ajoute une petite barre d’outils sur votre page et s’exécute de manière dynamique sur l’ensemble du DOM. Quand tu cliquez sur un élément, vous obtiendrez une petite boîte en expansion avec des détails couvrant les problèmes d'accessibilité.

Une chose que j’aime vraiment chez Tota11y est le langage clair utilisé avec chaque boîte de légende. La plupart de la documentation WAI-ARIA donne l'impression de lire des codes de taxe. Idéal pour vous endormir, pas si génial pour déboguer un site web.

Avec cette bibliothèque, vous trouverez problèmes et solutions rédigés en anglais simplifié. Tellement plus facile à consommer et les solutions sont rapides.

Si vous visitez la page principale, vous trouverez une démonstration de Tota11y sur le site. C'est le petit onglet noir situé dans le coin inférieur gauche de l'écran. Cliquez simplement dessus pour une vue développée couvrant tous les éléments de la page principale..

Le tout est openourced sous la licence MIT donc il est vraiment facile de travailler avec.

Vous pouvez en obtenir une copie sur GitHub et l’utiliser à peu près partout. Tota11y vient également avec un tas de plugins que vous pouvez étendre sur le script principal. Celles-ci ajout d'une fonctionnalité permettant de vérifier des problèmes d'accessibilité plus détaillés.

Si vous êtes un grand amateur d'essais d'accessibilité, vous aurez absolument besoin d'une copie de ce script dans votre boîte à outils..