HTML에서 aria-label과 aria-labelledby 속성의 차이점으로 올바른 것은?

보통 MDN Web Docs

보기 및 정답

A aria-label은 직접 텍스트 라벨을 지정하고, aria-labelledby는 다른 요소의 id를 참조하여 라벨로 사용한다

B aria-label은 시각적 라벨을 설정하고, aria-labelledby는 음성 전용 라벨을 설정하여 서로 다른 채널에 적용

C aria-label은 HTML5에서만 지원되고, aria-labelledby는 HTML4에서만 지원되어 호환성에 차이가 있다

D 둘 다 동일한 기능이며 한 요소에 둘 다 사용할 수 없고, 중복 선언 시 브라우저가 에러 메시지를 표시하며 오류를 발생시킨다

aria-label은 요소에 직접 접근성 텍스트를 문자열로 지정합니다. aria-labelledby는 다른 요소의 id를 참조하여 해당 요소의 텍스트 내용을 라벨로 사용합니다. 둘 다 스크린 리더가 요소를 설명할 때 사용하는 WAI-ARIA 속성입니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인