Web Accessibility Toolbar の色機能
Firefox で、Web Developer Tool や Accessibility Extension をご利用になっている方はいると思います。Internet Explorer や Opera で同等のことが出来るのを探しているという方は Web Accessibility Toolbar (WAT) がお勧めです。ページの構造を解析したり、画像や CSS がオフになっている状態をチェック出来るので、Firefox の Web Developer Tool と同等なことが出来るといって良いでしょう。ただし、WAT には Web Developer Tool や Accessibility Extension にはないユニークな機能があります。
WAT には色をチェックする Contrast Analyser が実装されています。これは、W3C の Web Content Accessibility Guidelines 2.0 (WCAG 2.0) で紹介されている 色のコントラストに関する比率 を基にして作られています。ワンクリックで、スタイルシート等で設定した背景色と文字/リンク色のコントラストを解析し、レポート表示してくれます。
どれだけコントラストがあるかを数値で表してくれるだけでなく、どの組み合わせが良くないかも指摘してくれます。数値が低い組み合わせは使わないようにするのは当然ですが、パスした色の組み合わせも、数値低ければ検討したほうが良いでしょう。
また、サイトをグレースケールにしてくれる GrayBit というサービスをツールバーから利用することも出来ます。
コントラストに関しては Firefox でも Colour Contrast Analyser をインストールすれば同等のことが出来ます。
- Web Directions East 最新エントリ
- 新着記事
- 特集
- ブログ
- 企画特集
-
複雑なセキュリティ運用と決別を!
-
vFORUMレポ!次世代の構築・運用へ
-
IoT時代の新たなモノづくり
-
衝撃!サイバー攻撃の9割はメール
-
どのクラウドかは重要ではない
-
すぐに使えるデータは3割以下
-
AWSセミナー講演レポート
-
CIOは部分最適ではいけない
-
AWSセミナー講演レポート
-
AWSセミナー講演レポート
-
悩ましい!生産性と管理強化の天秤
-
「カジュアルなIoT」を実践!
-
コネクテッド・エンタープライズへ
-
SBI証券の挑戦!!
-
結局ここで手を抜いたら終わり…!
-
Windows 10 移行の課題に切り込む
-
5G時代のネットワーク運用最前線
-
兼任情シスでも、手は緩められない
-
ビジネス視点で評価せよ!
-
AWSセミナー講演レポート
-
特集:ブロック至上主義からの脱却
-
DX時代に競争力の源泉となるHCI
-
真の生産性向上を成す働き方とは
-
NWに悩まない次世代クラウド基盤!
-
事例で知るAWS徹底活用!
-
クラウドがもたらすITの価値
-
「ためられない」と分析もできない
-
働き方改革のカギはズバリこれ!
-
転換期を戦える組織やチームを作れ
-
急げ!新たなネットインフラの革新
-
加速する基幹システムのオープン化
-
AWSセミナー講演レポート
-
コンタクトセンターが変わる!
-
対談:大谷イビサ氏×ZDNet編集長
-
最近、Office 365が重い…!?
-
AWSセミナー講演レポート
-
必須の時代!AIチャットボットの力
-
まさにインフラ担当者の希望の星!
-
ITガバナンス協会副理事に聞く!
-
AWSセミナー講演レポート
-
漫画:輸出管理の困ったに
-
デジ変した世界の勝ちパターン探る
-
「ゼロ情シス」企業こそ攻めのITへ
-
熱視線!「次世代メガクラウド」
-
いまどきのクラウド用語12選
-
特集:AWS活用はここまできた
-
IoTは次のフェーズへ
-
機械学習は敷居が高い?
