웹접근성 준수 markup validation 관련 체크리스트

form 태그 사용시 action 속성 추가
액션 없이 자바스크립트로 우회적으로 submit 하는 경우라도

<form action="">

과 같이 빈값으로 속성을 넣어주세요.

단독 태그의 닫는 태그 사용
단독 태그의 경우

<input id="" name="" type="hidden" />
<img />

과 같이 ‘/’ 로 닫아주세요.
input, br, img 태그가 해당됩니다. 개발쪽에선 주로 input 태그나, 동적으로 써주는 img,br태그 확인해주시면 되겠습니다.

속성의 소문자 처리
doctype xhtml에서는 엘리먼트의 모든 속성값이 소문자입니다.
개발파트에서는 주로 onclick 같은 이벤트 핸들러가 해당사항이 되겠습니다. onClick, onChage -> onclick, onchange
disable, readonly, checked 등 어트리뷰트는 속성=”값” 형태로 작성되어야 합니다.

ex) <input readonly="readonly" type="text" />
      <input readonly="readonly" type="text" />

textarea의 cols, rows 속성 추가
이 부분은 퍼블리싱단계에서 일부 누락이 있던듯 합니다. 차후 검수시 추가할 예정입니다.
작업시 발견하실 경우 아래와 같이 속성 추가 부탁드립니다. 빈 값으로 추가하시면 됩니다.

ex) <textarea cols="" rows=""></textarea>

html,jsp페이지 내의 자바스크립트 선언시 올바른 타입 선언 및 cdata 처리
페이지 내에서 인라인으로 자바스크립트 선언시 아래와 같이 타입을 선언하고 cdata로 감싸주세요.

<script type="text/javascript">
// <![CDATA[

// ]]>
</script>

추가적으로 anchor 태그(<a>)에 onclick 이벤트를 직접 걸 경우 hash값이 url에 들어가지 않게 하기 위해 false를 리턴해주시기 바랍니다.

ex) <a href="#">링크</a>

안녕하세요. 끄적이기를 좋아하는 개발자 이예빈입니다. 매일 일기를 쓰는 것 처럼 블로그를 쓰고 싶어요.
Leave a Reply

Your email address will not be published. Required fields are marked *