전문가 상담

HOME > 지식마당 > 온라인 자문서비스 > 전문가 상담
input (checkbox, radio) 단독 사용시 웹 접근성 이슈
input (checkbox, radio) 단독 사용시 웹 접근성 이슈
작성일 2019-04-01 오후 6:22:59 작성자 최재희
첨부파일
  • 등록된 첨부파일이 없습니다.
안녕하세요.
table에서 전체 행 선택 혹은 개별 행 선택을 위한 checkbox를 넣는 경우
스크린리더가 해당 checkbox의 목적을 알 수 없다는 점을 보완하는 방법을 찾고 있습니다.

방법1. title 속성을 이용
<input type="checkbox" title="행 선택" checked="checked">

방법2. aria-label 속성 사용
<input type="checkbox" aria-label="행 선택" checked="checked">

title 속성의 경우 일부 스크린리더에 읽히지 않는다는 정보를 들었습니다.
aria-label 속성을 사용하는 것이 가장 웹 접근성에 최적화된 방법인지
아니면 그 외에 더 좋은 방법이 있는지 문의드립니다! 꼭 답변 부탁드립니다.

감사합니다.

전문가상담 목록
번호 분류 제목 작성자 작성일
10666 일반 input (checkbox, radio) 단독 사용시 웹 접... 최재희 2019-04-01

웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.

(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)

팀 버너스 리 경 - 웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World Wide Web)

위로가기