iOSのVoiceOverを有効にして、ネタバレのぼかしが含まれる投稿に移動します。このように。
テキストにスワイプして、スクリーンリーダーにテキストを読み上げさせます。
実際: VoiceOverはネタバレのぼかしを無視して、ネタバレテキストを読み上げるだけです。
期待: ARIAロール(ボタン?)と、代替のARIA読み上げ、「ネタバレを読む」などが表示されるはずです。
(JAWSとNVDAでも同様のことが起こります。)
iOSのVoiceOverを有効にして、ネタバレのぼかしが含まれる投稿に移動します。このように。
テキストにスワイプして、スクリーンリーダーにテキストを読み上げさせます。
実際: VoiceOverはネタバレのぼかしを無視して、ネタバレテキストを読み上げるだけです。
期待: ARIAロール(ボタン?)と、代替のARIA読み上げ、「ネタバレを読む」などが表示されるはずです。
(JAWSとNVDAでも同様のことが起こります。)
ARIAにネタバレに関する記述はないと思います。間違っているかもしれませんが。現状、これを実現するにはdetailとsummaryタグを使った実装が最も近いと思います。
実装の切り替えは検討します。
detail/summaryタグはスタイリングの柔軟性がかなりあるようですが、幅の事前計算は現実的ではないでしょう。
なるほど、ここで言及されているスポイラーアラートのアクセシビリティ問題について、重複したイシュー をほぼ開いてしまっていたようです。すみません。私のイシューはキーボードアクセシビリティに焦点を当てていましたが、@dfabulich が提案したようにボタンでトリガーされる開閉ウィジェットパターンを使用するため、この問題も解決するはずです。\n\nコンテンツが「隠されている」ときにページに表示したいので、ここでは details/summary を使用したくないと思います。ぼかしをかけたいだけです。ぼかされたコンテンツに aria-hidden=\"true\" を設定すると、スクリーンリーダーユーザーには非表示になりますが、ページには(ぼかされた状態で)表示されます。そして、ボタンで aria-hidden を切り替えることで、支援技術からアクセスできるようになります。\n\n> ARIA にはスポイラーに関するものは何もないと思います。\nスポイラーアラートは基本的に 開閉ウィジェット であり、ARIA Authoring Practices Guide はそのためのガイドラインを提供しています。
このコミットで解決されるはずです。
このトピックは25時間後に自動的に閉じられました。返信はもうできません。