접근성

지니씨·2023년 3월 23일
0

프론트엔드

목록 보기
77/86

wai-aria

aria-controls="id1 id2"
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls
동작을 시작하는 요소(aria-controls)와 영향을 받는 요소(id) 연결

aria-labelledby

aria-selected / aria-pressed
aria-pressed="true|false|mixed|undefined(default)"
요소의 눌림 상태 제공
흔히 사용하지 않음 해당 속성 사용 전 input[type="checkbox"] 또는 aria-checked 또는 aria-selected 속성을 먼저 검토

aria-selected="true|false|undefined"

aria-disabled
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled
네이티브하게 disabled 속성을 지원하면 aria-disabled 속성 사용할 필요 X
aria-disabled 속성 적용시에는 자바스크립트로 tabindex와 aria-disabled 속성 처리 필요

profile
하루 모아 평생 🧚🏻

0개의 댓글