こんにちは、サムさん。
変更は期待通りに機能していますが、HTML ページを閲覧する際にスクリーンリーダーに組み込まれている追加のナビゲーション機能について理解しておくことをお勧めします。
JAWS と NVDA の両方でブラウザを開くと、スクリーンリーダーがキーボードの制御を引き継ぎます。これにより、ボタン、見出し、表、フォームフィールド、ARIA リージョンなど、最もよく使われる HTML 要素へ移動して操作できます。
つまり、ページをただ上から下へ読み上げるだけでなく、「次の見出しへ」「次の表へ」など、特定の要素へジャンプするようスクリーンリーダーに指示できます。そのため、トピックビューの各新しい投稿に見出しを追加することが非常に重要です。
例えば、トピック一覧が表示されているページにいる場合、ページ上の他の要素をすべてスキップして、最初の表へ移動するには「t」キーを押します。これは NVDA と JAWS の両方で機能します。
最初の見出しへ移動することも可能ですが、H 見出しはページ構造のために使用されているため、ページ上の誤った場所に到達してしまう可能性が高いです。実際、メインページが読み込まれた状態で「h」キーを押しても、同じことが起こります。
あなたは次の場所に到達します:
「Discourse is growing!
」
これは、実際にお読みになりたいフォーラムのトピック一覧に含まれていない H3 見出しです。
トピック一覧が表であることを知っている場合、「t」キーを押すと、ページ上の次の表へフォーカスが移動します。
JAWS は以下のように読み上げます:
5 列 31 行の表
1 列 1 行
トピック
ここで「h」を使って見出しへジャンプすれば、期待通りの読み上げが得られます。しかし、NVDA と JAWS で使用される表ナビゲーションのキーを使用すると、問題が発生します。
行内を左右に移動するには、Alt+Ctrl+← または → を押します。列内を上下に移動するには、Alt+Ctrl+↑ または ↓ を押します。
したがって、Alt+Ctrl+↓ を押すと、トピックのピン留めやロック(該当する場合)のステータスリンクが含まれる問題のあるセルに到達してしまいます。
このトピック一覧の表では、他のセル内のすべての要素がブラウザでキーボードフォーカスを受け取れるようです。そのため Tab キーを使用すれば同じ結果が得られますが、表に表示されているすべての要素がキーボードフォーカスを受け取れない状況もあり得ます。そのような場合でも、スクリーンリーダーの表ナビゲーション機能を使って読み取る必要があるでしょう。
クラウス
Windows 10 の メール から送信
![]()