Tota11yでウェブサイトのアクセシビリティを可視化しデバッグする

支援技術は、Webデザインの新しい標準です。レスポンシブデザインが主流になると、より多くのユーザーをサポートすることが必要であることが設計者にはすぐに明らかになりました。.

しかし、あります Webアクセシビリティのためにするべき多くの仕事. これは大きなトピックであり、便利な道具なしで拾うことができるものではありません.

Tota11yは あなたのウェブサイトのアクセシビリティ問題を視覚化するための無料のツールキット. これはブラウザ内で正しく機能するため、ツールキットをロードし、自分のサイト（または任意のサイト）をクリックしてアクセシビリティの推奨事項を見つけることができます。.

これは、どのページにもプラグインできるJavaScriptライブラリとして機能します。あなたも ライブサイトで手動で実行する Chrome DevToolsを介して、しかしそれはあなたが他の誰かのサイトに取り組んでいない限りそれは常に便利ではありません.

Tota11yはあなたのページに小さなツールバーを追加し、DOM全体に動的に動作します。いつでも 要素をクリックすると小さなエキスパンドボックスが表示されます アクセシビリティ問題を網羅した詳細.

私がTota11yについて本当に好きなことの一つは 明確な言葉 各吹き出しボックスで使用されます。 WAI-ARIAの文書のほとんどは、税法を読むようなものです。ウェブサイトのデバッグにはあまり適していません。.

このライブラリでは、見つけることができます 平易な英語で書かれた問題と解決策. とても使いやすく、解決策は早いです.

メインページにアクセスすると、そのサイトでTota11yのデモが実行されています。画面の左下隅にある小さな黒いタブです。それをクリックするだけで、すべてのメインページ要素をカバーする拡大図が表示されます。.

すべてがMITライセンスの下でオープンソース化されているので、それを使って作業するのは本当に簡単です。.

GitHubでコピーを入手して、ほとんど何にでも使うことができます。 Tota11yにはメインスクリプトに拡張できるたくさんのプラグインも付属しています。これら より詳細なアクセシビリティの懸念をチェックする機能を追加する.

アクセシビリティテストが大好きなら、このスクリプトのコピーを自分のツールボックスに絶対に追加してください。.