Completion 0%

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

3.1.1 HTML 코드에 주언어 관련 속성(lang)이 선언되어 있는가?

장애 유형

장애 유형
전맹, 저시력
오류 설명
시각 장애 환경에서 스크린리더나 점자정보단말기, 모바일의 VoiceOver, TalkBack 등으로 웹에 접근하는 경우, 주언어가 명시되어 있으면 해당 언어에 알맞게 출력되어 콘텐츠의 이해가 수월해짐.

오류 유형

주언어 관련 속성이 선언되지 않은 경우

오류 예시
<html> 요소에 주언어를 지정하는 속성이 없는 경우
참고 이미지
해결 방법
<html> 요소에 주언어 지정을 위한 속성 선언.
속성값은 ISO-639-1에서 지정한 언어 코드를 사용하며 한국어는 ko, 영어는 en, 일본어는 ja, 중국어는 zh-cn임.

  • DTD가 XHTML 계열이 아닌 경우.
    <html lang="ko">
  • DTD가 XHTML 계열인 경우
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">

모바일 환경에서 주언어 관련 속성이 선언되지 않은 경우

오류 예시
<html> 요소에 주언어를 지정하는 속성이 없는 경우
참고 이미지
해결 방법
<html> 요소에 주언어 지정을 위한 속성 선언.
속성값은 ISO-639-1에서 지정한 언어 코드를 사용하며 한국어는 ko, 영어는 en, 일본어는 ja, 중국어는 zh-cn임.

  • DTD가 XHTML 계열이 아닌 경우.
    <html lang="ko">
  • DTD가 XHTML 계열인 경우
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">

주의 사항

  • 주언어 명시는 콘텐츠가 있을 때 필요한 것이므로, 내용이 없는 빈 프레임의 경우 선언하지 않아도 오류 아님

평가 방법

주언어 관련 속성의 유무 확인

평가 도구
N-WAX
평가 방법
'3.1.1 주언어 명시' 항목 확인
[Case.1] XHTML 문서가 아니고 주언어가 lang 속성으로 명시된 경우, 셀이 하얀색으로 표시되며 페이지경로:선언된 주 언어 속성이 출력됨.
[Case.2] XHTML 문서이고 주언어가 xml:lang 속성이 명시된 경우, 셀이 하얀색으로 표시되며 페이지경로:선언된 주 언어 속성이 출력됨.
[Case.3] XHTML 문서이고 주언어가 lang 속성으로 명시되고 xml:lang 속성으로는 명시되지 않은 경우, 셀이 노란색으로 표시되며 페이지경로:선언된 주 언어 속성이 출력됨.
[Case.4] 주언어가 명시되지 않은 경우, 셀이 빨간색으로 표시되며 오류 처리.

모바일 환경에서 주언어 관련 속성의 유무 확인

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

평가 도구 전체 설치 방법