Skip to content

Conversation

@tifsy
Copy link
Collaborator

@tifsy tifsy commented Mar 19, 2025

✅ 요약

🪄 변경사항

  • 누락된 aria-label 추가
  • 부적절하게 사용된 aria-label 수정
  • 불필요한 aria-label 삭제

버튼의 텍스트가 이미 기능을 명확하게 설명할 때에는 스크린 리더가 그 텍스트를 읽어주므로 aria-label을 추가하는 것은 불필요합니다. 중복된 정보를 제공하면 스크린 리더 사용자가 버튼의 기능을 두 번 읽을 수 있어 혼란을 줄 수 있습니다 🥲

반면에

  1. 버튼이 아이콘만 포함하고 있을 때
  2. 동적으로 버튼의 쓰임새가 바뀌는 경우에

aria-label을 추가하여 버튼의 기능을 명확히 설명하는 것이 적절합니다!

🖼️ 결과 화면 (선택)

💬 리뷰어에게 전할 말 (선택)

  • @wldnjs990 @AAminha @nirii00 제가 코드 리뷰 때 aria-label 관해서 자주 말씀 드렸는데 위 내용 확인해보시는 게 좋을 것 같습니다!

@tifsy tifsy added the 🐞 Bug 버그 이슈 label Mar 19, 2025
@tifsy tifsy requested a review from wldnjs990 March 19, 2025 14:59
@tifsy tifsy self-assigned this Mar 19, 2025
@tifsy tifsy linked an issue Mar 19, 2025 that may be closed by this pull request
3 tasks
Copy link
Collaborator

@wldnjs990 wldnjs990 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

덕분에 라이트하우스 점수 더 올라갈거 같습니다☺️
고생하셨습니다!!!👍👍👍👍👍👍👍👍👍👍

@wldnjs990 wldnjs990 merged commit 442e2f2 into develop Mar 19, 2025
1 check passed
@wldnjs990 wldnjs990 deleted the 163-fix-aria-label branch March 19, 2025 15:12
@tifsy
Copy link
Collaborator Author

tifsy commented Mar 19, 2025

덕분에 라이트하우스 점수 더 올라갈거 같습니다☺️ 고생하셨습니다!!!👍👍👍👍👍👍👍👍👍👍

확인해보니 접근성이 82 ➡️ 90으로 올라갔네용! 🙏🏻
성능도 올려보도록 하겠습니다~!

image image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🐞 Bug 버그 이슈

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix: aria-label 수정

3 participants