반응형 웹 실전 프로젝트 #2 (시멘틱 마크업과 논리적 순서마크업)
HTML, CSS 2020. 7. 16. 14:10시멘틱(semantic)의 사전적 뜻은 '의미론적인' 이다
마크업을 할때 의미에 부합하는 태그를 사용하라는 뜻이다
h1이 없다면 스크린리더에서는 그저 "반응형웹"이라고 읽어주기만 할것이다
h1은 문서의 첫 제목을 의미하는 태그다
논리적 순서 마크업 (Logical sequence markup)
논리적 순서에 의한 마크업은 키보드(Tab)키나 터치패드와 같은 입력장치만으로 HTML문서의 모든 컨텐츠를 논리적 순서로 이동하여 사용할수 있도록 하는 '입력장치 접근성'과 밀접한 관련이 있다
웹 접근성에 대한 구체적인 내용은 웹 접근성 연구소에서 제공하는 '한국형 웹 콘텐츠 접근성 지침 2.1 을 참고 하자
https://www.wah.or.kr:444/index.asp
'HTML, CSS' 카테고리의 다른 글
반응형 웹 실전 프로젝트 #5 (텍스트 관련요소) (0) | 2020.07.17 |
---|---|
반응형 웹 실전 프로젝트 #3 ~ #4 (블록 레벨요소와 인라인요소, 기본요소) (0) | 2020.07.16 |
반응형 웹 실전 프로젝트 #1 (HTML 기본 문서) (0) | 2020.07.16 |
HTML getting started (0) | 2019.12.09 |
CSS란? (0) | 2019.12.09 |