웹 접근성 실무가이드
4.1. 문법 준수
4.1.1. 마크업 오류 방지
마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
21-1. 태그의 열고 닫음 오류
- <p><img src="http://sample.com/close.jpg" >
- <p> 이 문법은<i> 잘못된 사용. </p></i>
● 잘못된 사례
- <p><img src="http://sample.com/close.jpg" alt="닫기" /></p>
- <p> 이 문법은 <i> 올바른 사용. </i></p>
● 올바른 사례
21-2. 태그의 중첩 오류
- <p style="color: #000" class="notice" style="width: 50em">
● 잘못된 사례
- <p class="notice" style="color:#000; width:50em">
● 올바른 사례
21-3. 중복 선언된 속성 오류
- <div id="content" > ... </div>
- <textarea id="content" name="content"></textarea>
● 잘못된 사례
- <div id="content-area" > ... </div>
- <textarea id="content" name="content"></textarea>
● 올바른 사례
