# 스포일러 흐림 기능이 스크린 리더와 호환되지 않음

**URL:** https://meta.discourse.org/t/spoiler-blur-not-compatible-with-screen-readers/219001
**Category:** Bug
**Tags:** accessibility
**Created:** [2월 21, 2022, 9:32오후 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:** 3

<div class="post-metadata">

### Author: ![bbsmooth](https://avatars.discourse-cdn.com/v4/letter/b/c68b51/32.png) [@bbsmooth](https://meta.discourse.org/u/bbsmooth)
#### Post date: [11월 30, 2022, 7:40오후 UTC](https://meta.discourse.org/t/spoiler-blur-not-compatible-with-screen-readers/219001/3 "2022-11-30T19:40:46Z")

</div>

아, 이제야 제가 여기서 언급된 스포일러 알림 접근성 문제에 대해 거의 [중복 이슈](https://meta.discourse.org/t/improve-accessibility-in-spoiler-alert-plugin/246752)를 열었음을 깨달았습니다. 죄송합니다. 제 이슈는 키보드 접근성에 더 초점을 맞추었지만, @dfabulich가 제안한 대로 버튼으로 트리거되는 공개 위젯 패턴을 사용하므로 이 문제도 함께 해결될 것입니다.

페이지에서 콘텐츠가 “숨겨진” 상태일 때에도 화면에 표시되기를 원하므로, 여기서는 `details/summary`를 사용하지 않는 것이 좋다고 생각합니다. 단순히 콘텐츠를 흐리게 처리하면 됩니다. 흐려진 콘텐츠에 `aria-hidden="true"`를 적용하면 스크린 리더 사용자에게는 숨겨지지만, 화면에는 흐린 상태로 계속 표시될 수 있습니다. 그리고 버튼으로 `aria-hidden`을 토글하여 보조 기술 사용자가 접근할 수 있도록 하면 됩니다.

> ARIA에는 스포일러에 대한 내용이 없다고 생각합니다

스포일러 알림은 기본적으로 ARIA Authoring Practices Guide가 지침을 제공하는 [공개 위젯](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/)입니다.

---

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