Accessibility 본문

3.1.1 기본 언어 표시

주로 사용하는 언어를 명시해야 한다.

필요성

기본 언어 명시는 화면 낭독 프로그램이 언어를 인식하여 자동으로 음성을 변환하거나, 해당 언어에 적합한 발음을 제공할 수 있도록 한다.

대상

전맹

적용기술

웹 페이지에 주로 사용하는 언어를 <html> 요소에 lang 속성을 지정하여 명시

검사방법 및 QA 지표 산정방법

  • 자동 검사 방법 : 접근성 검사 도구를 통한 검사 방법
  • 수동 검사 방법 : 직접 수동으로 확인하는 검사 방법
  • 발견수(건) : 해당 콘텐츠 발견 수
  • 준수수(건) : 준수한 콘텐츠 수
  • 오류수(건) : 오류 콘텐츠(요소 또는 영역) 수
자동 검사방법

<html> 요소 lang 속성 유무 체크

발견수(건)

<html> 요소 수

수동 검사방법

<html> 요소 lang 속성 값 체크

빈 프레임/ 내용 없음 프레임(src="about:blank" 등)의 페이지는 검사하지 않음

오류수(건)

HTML DTD(문서 형식 정의) 에 맞게 "lang"과 "xml:lang" 제공하지 못한 페이지

XHTML
"lang"과 "xml:lang" 제공
HTML5
"lang"만 제공
평가점수

100 - (수동오류수 * 100)점

사례

전체 페이지의 언어 표시
우수사례

HTML5

<html lang="ko">

XHTML 1.0

<html ... lang="ko" xml:lang="ko">

페이지에 사용되는 텍스트의 언어를 명시하기 위해 <html lang="XX"> 속성을 사용하십시오. 이렇게 하면 컴퓨터나 보조기술이 정보를 표현하는데 도움을 줄 수 있습니다. 또한 자동 번역 소프트웨어등도 정확하게 번역을 하는데 이러한 정보를 활용할 수 있습니다.

페이지 내에서 언어가 바뀔때 언어 표시
우수사례
<p>중국어로는 "안녕하세요"라고 인사할 때 <span lang="zh">你好</span>라고 말합니다.</p>

만약 화면 낭독 프로그램에 중국어 음성엔진이 탑재 되어있다면 위의 你好를 <니하오>와 같은 중국어 발음으로 읽어주겠지만, lang속성을 지정하지 않았다면 그냥 한국식 발음으로 <이호>라고 읽어주게 됩니다.