コンテンツは絶対にスクリーンリーダーがアクセスできる絶対位置を使用してビューポートの外側に配置されていますか？

Question

私はいくつかのテキストに適用され、以下のCSSを持っている：

.accessible { 
    position: absolute; 
    top: -9999px; 
    left: -9999px; 
} 

これは、ビューポートの外にテキストを移動します。私はまだテキストがスクリーンリーダーにアクセス可能であることを読んだ。しかし、私はNVDAでウェブページを読んでみましたが、読んでほしいものに手を置く必要があります。明らかに、私は絶対に配置されたテキストの上にマウスを置くことができなかったので、それを読まなかった。これは他のスクリーンリーダーでも起こりますか？正しく使用していないのですか？

私はアクセス可能なサイトを作成したことがないので、私はこの技術に関する経験はありません。

Answer 1

はい、テキストは、支援技術（スクリーンリーダー、更新可能な点字デバイスなど）で引き続き利用できます。ビューポートに何かがあるかどうかは、画面を見ることができない人にとっては問題になりません。視力がまったく低いか全くない場合、すべてがビューポートから外れています。

スクリーンリーダーのユーザーは、「仮想PCカーソル」を使用してDOM全体をナビゲートできます。 DOMはツリーとして表され、ブラウザでコードインスペクタを開くのと非常によく似ています。ネストされた要素は、スクリーンリーダーを除いて展開/折りたたむことができるツリーノードのようなもので、DOMツリー全体が展開されます。上下の矢印キーを使用してツリーを走査します。これにより、スクリーンリーダーのユーザーは、TABできるかどうかにかかわらず、ページ上のすべてのテキストにアクセスできます。