インターネットがインフラになっていくのに合わせて大事になっているのがアクセシビリティです。つまり色遣いであったり、スクリーンリーダーに合わせたテキスト情報など誰にとっても使いやすいサイトであることを意識しなければなりません。 そんなアクセシビリティチェックをブックマークレット形式で提供してくれるのがtota11yです。

tota11yの使い方

ブックマークレットを実行すると、このように左下にアイコンが表示されます。

クリックするとメニューが表示されます。

ヘッダー情報を可視化しています。

コントラクトに関する注意が多数出ています。

リンクテキストに関する注意です。

画像のaltテキスト。

スクリーンリーダーがどのように判断するか確認できます。

tota11yはオンライン学習サイトのカーンアカデミーが開発しています。オンライン学習が広まる中、ユニバーサルに誰でも使えるようにする需要が出ているのかも知れません。サイトのアクセシビリティをチェックする際にぜひ使ってみてください。

tota11yはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

tota11y – an accessibility visualization toolkit Khan/tota11y