web-dev-qa-db-ja.com

テクスチャ付きの背景にアクセスできますか?

次の画像は、明るい斑点の背景テクスチャが存在し、テキストと背景の色のコントラストが原因で、アクセシビリティへの懸念が高まっているデザインです。原則として、WCAG 2.0をレベルAにして、正当なアクセシビリティの問題があるかどうかを知りたい。背景テクスチャについてはあまりわかりませんが、WCAGガイドラインには次のように記載されています。

1.4.3テキストの視覚的表現であり、背景に対して少なくとも4.5:1のコントラスト比があります。

言うまでもなく、これはカラーコントラストの要件を満たしていますが、テクスチャの背景に特別な問題はありますか?テクスチャ背景の一般的な経験則は何ですか?私はWCAGで何も見つけることができませんでした。おそらくそれは、非常に主観的な「常識を使う」ようなものだからです。

enter image description here

5
njp

このトピックについては実際に調査があります: http://www.opticsinfobase.org/oe/fulltext.cfm?uri=oe-6-4-81&id=63459

「テキストのコントラストと背景のコントラストの変化の両方がテキストの読みやすさに影響します。背景の変化の影響は、テキストのコントラストが低い場合にのみ見られました。より大きな背景のコントラストを使用した場合、背景の変化の影響が大きくなることが予想されます。」

したがって、テクスチャ内のコントラストをできるだけ低く保つことをお勧めします。これにより、読みやすさに対する(マイナスの)影響は可能な限り小さくなります。それ以外にも、テクスチャを表示できない場合に備えて、背景テクスチャによく似た背景色をフォールバックとして定義することを常にお勧めします。

8
Ruudt

その質問をしたとき、私はあなたがWeb 1.xの怪物を意味していると思いました。

これに厳格な規則があるかどうかはわかりませんが、一般的に言えば、これがライトノイズと呼ばれるものです。私の懸念はコントラストのレベルではなく、多少時代遅れに見えることです。

基本的には、Appleがskeuomorphismを2012年のものであると宣言し、神聖なクールなホールから禁止されるとすぐに、インターネットが続きました。この時点で、デザインヒストリーでは、光以外のものを使用し、ハードエッジの影は、一般に味が悪いと見なされます。したがって、絶対的に主観的な専門性では、すべてのサイトがAppleストア。

ほとんどの訪問者が気にするつもりはありません。

Samsungの Tizen OSサイト は、微妙なノイズを上品な方法で使用した良い例だと思います。プライマリコンテンツDIVでは使用されないことに注意してください。

9
Imperative