많은 웹 접근 관련 글에서 h1은 한 번만 사용하라고 되어 있습니다.
즉 모든 페이지는 적어도 하나의 h1이 있어야 하며, 페이지의 메인 헤딩에 h1을 적용하라고 권고하고 있습니다.
Better Connected, Better Results: Headings
- Every page must have at least one (the H1)
- Only one H1 per page
- The H1 must be applied to the main heading of the page
wcag2.0의 Understanding Succession Criterion 2.4.10에서는 콘텐츠를 구조화하기 위하여 섹션 헤딩(section heading)을 사용하라고 레벨 AAA로 정의하고 있습니다.
2.4.10 Section Headings: Section headings are used to organize the content. (Level AAA)
또한 헤딩의 중간 단계를 건너 뛰지 말고 적절하게 제공하라고 권고하고 있습니다.
예를 들어 h1에서 h2를 건너 뛰고 h3으로 이동한다든지의 경우처럼 말입니다.
사실 h1 문제는 몇 개를 사용했는냐는 문제보다는 어느 곳을 지정할 것인가 하는 문제입니다.
즉 h1을 문서 처음의 회사 로고에 설정할지, 아니면 본문 중에서 가장 중요한 곳을 설정할지의 문제입니다.
우리나라에서는 대부분의 사이트들이 처음 회사 로고에 h1을 사용하지만 외국도 반드시 그런 것은 아닌 것 같습니다.
W3C의 경우에는 헤딩 사용이 아주 모범적입니다.
미국 정부 홈페이지의 경우 왼쪽 위에 있는 성조기 부분을 h1로 처리하지 않고 본문 시작 부분 Government Information by Topic를 h1로 처리하였습니다.
* 미국 정부는 wcag의 지침을 따르는 것이 아니라 508조에 의하기 때문에 h1, h4, h2, h4로 이동했습니다.
두 사이트 모두 구조도 위에 있는 내비게이션은 헤딩이나 목록 처리를 하지 않고 본문 부분만 처리한 것이 이채롭습니다.
h1을 어디에 설정하느냐 하는 문제는 지난 주 Twitter에서도 문제가 되서 이에 대한 찬성, 반대 사이트 h1debate가 개설 되었습니다.
오늘(2009.6.17 오후 5시) 현재의 찬반은 로고 30.97% : 메인 타이틀 69.03%입니다.

우리하고는 약간 다른 헤딩의 사용에 대한 방식이 무엇을 의미하는지 다시 한번 되새겨 볼 필요가 있을 것 같다.
즉 모든 페이지는 적어도 하나의 h1이 있어야 하며, 페이지의 메인 헤딩에 h1을 적용하라고 권고하고 있습니다.
Better Connected, Better Results: Headings
- Every page must have at least one (the H1)
- Only one H1 per page
- The H1 must be applied to the main heading of the page
wcag2.0의 Understanding Succession Criterion 2.4.10에서는 콘텐츠를 구조화하기 위하여 섹션 헤딩(section heading)을 사용하라고 레벨 AAA로 정의하고 있습니다.
2.4.10 Section Headings: Section headings are used to organize the content. (Level AAA)
또한 헤딩의 중간 단계를 건너 뛰지 말고 적절하게 제공하라고 권고하고 있습니다.
예를 들어 h1에서 h2를 건너 뛰고 h3으로 이동한다든지의 경우처럼 말입니다.
사실 h1 문제는 몇 개를 사용했는냐는 문제보다는 어느 곳을 지정할 것인가 하는 문제입니다.
즉 h1을 문서 처음의 회사 로고에 설정할지, 아니면 본문 중에서 가장 중요한 곳을 설정할지의 문제입니다.
우리나라에서는 대부분의 사이트들이 처음 회사 로고에 h1을 사용하지만 외국도 반드시 그런 것은 아닌 것 같습니다.
W3C의 경우에는 헤딩 사용이 아주 모범적입니다.


두 사이트 모두 구조도 위에 있는 내비게이션은 헤딩이나 목록 처리를 하지 않고 본문 부분만 처리한 것이 이채롭습니다.
h1을 어디에 설정하느냐 하는 문제는 지난 주 Twitter에서도 문제가 되서 이에 대한 찬성, 반대 사이트 h1debate가 개설 되었습니다.
오늘(2009.6.17 오후 5시) 현재의 찬반은 로고 30.97% : 메인 타이틀 69.03%입니다.

우리하고는 약간 다른 헤딩의 사용에 대한 방식이 무엇을 의미하는지 다시 한번 되새겨 볼 필요가 있을 것 같다.




