モバイル Safari (iPhone の Safari) を使用していますが、Voiceover が tabindex が 0 に設定されている要素 (要素は div) にフォーカスしていないことに気付きました。ナレーションでのテスト中に div にフォーカスを当てるには、何をする必要がありますか? アリアの役割を追加すると違いが生じますか?
右にスワイプしても、VO はビデオ要素をアナウンスしません。これは、タグのレンダリング中のモバイル デバイスでの Safari および VO のバグのようです。
まず、このコンテキストでのフォーカスの意味を誤解しています。Voiceover で何かをアナウンスするには、「フォーカス」は必要ありません。フォーカスとは、より具体的なものを意味します。特に、フォーカスのあるオブジェクトは、キーボード イベントのバブリングの開始点です。
あなたが参照している「フォーカス」のタイプは、アクセシビリティの世界でのみ懸念されます。これは、コンテンツを適切な順序でレンダリング (ユーザーに読み上げる) する AT の機能です。発生している問題は、DIV 自体ではなく、DIV 内のコンテンツが原因である可能性があります。そのため、この DIV に「焦点を絞る」ためにどれだけ努力しても、その中のコンテンツは適切にアナウンスされません。
「ビデオ要素を発表しない」と述べています。AT には、埋め込みビデオ プレーヤーなどの問題があります。できることは、ビデオのコンテンツを説明するオフスクリーン テキストを提供するか、コンテンツの音声のみのバージョンへのリンクを提供することです。これは、同じ div 内で行うことも、独自の div 内で行うこともできます。