WCAGアクセシビリティガイドラインに基づいたカラーツール_My bookmark

colorable(Matrix Demo)

サイト:colorable

20150929img

できること

  • 左の色相、彩度、明度のスライダーバーを動かすと、右の一覧のカラーが変化します。それぞれの組み合わせに対して、WCAGのどの基準にあるのかが表示されます。(個人的には、チカチカして見にくいですが…)

colorable(Text Demo)

サイト:colorable

20150929img02

できること

  • 背景、文字それぞれの色相、彩度、明度のスライダーバーを動かすことで、設定してるコントラストがWCAGのどの基準にあるのかがわかります。

Color Safe

サイト:Color Safe

20150929img03

できること

  • 背景色、テキストのスタイルを入力してWCAGの基準を選ぶことで、背景色に対して適切なカラーを表示してくれます。

参考サイト

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

コメントする