aria-braille属性には点字以外の同等の属性が必要です

ルールID: aria-braille-equivalent
ルールセット: axe-core 4.10
ユーザーへの影響:
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), EN 301 549

Accessibility testing for dev teams - No experience required

Find and fix up to 80% of accessibility issues with axe DevTools Pro. Get started with your free trial today. No credit card needed.

Compliance Data & Impact

User Impact


Minor
Critical

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-braillelabel または aria-brailleroledescription 属性が、正しい要素の親または子など、間違った要素に配置されている可能性があります。属性は別の要素に配置する必要があります。
  • aria-braillelabel 属性を持つ要素には、アクセス可能な名前を付ける aria-label 属性またはその他の属性が必要です。
  • aria-brailleroledescription 属性を持つ要素には aria-roledescription 属性が必要です。
  • aria-braillelabel または aria-brailleroledescription 属性は機能しないため、削除する必要があります。

適切なaria-braillelabel:

<button aria-braillelabel="****">
  <img alt="4 stars" src="images/stars.jpg">
</button>

不適切なaria-braillelabel:

<img alt="" aria-braillelabel="****" src="images/stars.jpg">

適切なaria-brailleroledescription

<div
  role="article" id="slide" aria-labelledby="slideheading"
  aria-roledescription="slide"
  aria-brailleroledescription="sld"
>
  <h1 id="slideheading">My vacation in Rome</h1>
</div>

不適切なaria-brailleroledescription

<div
  role="article" id="slide" aria-labelledby="slideheading"
  aria-brailleroledescription="slide"
>
  <h1 id="slideheading">My vacation in Rome</h1>
</div>

なぜ重要なのか

ARIA点字属性が導入され、ラベルと役割の説明が点字ディスプレイ上でどのようにレンダリングされるかを調整できるようになりました。ラベルやロールの説明を提供する唯一の属性にすることはできません。対応するラベルまたはロールの説明なしで使用する場合、ARIAではこれらの属性を無視するように指示されますが、スクリーン リーダーやその他の支援技術ではこれが一貫して行われない場合があります。

ルールの説明

WAI-ARIAでは、 aria-braillelabel 属性は、 aria-labelなどからアクセス可能な名前を持つ要素にのみ使用する必要があります。同様に、 aria-brailleroledescriptionaria-roledescriptionでのみ使用する必要があります。

仕組みについて (簡単に言うと)

aria-braillelabel が空でないラベルを持つ要素でのみ使用されていること、および aria-brailleroledescription が空でない aria-roledescriptionを持つ要素でのみ使用されていることを確認します。

リソース

その他のリソース

その他リソースもあわせてご参照ください。

axe 4.10 ルールの一覧 を参照する

この情報は役に立ちましたか?

すでにフィードバックをいただきました、ありがとうございます。.

あなたの回答は次のとおりです。

この情報は役に立ちましたか?
フィードバックが提出された日付/時刻: