본문 바로가기
Spec UP - Frontend/부스트코스_UI 개발

웹 접근성_마크업 오류 방지

by TIS_Ha 2020. 4. 8.
반응형

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

오류가 없도록 마크업 문서를 구성하면 웹 브라우저나 보조 기술이 작동을 멈추지 않고 콘텐츠를 명확히 전달할 수 있으며, 콘텐츠의 일부 기능이 누락되는 것을 방지할 수 있습니다.

 

요소의 열고 닫음

요소의 열고 닫음이 일치해야합니다.

 

요소의 중첩

시작요소와 끝나는 요소의 나열 순서가 포함 관계에서 어긋나지 않아야합니다.

ex. <div><span></div></span>   -> 마크업 오류

 

중복된 속성 사용

하나의 요소 안에서 속성을 중복하여 선언하지 않아야합니다.

ex.  <div class="test" class="test2"> </div>

 

id 속성 값 중복

하나의 마크업 문서 안에 같은 id 값을 중복으로 선언하면 오류입니다.

반응형

댓글