スクリーンリーダーとの互換性がないネタバレぼかし

iOSのVoiceOverを有効にして、ネタバレのぼかしが含まれる投稿に移動します。このように

テキストにスワイプして、スクリーンリーダーにテキストを読み上げさせます。

実際: VoiceOverはネタバレのぼかしを無視して、ネタバレテキストを読み上げるだけです。

期待: ARIAロール(ボタン?)と、代替のARIA読み上げ、「ネタバレを読む」などが表示されるはずです。

(JAWSとNVDAでも同様のことが起こります。)

「いいね!」 6

ARIAにネタバレに関する記述はないと思います。間違っているかもしれませんが。現状、これを実現するにはdetailsummaryタグを使った実装が最も近いと思います。

実装の切り替えは検討します。

detail/summaryタグはスタイリングの柔軟性がかなりあるようですが、幅の事前計算は現実的ではないでしょう。

「いいね!」 1

なるほど、ここで言及されているスポイラーアラートのアクセシビリティ問題について、重複したイシュー をほぼ開いてしまっていたようです。すみません。私のイシューはキーボードアクセシビリティに焦点を当てていましたが、@dfabulich が提案したようにボタンでトリガーされる開閉ウィジェットパターンを使用するため、この問題も解決するはずです。\n\nコンテンツが「隠されている」ときにページに表示したいので、ここでは details/summary を使用したくないと思います。ぼかしをかけたいだけです。ぼかされたコンテンツに aria-hidden=\"true\" を設定すると、スクリーンリーダーユーザーには非表示になりますが、ページには(ぼかされた状態で)表示されます。そして、ボタンで aria-hidden を切り替えることで、支援技術からアクセスできるようになります。\n\n> ARIA にはスポイラーに関するものは何もないと思います。\nスポイラーアラートは基本的に 開閉ウィジェット であり、ARIA Authoring Practices Guide はそのためのガイドラインを提供しています。

「いいね!」 1

このコミットで解決されるはずです。

「いいね!」 4

このトピックは25時間後に自動的に閉じられました。返信はもうできません。