2개 input을 1개의 label 연결하기 (웹접근성관련)
망고
2023.04.01
예를들어 주민등록번호같은경우에,label 을 주민등록번호로하고, 뒤에 input 이 앞자리 뒷자리해서 두개가 있잖아요?웹접근성상 input 에는 label 이 있어야 하는데, 두개를 어떤식으로 label 지정해줘야하나요?id 를 같게하면 중복이라 안되고...
-
물티슈
감사합니다
-
삐용삐용
그렇군요. 조언 감사합니다.
-
SchokoHolic
그렇게 하셔두 되구요 display:none 처리하셔도 됩니다. 최근에 스크린 리더가 업데이트 되면서 텍스트 인덴트나 포지션을 이용하는 추세이긴 합니다만 저는 디스플레이로 처리하여 인증 마크 받는데는 무리가 없었습니다.
-
아리솔
그렇다 예를들어 주민번호를 넣어야 할경우
뒷자리는 label에 \주민번호 뒷자리\ 해놓고 text-indent:-9999em; 뭐 이런것들로 날려 하는 건가요?? -
귀1여운렩
id값을 제각각 부여하셔야 합니다. 저도 예전에 주민번호라든지 전화번호 같은 경우에 한 아이디로 되어 있어 한 아이디로 한 뒤에 input에 타이틀을 적용한 적이 있는데 심사 과정에서 지적 받았습니다. 결국 id를 별도로 부여하여 레이블을 연결하셔야 합니다.