Windows에서 '오른쪽 화살표'와 '왼쪽 화살표' 아이콘 컨트롤에 접근 가능한 이름이 정의되지 않음

[msftedad]

제목: Windows에서 페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤에 접근 가능한 이름이 정의되지 않았습니다.

테스트 환경:
OS: Windows 11 버전 24H2 OS 빌드 26100.1742
브라우저: Microsoft New Edge 버전 129.0.2792.52(공식 빌드) (64비트)
URL: 🛠 Server Maintenance - Wednesday, November 29 - I, II, III DE, and IV - 📢 News & Announcements - Age of Empires Forum

사용자 영향:
스크린 리더에 의존하는 사용자는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 컨트롤의 접근 가능한 이름이 알려주지 않으면 컨트롤을 이해하는 데 어려움을 겪게 됩니다.

재현 단계:

1. New Edge(Chromium) 브라우저에서 URL: 🛠 Server Maintenance - Wednesday, November 29 - I, II, III DE, and IV - 📢 News & Announcements - Age of Empires Forum 을 엽니다.
2. Tab 키를 눌러 페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤로 이동합니다.
3. F12 키를 눌러 개발자 도구를 열고 코드를 검사합니다.
4. 페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤에 접근 가능한 이름이 정의되어 있는지 확인합니다.

실제 결과:
페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤에 접근 가능한 이름이 정의되지 않았습니다.

관찰 사항:
스크린 리더는 해당 화살표 아이콘이 포커스를 받을 때 "button"만 읽어줍니다.

참고 첨부 파일:

1. 페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤에 접근 가능한 이름이 정의되지 않았습니다.png

2. 페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤에 접근 가능한 이름이 정의되지 않았습니다.mp4
   

   
   
   

기대 결과:

페이지의 주요 섹션 오른쪽에 있는 ‘오른쪽 화살표’ 및 ‘왼쪽 화살표’ 아이콘 컨트롤 모두에 적절하고 관련성 있는 접근 가능한 이름이 정의되어야 합니다. 각각 ‘다음 LadyMathea 게시물’ 및 '이전 LadyMathea 게시물’로 정의될 수 있습니다.

[msftedad]

팀원 여러분,
이 문제에 대해 업데이트가 있나요?

[sam (Sam Saffron)]

지금은 이 이슈에 pr-welcome 라벨을 붙여두겠습니다.

[awesomerobot (Kris)]

네, 보고해 주셔서 감사합니다! 버튼에 aria-label을 추가하는 플러그인 업데이트를 방금 병합했습니다. 이 변경 사항은 사이트가 다음에 업데이트될 때 반영됩니다.

A11Y: add aria-labels to timeline nav buttons (#97)