iOS VoiceOver를 활성화한 후, 스포일러 블러가 포함된 게시물로 이동하세요. 이처럼.
텍스트 위로 스와이프하여 스크린 리더가 텍스트를 낭독하도록 하세요.
실제 동작: VoiceOver는 스포일러 블러를 무시하고 스포일러 텍스트를 그대로 낭독합니다.
기대 동작: ARIA 역할(버튼 등)을 가져야 하며, "스포일러 읽기"와 같은 대체 ARIA 낭독 텍스트가 제공되어야 합니다.
(JAWS와 NVDA에서도 유사한 문제가 발생합니다.)
ARIA에는 스포일러에 관한 내용이 아무것도 없는 것 같습니다. … 제 생각이 틀렸을 수도 있지만, 제 이해로는 detail과 summary 태그를 사용해 이 기능을 구현하는 것이 최선의 방법인 것 같습니다.
구현 방식을 변경하는 데도 열려 있습니다.
detail/summary의 스타일링에는 상당한 유연성이 있지만, 폭을 미리 계산해 두는 것은 실현하기 어려울 것으로 보입니다.
1개의 좋아요
아, 이제야 제가 여기서 언급된 스포일러 알림 접근성 문제에 대해 거의 중복 이슈를 열었음을 깨달았습니다. 죄송합니다. 제 이슈는 키보드 접근성에 더 초점을 맞추었지만, @dfabulich가 제안한 대로 버튼으로 트리거되는 공개 위젯 패턴을 사용하므로 이 문제도 함께 해결될 것입니다.
페이지에서 콘텐츠가 “숨겨진” 상태일 때에도 화면에 표시되기를 원하므로, 여기서는 details/summary를 사용하지 않는 것이 좋다고 생각합니다. 단순히 콘텐츠를 흐리게 처리하면 됩니다. 흐려진 콘텐츠에 aria-hidden="true"를 적용하면 스크린 리더 사용자에게는 숨겨지지만, 화면에는 흐린 상태로 계속 표시될 수 있습니다. 그리고 버튼으로 aria-hidden을 토글하여 보조 기술 사용자가 접근할 수 있도록 하면 됩니다.
ARIA에는 스포일러에 대한 내용이 없다고 생각합니다
스포일러 알림은 기본적으로 ARIA Authoring Practices Guide가 지침을 제공하는 공개 위젯입니다.
1개의 좋아요
이 커밋으로 해결되어야 한다고 생각합니다:
4개의 좋아요
이 주제는 25시간 후 자동으로 닫혔습니다. 더 이상 새 답글을 작성할 수 없습니다.