# Spoiler blur not compatible with screen readers

**URL:** <https://meta.discourse.org/t/spoiler-blur-not-compatible-with-screen-readers/219001>\
**Category:** Bug\
**Tags:** accessibility\
**Created:** [February 21, 2022, 9:32pm UTC](https://meta.discourse.org/t/spoiler-blur-not-compatible-with-screen-readers/219001 "2022-02-21T21:32:19Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [February 22, 2022, 5:14am UTC](https://meta.discourse.org/t/spoiler-blur-not-compatible-with-screen-readers/219001/2 "2022-02-22T05:14:48Z")

</div>

I don’t think there is anything in ARIA about spoilers, … I may be wrong. My understanding is that the closest we can do is implement something using `detail` and `summary` tags to get this going.

Open to switching our implementation.

Looks like there is reasonable amounts of flexibility to styling detail/summary however getting the width pre-calculated is probably not going to be feasible.

https://codepen.io/abcretrograde/embed/preview/MGzqLr?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=MGzqLr

---

_[View the full topic](https://meta.discourse.org/t/spoiler-blur-not-compatible-with-screen-readers/219001)._