7.1.1 기본 언어 표시

요구 사항

웹 브라우저와 보조기술은 텍스트의 언어 정보를 바탕으로 화면에 표시하고 음성으로 읽습니다. 다국어를 지원하는 화면낭독기는 언어 정보에 따라 발음 엔진을 바꾸므로, 웹 페이지의 기본 언어를 정확히 정의해야 합니다.

• 웹 페이지의 언어 명시: 웹 페이지의 콘텐츠에 적용되는 기본 언어를 반드시 정의합니다.

KWCAG는 페이지의 기본 언어만 검사 항목으로 정합니다. 본문 일부가 다른 언어인 경우(WCAG 3.1.2 부분 언어)는 KWCAG 검사 항목에 없지만, 함께 지정하면 더 정확히 읽힙니다.

왜 필요한가요

기본 언어가 잘못 지정되면 화면낭독기가 한국어를 영어 발음 규칙으로 읽는 등 내용을 알아들을 수 없게 되고, 점역 프로그램도 잘못된 점자 규칙을 적용합니다.

도움받는 사용자

• 시각장애인(화면낭독기 사용자)
• 점자정보단말기 사용자
• 자동 번역 기능 사용자

적용 방법

<html> 요소에 lang 속성으로 ISO 639 언어 코드를 지정합니다. XHTML 문서는 xml:lang도 함께 씁니다.

<!DOCTYPE html>
<html lang="ko">
<head>…</head>
<body>
  <p>이 행사의 공식 슬로건은 <span lang="en">Access for All</span>입니다.</p>
</body>
</html>

사례

<html lang="ko">

<html>
<html lang="en"> <!-- 한국어 페이지인데 영어 -->
<html lang="kr"> <!-- kr은 언어 코드가 아님 -->

자주 하는 실수

• html에 lang 속성이 없습니다.
• 템플릿을 복사해 한국어 페이지에 lang="en"이 남아 있습니다.
• 국가 코드 kr을 언어 코드로 잘못 씁니다(한국어는 ko).

검사 방법

• 소스의 <html> 요소에 lang 속성이 있는지, 값이 페이지의 주 언어와 맞는 올바른 코드인지 확인합니다.
• 팝업창·iframe 안의 문서도 각각 확인합니다.
• NVDA 또는 센스리더로 해당 영역을 탐색하며 실제로 읽히는 내용을 확인합니다.

다른 지침의 대응 항목