문제 2: 헤더 레이블

문제: VoiceOver는 빠른 탐색 키를 사용하여 답변 제목으로 이동할 수 있지만, 제목 텍스트가 각 답변의 목적이나 내용을 명확하게 식별하지 못합니다.

구체적인 동작:

● 제목은 프로필 이름을 낭독하지만, 답변 콘텐츠에 대한 맥락이 부족합니다.
● 사용자는 답변을 찾을 수 있지만, 어떤 답변에 관련 정보가 포함되어 있는지 효율적으로 식별할 수 없습니다.

높은 심각도인 이유: 사용자가 각 답변을 직접 방문하여 관련성을 판단해야 하므로, 토론 읽기가 매우 어렵고 혼란스럽습니다.

이러한 문제는 Screen Reader Accessibility issues 에서 처음 보고되었습니다.

여기서 기대되는 동작을 설명해 주시겠습니까?

사용자는 어떤 게시글에 답글을 달고 있는지도 알 수 있게 됩니다.

그런데 어떻게요? 어떤 내용을 기대하시나요? 저는 스크린리더에 대해 전혀 익숙하지 않아서 물어보는 겁니다.
Safari에서 VoiceOver를 켜고 답글 버튼 요소에 포커스가 있을 때, 다음과 같은 내용이 낭독됩니다:

“[사용자 이름]님의 게시글 #2에 답글”

예를 들어, 비시각 사용자는 시각적 그룹화 덕분에 어떤 답변 버튼을 활성화해야 하는지 알 수 있습니다. 시각 장애 사용자는(스크린리더를 사용하는 경우) 어떤 답변 버튼이 어떤 게시물과 연결되어 있는지를 명확하게 알아야 합니다. 현재는 모든 버튼을 들어봐야 합니다.

이 문제의 교정이 핵심이 될 수 있습니다: Issue 1: Broken Heading Navigation / DOM Manipulation

@adress 다른 이슈에서 언급된 것과 유사한 요소 목록 스타일의 내비게이션을 사용 중인가요? 이 경우 랜드마크를 서로 구별하기가 어렵습니다… VoiceOver의 예시는 다음과 같습니다.

이것들에 대한 라벨을 제공할 수 있어야 한다고 생각합니다

1개의 좋아요

네, 스크린 리더에 문제가 있습니다. 이름이 반복되는 링크, 버튼, 요소는 유용하지 않습니다. 감사합니다.