NULI

모두가 함께 누리는! 다양한 사용자들과 함께 정보에 접근하고, 기술의 혜택을 누릴 수 있는 지침을 소개합니다.
Make it More Accessible!

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

1) 요소의 열고 닫음

요소의 열고 닫음이 매칭되도록 제공한다.

오류 코드

<ol>
    <li>첫 번째 목록</li>
    <li>두 번째 목록</li>
    <li>세 번째 목록</li>
<ul>
    <li>첫 번째 목록</li>
    <li>두 번째 목록</li>
    <li>세 번째 목록</li>
</ul>

해결 방안

<ol>
    <li>첫 번째 목록</li>
    <li>두 번째 목록</li>
    <li>세 번째 목록</li>
</ol>
<ul>
    <li>첫 번째 목록</li>
    <li>두 번째 목록</li>
    <li>세 번째 목록</li>
</ul>

3) 중복된 속성 사용

속성이 중복되지 않도록 제공한다.

오류 코드

<img src=“apple.jpg” alt=“” class=“img_box” class=“img_01”>

해결 방안

<img src=“apple.jpg” alt=“” class=“img_box img_01”>

1) id 속성 값 중복

페이지 내 id 값이 중복되지 않도록 제공한다.

오류 코드

<div id=“main_menu” class=“lnb”>
…
</div>
<ul id=“main_menu” class=“menu”>
    <li>로그인</li>
    <li>회원가입</li>
</ul>

해결 방안

<div id=“main_menu_lnb” class=“lnb”>
…
</div>
<ul id=“main_menu” class=“menu”>
    <li>로그인</li>
    <li>회원가입</li>
</ul>

널리