스포일러 경고 플러그인은 정말 멋지지만, 불행히도 키보드 접근성이 없는 것 같습니다. 플러그인이 사용하는 클릭 이벤트를 키보드로 트리거할 방법이 없기 때문입니다. 이는 기본적인 디스클로저 패턴에 해당하므로, 블러(흐림) 효과를 전환하기 위해 버튼을 사용하는 것을 권장합니다. 이렇게 하면 접근성 기술(assistive technology)에서도 흐리게 처리된 내용을 숨길 수 있습니다.
기본 상태(흐림): 토글 버튼에 aria-expanded="false"를 설정합니다. 흐리게 처리된 콘텐츠에는 aria-hidden="true"를 설정합니다.
표시 상태: 토글 버튼에 aria-expanded="true"를 설정합니다. 콘텐츠에는 aria-hidden="false"를 설정하거나 aria-hidden 속성을 완전히 제거합니다.
버튼에는 흐리게 처리되는 요소의 id가 aria-controls 속성으로 설정되어야 합니다. 버튼의 접근성 이름(accessible name)은 "숨겨진 내용 보기"와 같은 문구로 설정할 수 있으며(가능하다면 시각적으로 숨겨진 텍스트를 사용하는 것이 좋습니다).
우리는 항상 접근성 향상에 힘쓰고 있습니다. 시간이 나면 이 부분을 확인해 보겠습니다. 문제가 해결되면 여기서 업데이트를 올릴게요.