A11y Check

KWCAG 2.2 · 7.1.1

기본 언어 표시 검사 방법

KWCAG 2.2 「기본 언어 표시」 항목을 점검하는 방법입니다. 이 항목은 자동 검사만으로도 판정할 수 있습니다.

어떤 기준에 해당하나요

한국 기준 (KWCAG 2.2)
7.1.1 기본 언어 표시
이해의 용이성
국제 기준 (WCAG 2.2)
3.1.1 페이지 언어 (A) ↗

어떻게 검사하나요

페이지 소스에서 <html> 요소에 lang 속성이 있는지, 값이 실제 주 언어와 일치하는지(한국어 페이지는 lang="ko") 확인하세요. 자동 검사가 속성 존재와 형식을 판정하지만, 값이 콘텐츠의 실제 언어와 맞는지는 사람이 확인해야 합니다. 스크린 리더는 이 값으로 발음 엔진을 고르므로 잘못 표기하면 낭독이 통째로 어긋납니다.

자동 검사로 잡히는 부분

이 항목은 4개 규칙으로 자동 판정합니다. 각 규칙에 위반 시 개선 방법이 붙어 있습니다.

  • html 요소에 lang 속성이 없습니다 html-has-lang

    lang이 없으면 스크린 리더가 어떤 언어 엔진으로 읽을지 알 수 없어 한국어를 영어 발음으로 읽는 등의 문제가 생깁니다.

    <html lang="ko">

  • html lang 속성 값이 올바르지 않습니다 html-lang-valid

    lang 값은 유효한 BCP 47 언어 코드여야 합니다 (한국어: ko, 영어: en).

  • lang과 xml:lang 값이 서로 다릅니다 html-xml-lang-mismatch

    두 속성이 다른 언어를 가리키면 보조기기 동작이 갈립니다. 같은 값으로 통일하세요.

  • 부분 콘텐츠의 lang 값이 올바르지 않습니다 valid-lang

    본문 중 외국어 구간에 지정한 lang 값이 유효한 언어 코드인지 확인하세요.

    <p>이 기능은 <span lang="en">Progressive Enhancement</span> 방식입니다.</p>

내 사이트는 어떤지 확인해 보세요

주소만 넣으면 이 항목을 포함한 KWCAG 33항목을 한 번에 점검해 드립니다. 로그인 없이 한 페이지를 바로 검사해 볼 수 있습니다.

무료로 검사하기

관련 검사항목