web-dev-qa-db-ja.com

WCAG 2 AAA準拠とWCAG 2 AA準拠の違いは何ですか

ウェブアプリでサイトの色のコントラストを確認する を使用しています。ほとんどの色(背景/前景色)は問題なく、WCAG 2 AAAを参照する色を除いて、テキストボックス内にYESと表示されます。それは何ですか? WCAG 2 AAA準拠とWCAG 2 AA準拠の違いは何ですか?

7
ALH

定義 は非常に明確です。

レベルAA:レベルAA準拠の場合、WebページはすべてのレベルAおよびレベルAAの達成基準を満たすか、またはレベルAA準拠の代替バージョンが提供されます。
レベルAAA:レベルAAA準拠の場合、WebページはすべてのレベルA、レベルAAおよびレベルAAAの達成基準、またはレベルAAA準拠の代替バージョンが提供されます。

guideline のすべてのルールには、それが属する適合レベルがあります。 AAAのマークが付いたすべての要件を満たしている場合、サイトのコンプライアンスは最も高くなります。

7
Michael

上記のコメントに答える。背景色と前景色は、特定のアルゴリズムで成功または失敗します。これは、AAとAAAで異なります。概要を以下に示します。

AA =背景と前景のコントラスト比が少なくとも4.5:1。大きなテキストの場合は3:1(18ポイント以上または14ポイントのボールド)

AAA =背景と前景のコントラスト比が少なくとも7:1。大きなテキストの場合は4.5:1(18ポイント以上または14ポイントのボールド)

あなたの質問に関しては、色盲の人々が様々な要因に依存して困難を抱えていることを意味しますか? http://www.vischeck.com/ などのカラーブラインドシミュレータでサイトをチェックすることを検討してください。個人的には、WCAGガイドラインは低コントラストレベルでは制限が多すぎると思います。また、高コントラストの制限もありません。コントラストが強すぎると、失読症のユーザーにとって問題になることがよくあります。

色のコントラストはアクセシビリティのほんの一部に過ぎないため、アクセシビリティが中心で予算に余裕がある場合は、さまざまな障害を持つユーザーでテストする方法を見つけてください。私が信じているこれらのサービスを提供している会社があります。

6
Sheff