웹접근성에 대한 조언을 구합니다.
본문
웹 접근성 인증 마크를 획득하기 위해 웹와치라는 업체를 통해 검사 결과를 받았습니다.
#내용 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 을 주라는것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.