모두가 함께 누리는!
다양한 사용자들과 함께 정보에 접근하고, 기술의 혜택을 누릴 수 있는 지침을 소개합니다.
Make it More Accessible!
19. 콘텐츠의 선형 구조
콘텐츠는 논리적인 순서로 제공해야 한다.
-
1) 탭 콘텐츠
제목-내용-제목-내용 순서로 마크업하거나
해당 내용에 대한 제목을 숨김 처리로 제공한다.오류 사례소스 코드<a href=”#”>답변적은순</a><a href=”#”>첫질문</a>... <div>답변적은순 내용</div><div>첫질문 내용</div>...
해결 방안<a href=”#”>답변적은순</a> <div>답변적은순 내용</div> <a href=”#”>첫질문</a> <div>첫질문 내용</div> 또는 <ul> <li><a href=“#”>답변적은순</a></li> … </ul> <div> <h2 class=“blind”>답변적은순</h2> 답변적은순 내용 </div>
-
2) 더보기가 존재하는 콘텐츠
제목-내용-더보기 순서로 마크업한다.
오류 사례소스 코드<a href=”#”>더보기</a> <table>…<td>[오픈공지]eXpert신청페이지에서 직접 신청하세요.</td>…</table>
해결 방안<table>…<td>[오픈공지]eXpert신청페이지에서 직접 신청하세요.</td>…</table> <a href=”#”>더보기</a>