homeHome   >   컨설팅 및 구축   >   웹 접근성 실무가이드   >   견고성   >   4.1문법준수

웹 접근성 실무가이드

4.1. 문법 준수

4.1.1. 마크업 오류 방지

마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.

21-1. 태그의 열고 닫음 오류
  1. <p><img src="http://sample.com/close.jpg" >
  2. <p> 이 문법은<i> 잘못된 사용. </p></i>

● 잘못된 사례

  1. <p><img src="http://sample.com/close.jpg" alt="닫기" /></p>
  2. <p> 이 문법은 <i> 올바른 사용. </i></p>

● 올바른 사례

21-2. 태그의 중첩 오류
  1. <p style="color: #000" class="notice" style="width: 50em">

● 잘못된 사례

  1. <p class="notice" style="color:#000; width:50em">

● 올바른 사례

21-3. 중복 선언된 속성 오류
  1. <div id="content" > ... </div>
  2. <textarea id="content" name="content"></textarea>

● 잘못된 사례

  1. <div id="content-area" > ... </div>
  2. <textarea id="content" name="content"></textarea>

● 올바른 사례