덧글
삐돌이 2009/06/18 08:41 # 삭제 답글
좋은 글 잘 보았습니다. 앞으로도 많은 내용 알려 주시기 바랍니다.
조현진 2009/06/19 15:46 # 삭제 답글
저도 title 쪽에 한표 던지고 왔습니다. :)
백남중 2009/06/19 17:02 # 답글
저도 title 한표요
정찬명 2009/06/19 23:58 # 삭제 답글
저는 h1이 단 한번만 선언 되어야 하고 로고에 마크업 되어야 한다고 생각합니다. 본문 타이틀에 h1을 적용한다는 의견은 현재 문서를 가장 잘 표현하는 제목이 h1이 되어야 한다는 접근 방식이라고 생각하는데요. h1은 최적의 제목을 마크업 한다기 보다는 최상위 계층의 제목을 마크업 하는 목적을 지니고 있다고 생각합니다. 헤딩은 문서의 계층구조를 가늠하는 척도가 되기도 하는데 문서의 중간부터 등장한다거나 최상위 계층의 제목을 건너 뛰는 것은 바람직 하지 않다는 생각 입니다.h1이 두 번 선언되는 것 또한 현재 문서의 최상위 제목이 무엇인지 명확하게 가늠할 수 없고 혼동을 주기 때문에 바람직하지 않다고 생각합니다.
조현진 2009/06/21 12:48 # 삭제 답글
정찬명// 저 역시 h1은 한 번만 쓰이는 것이 맞다고 봅니다만, 제가 생각하기엔 문서 제목으로써 사용되는 것이 적절하다 봅니다. 로고나 네비게이션은 페이지 index를 돕는 형태로 쓰이고, 해당 문서에서 연결되는 하이퍼텍스트를 표시하는 역할을 한다고 보는 겁니다. 해당 페이지의 핵심 콘텐츠에 포함되지 않은 링크는 참조나 서비스를 편리하게 하는 도구라고 보는 것이며 이들은 주요 콘텐츠라 보기 어렵다는 게 제 생각입니다.하나의 사이트를 하나의 문서로 본다면 찬명님의 말씀이 맞겠지만, 사이트가 크면 클수록, 정보 구조가 정교하면 정교할수록 헤딩이 부족해질 겁니다. 사이트를 한 문서로 보는 대신에 색인 페이지의 역할을 하게되는 사이트맵 페이지가 충실하다면 충분하지 않을까 싶습니다. 또 한가지, 사이트 섹션별로 내용이 전혀 다른 사이트도 존재하는 것도 사실입니다.
기계적으로 페이지 구조를 인식할 때(크롤러 등이)도 마찬가지라는 생각이 듭니다. 해당 페이지의 가장 중요한 정보를 어디서 찾을까요. 제일 중요한 제목에서 찾을 겁니다. 그 제일 중요한 제목이 사이트마다 다른 레벨에 존재하면 기계가 반란(?)을 일으킬지도...;
아무튼 제 생각은 그렇습니다. #h1title
황규연 2009/06/21 21:42 # 삭제 답글
본문에 나오는것이 좋긴 하지만 본문에 첫 타이틀(?) 없이 설명문이 나오고 H2에 해당하는 타이틀이 나올 경우 참으로 난감한 상태였던 경우가 있습니다. 그렇게 된다면 H1을 CSS로 숨기는 방식으로 처리해야 될것도 같습니다. 이 역시도 기획에서 문서 구조에 대한 의식이 있어야 되지 않나 싶습니다.^^;
윤좌진 2009/06/22 15:40 # 삭제 답글
저 역시 h1은 1번만 사용해야 하는 것이 맞는것 같구요어디에 사용하느냐의 문제는 비유가 적절할 지 모르겠지만
공문서를 예로 본다면 어떨까요?
음... 꼭 공문서만은 아니라도 웹페이지도 하나의 문서라고 생각해볼때
문서는 기관명이 가장 먼저 오겠지만(웹페이지라면 로고겠죠?)
그 문서의 제목은 따로 존재를 하잖아요?
h 태그가 제목이라고 생각 하기 때문에 로고보다는 제목이라는 명시적인 컨텐츠에 지정하는 것이 맞는 것 같다는 생각이 저도 드네요..
http://images.google.co.kr/images?q=%EA%B3%B5%EB%AC%B8%EC%84%9C&oe=utf-8&rls=org.mozilla:ko:official&client=firefox-a&um=1&ie=UTF-8&ei=xSQ_SrrAGo7m6gOuvJydDg&sa=X&oi=rhs_universal&ct=more-results&resnum=21
윤좌진 2009/06/22 15:47 # 삭제 답글
그런데 웹페이지는 하나의 주제로 수십,수백개의 페이지가 존재하다보니 제목이라는 개념이 굉장히 모호할 것 같은 느낌도 드는데요..특히 웹사이트는 텍스트의 문서 중심이라기 보다는 화려함과 표현을 중요시 하는 성향이 강하기 때문에 더욱 더 그런 것 같습니다.
하나의 서비스를 기준으로 봤을때 메인은 로고가 메인페이지의 제목 역할을 한다고 생각하기 때문에 h1 이 되는게 맞다고 보고, 서브 페이지에서는 로고가 제목이라기 보다는 그 페이지의 대표 타이틀이 h1이 되는것이 맞지 않나 생각이 되네요
gilhyun 2009/08/26 12:26 # 삭제
동감합니다
앵겨 2009/07/31 16:48 # 삭제 답글
저도 h1은 1번만!!!에...웹페이지의 경우 index페이지와 서브페이지들이 있는데...
index페이지의 경우 로고에 적용하는게 제일 적당한거 같습니다.
서브페이지의 경우 컨텐츠의 최고 타이틀에 적용하는게 좋을거 같습니다...
즉 2depth 타이틀정도가 될거같네요...
서브페이지에서의 로고는 해당 문서의 제목이 아니라 해당 웹사이트의 제목에 가깝고...
사실상 서브페이지에서의 페이지 제목은 역시 2depth타이틀이라고 생각하기 때문입니다...
또 해당 페이지의 제목(2depth 타이틀)이 브라우저의 타이틀로 가기도 하니깐 말이죠...
바나나죠 2009/11/24 10:22 # 삭제 답글
저 역시 h1은 한번~메인과 서브에 따라 h1의 위치가 달라져야한다고 생각합니다. 메인에서는 h1이 로고일수 있지만 서브페이지에서는 그 페이지의 타이틀이 h1이 되야한다고 생각합니다. 예를 들어 잡지나 인쇄물을 본다면 표지는 로고가 젤 중요합니다. 하지만 페이지 안으로 들어가면 로고는 페이지의 상단에 작은 글씨로 들어갑니다. 전 그런 구조를 생각하여 웹에서도 적용하는게 맞다고 생각합니다.