指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」

Ads

Button Contrast Checker


Button Contrast Checkerは任意のWebサイトのURLを指定すると、そのページ内にあるリンクやボタンなどのデフォルトの状態、マウスホバー時、フォーカス状態におけるカラーアクセシビリティをチェックしてくれるWebツールです。

テキストの色や背景色、周りの色などを解析し、WCAG 2.1に準拠した十分なコントラストがあるかどうかをチェック、評価と指摘をしてくれます。

提供しているのは依頼を受けたWebサイトのアクセシビリティをチェックし、改善レポートを提供するサービスを展開しているAditusによるもの。こちらはボタンのみを自動チェックしてくれるツールを公開したようです。

Ads

雑感

自分のブログでもチェックしてみましたが、16要素のうち、問題があるのは13か所と、テストなら赤点の採点でした。なんのチェックもせず適当に作りたいように作ったWebサイトならまぁこんなもんじゃないでしょうか(諦め)

チェックした結果はユニークなURLが発行されるのでいつでもチェック、シェアが出来るようになっています。例えば9月12日のBootstrapのドキュメントページの結果はこのようになっています

アクセシビリティチェックのツールは数多にありますし、もっと高性能なアプリもありますが、ホバー時やフォーカス時もまとめてチェックしてくれるツールはあまりない印象ですし、ボタンやリンクは特に重要な要素でしょうから、シンプルに重要な部分を一括チェックできるのは割と魅力ではないかなぁと思います。

利用は無料でユーザー登録も不要です。

Button Contrast Checker

タイトルとURLをコピーしました