웹접근성에 대한 조언을 구합니다.
본문
웹 접근성 인증 마크를 획득하기 위해 웹와치라는 업체를 통해 검사 결과를 받았습니다.
#내용 1
첨부된 이미지는 그누보드5 순정 회워가입 부분 입니다.
01 | <section id= "fregister_term" > |
02 | <h2>회원가입약관</h2> |
03 | <label for = "agree1" style= "display:none" >회원가입약관</label> |
04 | <textarea readonly id= "agree1" ><?php echo get_text( $config [ 'cf_stipulation' ]) ?></textarea> |
05 | <fieldset class = "fregister_agree" > |
06 | <label for = "agree11" >회원가입약관의 내용에 동의합니다.</label> |
07 | <input type= "checkbox" name= "agree" value= "1" id= "agree11" > |
08 | </fieldset> |
09 | </section> |
10 | <section id= "fregister_private" > |
11 | <h2>개인정보처리방침안내</h2> |
12 | <label for = "agree2" style= "display:none" >개인정보처리방침안내</label> |
13 | <textarea readonly id= "agree2" ><?php echo get_text( $config [ 'cf_privacy' ]) ?></textarea> |
14 | <fieldset class = "fregister_agree" > |
15 | <label for = "agree21" >개인정보처리방침안내의 내용에 동의합니다.</label> |
16 | <input type= "checkbox" name= "agree2" value= "1" id= "agree21" > |
17 | </fieldset> |
18 | </section> |
위와 같이 보완을 하였으나, 웹접근성에 맞는 문법인지 모르겠습니다.
label에 display:none를 사용해도 될까요...?
#내용 2
해당 부분은 제가 난독증이 있는지...
전혀 이해가 되지 않습니다.
제가 볼때는 정상적으로 label이 연결된것 같은데...
해당 부분은 도대체 어떻게 수정을 해야하는걸까요?...ㅠㅠ
답변 1
display:none 대신 visibility:hidden; overflow:hidden; position:absolute; top:0; left:0;
또는
readonly textarea 에 title 을 주라는것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.