必須のARIA属性を指定する必要があります
Start building more accessible experiences
Compliance Data & Impact
Disabilities Affected
- 盲目
- 盲ろう者
- 運動・器用さ
Standard(s)
- WCAG 2.1 (A)
- WCAG 2.0 (A)
- WCAG 2.2 (A)
- EN 301 549
WCAG 達成基準 [WCAG 2.1 (A)]
- 4.1.2: Name, Role, Value
WCAG 達成基準 [WCAG 2.0 (A)]
- 4.1.2: Name, Role, Value
WCAG 達成基準 [WCAG 2.2 (A)]
- 4.1.2: Name, Role, Value
EN 301 549 指南
- 9.4.1.2: Name, Role, Value
修正方法
指定された要素に不足しているARIA状態またはプロパティを追加してください。
ロールによって許可されるARIAロール、状態、およびプロパティ属性の詳細については、「 Accessible Rich Internet Applications (WAI-ARIA) 1.1 - サポートされている状態とプロパティ」を参照してください。
ウィジェット ロールが、支援技術によるアクセスのためにプラットフォーム アクセシビリティAPI状態にマップされているか、またはDOMから直接アクセスされることを意図しているかにかかわらず、支援技術が要素の目的をユーザーに伝えることができるように、必要なプロパティまたは状態属性を指定する必要があります。
これらのプロパティと状態は、alert、alertdialog、menu、progressbar、tooltip、その他のウィジェットなどのユーザー インターフェイス オブジェクトに適用されます。
-
プロパティ
- aria-autocomplete
- aria-haspopup
- aria-label
- aria-level
- aria-マルチライン
- aria-マルチ選択可能
- aria-オリエンテーション
- aria-読み取り専用
- aria-必須
- aria-ソート
- aria-valuemax
- aria-valuemin
- aria-valuenow(アリアバリューナウ)
- aria-valuetext
-
状態
- aria-checked
- aria-disabled
- aria-expanded
- aria-hidden
- aria-invalid
- aria-pressed
- aria-selected
詳細については、ロールの特性のW3C WAI-ARIA 1.1 必須の状態とプロパティ を参照してください。
なぜ重要なのか
ARIAウィジェット ロールには、ウィジェットの状態を記述する追加の属性が必要です。必須属性が省略されている場合、ウィジェットの状態はスクリーン リーダー ユーザーに伝達されません。
特定のロールは複合ユーザー インターフェイス ウィジェットとして機能します。そのため、通常は、含まれる他のウィジェットを管理するコンテナーとして機能します。オブジェクトが複数の祖先から継承し、1つの祖先が1つのプロパティのサポートを示し、別の祖先が同じプロパティが必須であることを示している場合、そのプロパティは継承されるオブジェクトで必須になります。場合によっては、デフォルト値でARIA属性の要件を満たすのに十分です。
特定のロール (およびサブクラス ロール) に必要な状態属性とプロパティ属性が存在しない場合、スクリーン リーダーは要素のロールの定義をユーザーに伝えることができない可能性があります。
ルールの説明
ARIAウィジェット ロールには、ウィジェットの状態またはプロパティを記述する適切な属性が必要です。
仕組みについて (簡単に言うと)
role 属性を持つすべての要素をチェックし、必要な属性が定義されていることを確認します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
あなたの回答は次のとおりです。
フィードバックが提出された日付/時刻: