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

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

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

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

스포일러 알림은 기본적으로 ARIA Authoring Practices Guide가 지침을 제공하는 공개 위젯입니다.

1개의 좋아요