1

スクリーン リーダーが HTML コンテンツに注目する特定の領域を設定できるかどうか疑問に思っていました。

次のようなリストがあります。

<ol>
  <li>
    <div class="duration">
      <time>10:00</time>
      <span>to</span>
      <time>11:00</time>
    </div>
    <div class="info">
      <span>CA267 Lecture</span>
      <span>Software Testing</span>
      <span>Location: QG27</span>
    </div>
  </li>
</ol>

リスト項目にスクリーン リーダー (私の場合はボイスオーバー) を持ってくると、10:00 から始まり、ctrl+alt+左矢印キーを押して "to" に移動し、もう一度 11 に移動する必要があります。 00など。

スクリーンリーダーがタグに焦点を<li>合わせ、それに応じてすべてを読み上げるように、要素をグループ化する方法はあるのでしょうか?

tabindex を設定しようとしましたが、ある程度機能しますが、スクリーン リーダーのユーザーは、組み込みのショートカット キーではなく、ナビゲーションにタブ キーを使用する必要があります。

ありがとう！

4

1 に答える 1

0

ARIA属性はそれを行うことができますが、仕様は完成しておらず、（少なくとも私にとっては）混乱を招き、スクリーンリーダーのサポートは最適ではありません。私は多分あなたが適用できるaria-labelledbyかと思っていますaria-describedbyが、mdnで私が見ている両方の解決策はあなたのマークアップを変更する必要があります。aria-labelledbyにいくつかのIDを追加しol、次にsのaria-labelledby要素を追加するだけで、達成できるように見えますdiv。ここで確認できます：https ：//developer.mozilla.org/en-US/docs/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute

于 2013-03-05T11:48:29.173 に答える