WCAG 2.0の色のコントラスト-どれだけ厳密に従う必要がありますか？
背景が紫色のボタンがいくつかあり、テキストの色を設定してWCAG 2.0の色対比規則に準拠するようにしています。
私の問題は、ルールに基づいてどのように理解していないのかということです。黒のテキストは白より紫の方が優れています。私は何人かの人々に意見を求めてもらいましたが、誰もが同意します。白いテキストの方が良いですが、カラーコントラストチェッカーに基づくと、黒いテキストの方が比率が高くなります。
私が持っているボタンの例はこのJSFiddleにあります： http://jsfiddle.net/mq58jwfb/5/
WCAGをどの程度厳守する必要がありますか？これは、視覚に問題のある人がより見やすくなるようにするためのものですが、それが大多数のユーザーにとって（主観的には）悪化する場合でも、見やすいように見えても、WCAGに従う必要がありますか？
まあ、あなたはルールに従うか、そうでないかのどちらかです。 「見栄え」と「アクセス可能」のトレードオフが価値があるかどうかを選択する必要があります。個人的に、私はいつも客観的なデータが主観性よりも優れているといつも思っているので、私は客観的なデータが言うことで行くようにしています。しかし、繰り返しますが、それはあなたがしなければならない決定です。
特定の色の選択については、通常の視力では合理的に見えますが、 achromatopsia 、 tritanopia または Tritanomaly
これらのルールを守りたい場合は、 shades を使用して、元の明るい紫に黒を追加できます。たとえば、20％黒を追加すると、色は#766d9bは、色の組み合わせをアクセス可能にし、選択を完全に色に準拠させ、元の色相の選択の範囲内に保ちます。
私の問題は、ルールに基づいてどのように理解していないのかということです。黒のテキストは白より紫の方が優れています。
これは、さまざまな種類の色覚異常と、色覚異常を持つ人がそれを読むことができるかどうかに関係しています。
私は何人かの人々に意見を求めてもらいましたが、誰もが同意します。白いテキストの方が良いですが、カラーコントラストチェッカーに基づくと、黒いテキストの方が比率が高くなります。
オフィスの周りの人々にあなたの意見を尋ねるだけで十分だとは言えません。アクセシビリティガイドラインを使用する必要がある場合は、それを必要とする人々に尋ねる必要があります。色の組み合わせに関する主観的な意見を人々に求めることは、ユーザーベースのほんの一部を求めているだけです。これらのガイドラインを実際に必要としている人々ではないでしょう。
WCAGをどの程度厳守する必要がありますか？
これは、準拠するかどうかによって異なります。デヴィンが述べたように、あなたはそれらに従うか、従わないかのどちらかです。準拠したい場合は従う必要があります。従わない場合は準拠しません。これには中間的なものはありません。ガイドラインへの準拠に合格するか失敗します。
私はこれが視覚の問題を抱えている人々の視認性を向上させることであることを知っていますが、それが大多数のユーザーにとって（主観的ではありますが）悪化する場合は、
これは何に基づいていますか？彼らはそれがどのように見えたのか、または読みやすさを考えたのですか（テストされるまで主観的）。または両方？
見やすいように見えても、WCAGに従う必要がありますか？
準拠したい場合は、はい、従う必要があります。外観が気に入らない場合は変更し、ブランドが許可するさまざまな色の組み合わせやテキストサイズを使用します。たとえば、大きなテキストでは、色の組み合わせ（紫に白）がWCAG AAを通過します。
「WCAGをどの程度厳しく守るべきですか？」
1差別化の法律があるため、現在の 業種 に応じて、従わない場合はまったく従う必要はありません。通常、政府および公共部門に適用されます。
2 A、AA、またはAAAに到達したい 適合度 のレベルに依存するため、従うべきまたは従わないように白黒ではありません。
これらは人によって変わるだけでなく、人の現在の気分や月の満ち欠けに応じて変わる可能性があるため、意見は重要ではありません。私にとって、白いテキストはぼやけて見え、黒いテキストははっきりと主観的に見え、おそらく私の視力に見えます。
WebAIM Color Contrast Checker をいじって、何が機能するかを確認して決定します。
ここで注意すべきことがいくつかあります。
- Color Oracle のようなツールを使用して、色覚異常を持つ人があなたのUIをどのように見るかを確認できます。
- フォントサイズを18pt（または14pt太字）に増やすと、現在のコントラスト比はWCAG 2.0標準を満たすのに十分になります。