aria-braille属性には点字以外の同等の属性が必要です
修正方法
-
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-brailleroledescription
は aria-roledescription
でのみ使用する必要があります。
仕組みについて (簡単に言うと)
aria-braillelabel
が空でないラベルを持つ要素でのみ使用されていること、および aria-brailleroledescription
が空でない aria-roledescription
を持つ要素でのみ使用されていることを確認します。