フォーラムの一般ユーザー向けのスクリーンリーダーアクセシビリティ問題の進捗状況は?

こんにちは、サムさん。

変更は期待通りに機能していますが、HTML ページを閲覧する際にスクリーンリーダーに組み込まれている追加のナビゲーション機能について理解しておくことをお勧めします。

JAWS と NVDA の両方でブラウザを開くと、スクリーンリーダーがキーボードの制御を引き継ぎます。これにより、ボタン、見出し、表、フォームフィールド、ARIA リージョンなど、最もよく使われる HTML 要素へ移動して操作できます。

つまり、ページをただ上から下へ読み上げるだけでなく、「次の見出しへ」「次の表へ」など、特定の要素へジャンプするようスクリーンリーダーに指示できます。そのため、トピックビューの各新しい投稿に見出しを追加することが非常に重要です。

例えば、トピック一覧が表示されているページにいる場合、ページ上の他の要素をすべてスキップして、最初の表へ移動するには「t」キーを押します。これは NVDA と JAWS の両方で機能します。

最初の見出しへ移動することも可能ですが、H 見出しはページ構造のために使用されているため、ページ上の誤った場所に到達してしまう可能性が高いです。実際、メインページが読み込まれた状態で「h」キーを押しても、同じことが起こります。

あなたは次の場所に到達します:

「Discourse is growing! :tada:
これは、実際にお読みになりたいフォーラムのトピック一覧に含まれていない H3 見出しです。

トピック一覧が表であることを知っている場合、「t」キーを押すと、ページ上の次の表へフォーカスが移動します。

JAWS は以下のように読み上げます:

5 列 31 行の表

1 列 1 行

トピック

ここで「h」を使って見出しへジャンプすれば、期待通りの読み上げが得られます。しかし、NVDA と JAWS で使用される表ナビゲーションのキーを使用すると、問題が発生します。

行内を左右に移動するには、Alt+Ctrl+← または → を押します。列内を上下に移動するには、Alt+Ctrl+↑ または ↓ を押します。

したがって、Alt+Ctrl+↓ を押すと、トピックのピン留めやロック(該当する場合)のステータスリンクが含まれる問題のあるセルに到達してしまいます。

このトピック一覧の表では、他のセル内のすべての要素がブラウザでキーボードフォーカスを受け取れるようです。そのため Tab キーを使用すれば同じ結果が得られますが、表に表示されているすべての要素がキーボードフォーカスを受け取れない状況もあり得ます。そのような場合でも、スクリーンリーダーの表ナビゲーション機能を使って読み取る必要があるでしょう。

クラウス

Windows 10 の メール から送信

729F654A148F4B0EAE42D3A8527820CC.png

「いいね!」 1