web-dev-qa-db-ja.com

無効にされたボタンは、アクセシビリティのためにコントラストに準拠する必要がありますか?

この質問に非常に関連しています: Accessible Disabled State しかし、それは無効なボタンをスタイルしてアクセシビリティに準拠させる方法についてですが、私の質問は少し異なります。

実際には、無効な機能がコントラストに準拠するためのアクセシビリティ要件ですか?

誰もが機能を利用できないため、視覚障害者から機能を灰色に隠していないので、機能が失われることはありません。はい、すべてがコントラストに準拠している方が常に良いですが、ここでは関係がないかもしれません。

状況はこれです-システムが定期メンテナンス中の場合、Webアプリケーションの機能を無効にする必要があります。したがって、ボタンが完全に削除されないようにしたいのは、機能が一時的にのみ使用できないことをユーザーに知らせたいからです。一部の機能が使用できないことを説明する追加のメッセージがページに表示されます。

標準の非アクティブ状態のボタン(明るい灰色のボタンの背景に暗い灰色のテキスト)を設計しましたが、DDA準拠に失敗しているのではないかという懸念を持って戻ってきました。しかし、私は上記の理由でその懸念に同意しません。私は間違っているのでしょうか、それともそのような状況で灰色に灰色のボタンがあっても大丈夫ですか?

注:私は代替ソリューションを探していません(リンクされた質問にそれを残してください)私のクエリはこれが特にアクセシビリティの懸念であるかどうかについてです。

42
JonW

いいえ、それは W3Cの状態 のように、そうではないようです

1.4.3コントラスト(最小):テキストとテキストの画像の視覚的表現は、以下を除いて、少なくとも4.5:1のコントラスト比を持っています。

  • 大規模テキスト:大規模テキストと大規模テキストの画像のコントラスト比は少なくとも3:1です。

  • 偶発的:非アクティブなユーザーインターフェイスコンポーネントの一部であるテキストまたはテキストの画像。純粋な装飾であり、誰にも表示されないか、または他の重要な視覚的コンテンツを含む画像の一部です。コントラスト要件はありません。

  • ロゴタイプ:ロゴまたはブランド名の一部であるテキストには、コントラスト要件はありません。


私の大胆さ

52
Roger Attrill

最近このような問題がありました。

私が思いついた答えは次のとおりです:要素/コントロールは無効にするとコントラストに準拠する必要があります。これは、タスクが不完全であること、または特定のオプションが選択/選択解除されていることをユーザーに伝える重要な手がかりになるためです。 -簡単に言うと、はい。コントラストに準拠している必要があります。

編集-以下は正しくありませんが、この場合、WCAGが間違っている可能性があると私は信じています。

@Roger_Attrillによって引用されたWCAGガイドラインは、無効化されたコントロールをカバーしていません。これらは装飾的なアイテムではなく、視力のある人に見えるからです。

5
Andrew Martin

低コントラストのテキストでこの問題が発生し、サイトのアクセシビリティ監査が失敗しました。問題の要素は、非アクティブなユーザーインターフェイスコンポーネントの一部であり、そのためコントラストルールの例外でしたが、それでもアクセシビリティ監査によって検出されていました。

ソリューション

問題の要素にaria-disabled="true"を追加することで、コントラストを調整せずにアクセシビリティ監査に合格することができました。

0