툴팁 접근성 실수 고치기: aria-labelledby로 해결한 방법

Fixing my tooltip accessibility mistake

저자는 Firefox에서 웹 플랫폼 기능을 다루는 영상을 만들면서 툴팁에 접근성 오류를 범했다. Scott O'Hara의 패턴을 따랐지만 aria-label을 제거하는 실수를 저질렀고, 그 결과 버튼에 접근 가능한 이름이 없어졌다. Léonie Watson과 Gez Lemon이 지적한 문제를 해결하기 위해 aria-describedby 대신 aria-labelledby를 사용해 버튼의 이름을 툴팁에서 가져오도록 수정했다. 이 글은 접근성 있는 이름의 중요성과 여러 스크린 리더로 테스트해야 한다는 교훈을 전한다.