web-dev-qa-db-ja.com

ネイティブモバイルアプリで中程度の色のコントラストを使用できますか? Android&iOSにはハイコントラストモードがあります

AndroidおよびiOS向けのネイティブアプリを設計しています。 AndroidiOS の両方に高コントラストモードがあります。これを念頭に置いて、低-コントラストカラー(たとえば、WCAGレベルAAが必要とする 4.5:1の代わりに3:1 )、視力の悪いユーザーがハイコントラストモードをオンにできることを知っていますか?

"Darken Colors" switch on iOS"High contrast text" switch on Android

そして、WCAGへの準拠に関する詳細な質問:これらの高コントラストモードは「支援技術」としてカウントされますか? (WCAGは、「コントラストを高める支援技術を使用しない人」がコンテンツを読めるようにする必要があると述べています。 出典

5
bootsmaat

低コントラストの使用を主張しても誰もあなたを止めることはできませんが、次の点を考慮する必要があります。

  • アップルのヒューマンインターフェイスガイドライン には、 色に関する章 があり、十分なコントラストを使用することを推奨しています。

    アプリのコントラストが不十分だと、コンテンツが誰にとっても読みにくくなります。たとえば、アイコンとテキストが背景と溶け合う場合があります。オンラインの色コントラスト計算機を使用すると、アプリの色コントラストを正確に分析して、最適な基準を確実に満たすことができます。 4.5:1の最小コントラスト比を目指しますが、より厳しいアクセシビリティ標準を満たすため、7:1が推奨されます。

  • Android開発者サイト は開発者Material Design を参照しているため、スタイルや使いやすさなどの側面があります。セクションマテリアルデザインの Legibility Standards は、WCAG 2.0のコントラスト要件を参照しています:

    すべてのテキストは読みやすく、アクセシビリティ基準を満たしている必要があります。 Webコンテンツアクセシビリティガイドライン(WCAG 2.0)レベルAAでは、通常のテキストの場合、テキストと背景の間に4.5.1の色のコントラストが必要で、3:1から大テキスト。

  • マテリアルデザインのアクセシビリティセクションには、色のコントラストに関する セクション があり、WCAG 2.0に基づいた推奨事項もあります。

    W3Cでは、本文と画像のテキストに次のコントラスト比を推奨しています。

    • 小さなテキストは、その背景に対して少なくとも4.5:1のコントラスト比を持つ必要があります。
    • 大きなテキスト(14 ptの太字/ 18 ptの標準以上)は、その背景に対して少なくとも3:1のコントラスト比を持つ必要があります。

Webコンテンツアクセシビリティガイドラインの現在のバージョンは バージョン2.1 であり、関連する 成功基準(1.4.3) はバージョン以降変更されていません2.0。ただし、WCAG 2.1は 成功基準1.4.11 を導入しました。これには、「[v]ユーザーインターフェイスコンポーネントと状態を識別するために必要な基本情報」と「 [p]コンテンツを理解するために必要なグラフィックスのアート "(特定の例外を除きます)。

オペレーティングシステムに組み込まれたハイコントラストモードは、支援技術としてカウントされます。 WCAGの支援技術の定義 を参照してください。

ユーザーエージェントとして機能する、またはメインストリームユーザーエージェントと一緒に機能するハードウェアまたはソフトウェア、あるいはその両方により、メインストリームユーザーエージェントが提供するものを超える障害を持つユーザーの要件を満たす機能を提供します。

その定義へのメモは、これが含まれていることを明確にします(私の強調)

テキストのフォント、サイズ、間隔、color、(.. 。)レンダリングされたテキストと画像の視覚的な読みやすさを向上させるため;

アクセシビリティガイドラインを満たすことに興味がある、または興味がない場合でも、次の点を検討することをお勧めします:コントラスト力が(潜在的に)数万人のユーザーがコンテンツのユーザーインターフェイスを作成して、ユーザーのためにユーザー補助の取り組みの一部を行う開発者。 /彼女は、十分なコントラストを使用する開発者はその負担からユーザーを解放します。どのデベロッパーがユーザーの満足度を高めますか?これが最も重要な考慮事項の1つだと思います。

1
Tsundoku

まず、 Apple に従って、フォントの色と背景の間に十分なコントラストがあり、テキストが読みやすいことを確認します。この質問に正しい答えがあるかどうかはわかりませんが、私が言えることは、多くの要因を考慮する必要があるということです-

  1. 使用する予定の色は、濃い色または高コントラストモードがオンになった後もWCAGを満たしますか?

  2. ハイコントラストモードをオンにすると、デバイスのバッテリー寿命が確実に速くなります。そのため、このモードでアプリを使用するユーザーにとって、ユーザーエクスペリエンスは優れていると思いますか?

幅広い能力を持つユーザー向けの設計は、非常に困難な場合があります。 スマートデザインでは、色、配置、相互作用などのデザイン要素を非常に意図的な方法で使用して、サイトの訪問者が目標を達成できるように支援します。

ユーザーができるだけ簡単に目標を達成できるようなデザインを目指してください。そうすれば、アプリの美学について心配する必要はないでしょう。しかし、それは完全に個人的な決定です。

アクセシビリティを考慮して設計する場合、ユニバーサルデザインとも呼ばれます。私の経験から、製品を100%ユニバーサルにすることができるかどうかは疑問であり、製品を使用できない少数のユーザーを逃す余裕があるかどうかはあなた次第です。

低コントラストの色を使用できますか?視力の悪いユーザーが高コントラストモードをオンにできることを知っていますか?

あなたはcanですが、WCAG AAに準拠していません。

これらのハイコントラストモードは「支援技術」としてカウントされますか?

はい、コントラストモードは支援技術と見なされます。これは、最初の質問に対する答えです。より低いコントラストの色を使用していて、現在使用しているモバイルデバイスにコントラストがある場合、notにコントラストを改善する設定がある場合、ユーザーは不運です。アプリは、デバイスで利用可能な設定に関係なく、「そのまま」使用できる必要があります。

2
slugolicious