웹접근성 준수 markup validation 관련 체크리스트 웹접근성 2013. 8. 12. 11:26
  • form 태그 사용시 action 속성 추가
    액션 없이 자바스크립트로 우회적으로 submit 하는 경우라도 <form action="">과 같이 빈값으로 속성을 넣어주세요.
  • 단독 태그의 닫는 태그 사용
    단독 태그의 경우 <input type="hidden" id="" name="" />, <br />, <img src="" />과 같이 '/' 로 닫아주세요. 
    input, br, img 태그가 해당됩니다. 개발쪽에선 주로 input 태그나, 동적으로 써주는 img,br태그 확인해주시면 되겠습니다.
  • 속성의 소문자 처리
    doctype xhtml에서는 엘리먼트의 모든 속성값이 소문자입니다.
    개발파트에서는 주로 onclick 같은 이벤트 핸들러가 해당사항이 되겠습니다. onClick, onChage -> onclick, onchange
  • disable, readonly, checked 등 어트리뷰트는 속성="값" 형태로 작성되어야 합니다.
    ex) <input type="text" readonly /> -> <input type="text" readonly="readonly" />
  • textarea의 cols, rows 속성 추가
    이 부분은 퍼블리싱단계에서 일부 누락이 있던듯 합니다. 차후 검수시 추가할 예정입니다.
    작업시 발견하실 경우 아래와 같이 속성 추가 부탁드립니다. 빈 값으로 추가하시면 됩니다.
    ex) <textarea rows="" cols=""></textarea>
  • html,jsp페이지 내의 자바스크립트 선언시 올바른 타입 선언 및 cdata 처리
    페이지 내에서 인라인으로 자바스크립트 선언시 아래와 같이 타입을 선언하고 cdata로 감싸주세요.
    <script type="text/javascript">// <![CDATA[
    <!-- 여기에 작성 -->
    // ]]></script>

    추가적으로 anchor 태그(<a>)에 onclick 이벤트를 직접 걸 경우 hash값이 url에 들어가지 않게 하기 위해 false를 리턴해주시기 바랍니다.
    - > <a href="#" onclick="functionName(); return false;">링크</a> 
저작자표시

'웹접근성' 카테고리의 다른 글

키보드 접근성을 위한 tabindex의 사용  (0) 2015.11.05
콘텐츠 건너띄기  (0) 2014.02.06
메뉴건너뛰기  (0) 2012.09.11
,

티스토리툴바