2

これがシナリオです。実際に表示されているもの以外の見出しを読み上げるには、スクリーン リーダーが必要です。

「私の見出し」が表示されますが、スクリーン リーダーは「これは私の見出しです」と読み上げます

<div>  
  <div aria-hidden="true">My Heading</div>
  <div aria-label="This is my Heading" role="heading" aria-level="1" tabindex="0"></div>
</div>

上記のコードは、VoiceOver で必要な動作を実現しますが、JAWS に同じ動作をさせることはできません。JAWSで動作させる方法はありますか?

最終的には、VoiceOver と JAWS の両方と互換性のあるソリューションを探しています。

ありがとう

4

2 に答える 2

0

はい - 私は似たようなことをしようとしてきました

<div >       
  <div id="entryLabel">This is My Label</div>
  <div tabindex="0" aria-labelledby="entryLabel">This My Value</div>
</div>

Jaws は div 要素で使用された場合、aria-labelled by を読み取らないようです! JAWSかもしれませんが、ブラウザが情報を公開していない可能性があります??

aria-label を使用して同じことに気付きました。

于 2014-01-23T11:53:26.910 に答える
0

ほとんどのスクリーン リーダーとブラウザで動作し、aria-label の代替となる aria-labelledby を使用することをお勧めします。

サンプルコード

<div>  
  <div aria-hidden="true">My Heading</div>
  <div aria-labelledby="myheading" role="heading" aria-level="1" tabindex="0">
    <span id="myheading" style="visibility:hidden;">This is my Heading</span>
  </div>
</div>
于 2016-10-07T11:47:14.037 に答える