Completion 0%

Education > PC/모바일 웹 접근성 체크리스트

7.1.1 웹페이지의 제목이 웹브라우저의 제목으로 사용되었는가?

장애 유형

장애 유형
전맹, 저시력
오류 설명
  • 웹 페이지의 제목은 브라우저 가장 위에 나타나며, 현재 보고 있는 웹 페이지의 전체 내용 쉽게 파악할 수 있게 함.
  • 웹 페이지의 제목은 HTML문서 내에 <title> 요소로 제공함.
  • 스크린리더나 점자정보단말기는 웹페이지에 접속 시 웹페이지에서 제공하는 <title> 요소를 제일 먼저 읽음.
  • <title>요소에 정보가 없거나 특수문자가 여러번 쓰이거나 너무 많은 내용이 있는 경우 시각장애 환경에서 이해하기 어려우므로 웹 페이지의 제목은 웹페이지의 핵심 내용만 간략하게 제공해야 함.

오류 유형

하위 분류로 분류가 더 가능함에도 불구하고, 상위 범주로 제목을 제공한 경우

오류 예시
환경설정하위로 화면.읽기설정, 보내기설정, 메일함설정, 스팸설정, 모바일.외부메일설정 등으로 분류가 더 가능한데도 '환경설정' 으로 title을 제공하고 있음.
참고 이미지
페이지의 title의 범주를 너무 넓게 제공한 예
해결 방법
페이지의 URL이 다른 경우에는 같은 팝업내에 있다고 해도 다른 페이지로 봐야 하며 각각 고유한 title을 제공해야 함.

<title>엘리먼트에 반복되는 특수문자를 제공한 경우

오류 예시
title에 특수문자 : 을 반복해서 제공하고 있음(2번 이상 반복은 오류)
참고 이미지
title에 특수문자 ::: 을 반복해서 제공한 예
해결 방법
반복되는 특수문자를 제거해야 함.

<title>엘리먼트를 제공하지 않은 경우

오류 예시
<title>엘리먼트를 제공하지 않아 브라우저 제목 표시줄에 URL이 출력되고 있음.
참고 이미지
title엘리먼트를 제공하지 않은 예
해결 방법
<title>엘리먼트를 제공해야 함.

게시판의 경우에도 글읽기, 글보기, 목록 등 각각의 게시판 용도에 맞는 페이지 제목을 제공해야 함.

오류 예시
관람후기 글읽기 페이지와 관람후기 글쓰기 페이지의 title이 동일함.
참고 이미지
게시판 글읽기,쓰기 페이지의 title을 모두 동일하게 제공한 예
해결 방법
관람후기 글읽기 페이지에는 해당 게시물의 제목 , 관람후기 글쓰기 페이지에는 '글쓰기' 과 같이 각 페이지에 title을 제공해야 함.

모바일 환경에서 하위 분류로 분류가 더 가능함에도 불구하고, 상위 범주로 제목을 제공한 경우

오류 예시
네이버메일 하위로 메일쓰기로 분류가 더 가능한데도 네이버메일로만 title을 제공하고 있음
참고 이미지
해결 방법
페이지의 URL이 다른 경우에는 같은 팝업 내에 있다고 해도 다른 페이지로 봐야 하며, 각각 고유한 title을 제공해야 함.

모바일 환경에서 <title>엘리먼트에 반복되는 특수문자를 제공한 경우

오류 예시
title에 특수문자 :을 반복해서 제공하고 있음(2번 이상 반복은 오류)
참고 이미지
해결 방법
반복되는 특수문자를 제거해야 함.

바른 예시

각 페이지의 핵심 내용을 웹페이지 제목으로 제공

참고 이미지

주의 사항

-

평가 방법

웹 페이지의 타이틀을 직접 확인

평가 도구
N-WAX
평가 방법
'7.1.1 페이지 타이틀' 항목에서 페이지의 핵심 콘텐츠 타이틀이 웹 페이지의 타이틀과 일치하는지 확인.
참고 이미지

모바일 환경의 웹 페이지의 타이틀을 모바일 또는 PC환경에서 직접 확인

평가 도구
User Agent Switcher(파이어폭스 부가기능), N-WAX
평가 방법
모바일 화면에서 title을 직접 확인하거나, Firefox 도구 메뉴 User Agent Switcher 의 Defalut User Agent 설정으로 원하는 모바일 기기 환경을 선택한 후, N-WAX를 활용해 PC환경에서의 평가와 동일하게 진행함

평가 도구 전체 설치 방법