웹 콘텐츠 접근성 지침(WCAG) 2.2

이 섹션은 WCAG 2.2의 적합성에 대한 요구 사항을 나열합니다. 또한 적합성 주장(선택 사항)을 만드는 방법에 대한 정보도 제공합니다. 마지막으로 접근성 지원의 의미를 설명합니다. 기술을 사용할 때 접근성 지원되는 방법만이 적합성에 의존 가능합니다. 적합성 이해하기에서는 접근성 지원 개념에 대해 추가 설명을 제공합니다.

약어

단어, 구, 이름의 축약형으로, 해당 약어가 언어의 일부가 되지 않은 경우를 의미합니다.

참고 1

여기에는 다음과 같은 이니셜리즘 및 두문자어가 포함됩니다:

1. 이니셜리즘(initialism)은 이름이나 구의 단어 또는 음절의 첫 글자를 따서 만든 축약형입니다.

   참고 2

   모든 언어에 정의되어 있지는 않습니다.

2. 두문자어(acronym)는 이름이나 구의 다른 단어의 첫 글자 또는 일부를 결합해 만들어진 약어로, 하나의 단어처럼 발음되는 경우도 있습니다.

참고 3

일부 회사는 원래 이니셜리즘이었던 것을 회사 이름으로 채택하기도 합니다. 이런 경우 새 회사명은 그 철자 자체(예: Ecma)이며, 더 이상 약어로 간주하지 않습니다.

접근성 지원됨

사용자의 보조 기술뿐만 아니라 브라우저 및 기타 사용자 에이전트의 접근성 기능에 의해 지원됨

웹 콘텐츠 기술(또는 기술의 기능)이 접근성 지원되는 용도로 인정받으려면, 아래 두 가지 모두가 해당 웹 콘텐츠 기술(또는 기능)에 대해 만족되어야 합니다:

1. 웹 콘텐츠 기술의 사용 방식이 사용자의 보조 기술(AT)에 의해 지원되어야 합니다. 즉, 해당 기술의 사용 방식이 콘텐츠의 사용된 인간 언어에서 보조 기술과의 상호운용성을 위해 테스트되어야 합니다.

   그리고

2. 웹 콘텐츠 기술을 지원하는 접근성 지원 사용자 에이전트가 사용자에게 제공되어야 합니다. 이는 다음 네 가지 진술 중 최소 하나가 참임을 의미합니다:

   1. 해당 기술이 널리 배포된 사용자 에이전트에서 기본적으로 지원되며, 그 사용자 에이전트도 접근성 지원됨(예: HTML 및 CSS);

      또는

   2. 해당 기술이 널리 배포된 플러그인에서 지원되며, 그 플러그인도 접근성 지원됨;

      또는

   3. 콘텐츠가 대학 또는 기업 네트워크 등 폐쇄된 환경에서 제공되어, 해당 기술이 필요로 하는 사용자 에이전트가 조직에서 사용되며, 그 에이전트도 접근성 지원됨;

      또는

   4. 해당 기술을 지원하는 사용자 에이전트가 접근성 지원됨이며, 다음과 같은 방식으로 다운로드 또는 구매가 가능함:

      • 장애가 있는 사람이 장애가 없는 사람에 비해 추가 비용을 지불하지 않는다 그리고
      • 장애가 있는 사람이 장애가 없는 사람과 동일하게 쉽게 찾고 얻을 수 있다.

참고 1

Accessibility Guidelines Working Group과 W3C는 특정 웹 기술의 사용이 접근성 지원됨으로 분류되기 위해 어느 정도의 보조 기술 지원이 있어야 하는지 명시하지 않습니다. (접근성 지원에 필요한 보조 기술 지원 수준 참고)

참고 2

페이지 전체가 적합성 조건을 만족하고 적합성 요구 사항 4와 적합성 요구 사항 5를 포함한 모든 조건을 충족하는 경우, 웹 기술은 접근성 지원되지 않는 방식으로도 사용할 수 있습니다. 단, 해당 기술이 필수적이어서는 안 됩니다.

참고 3

웹 기술이 "접근성 지원됨" 방식으로 사용된다고 해서 해당 기술 전체 또는 모든 사용 방식이 지원됨을 의미하지는 않습니다. 대부분의 기술(HTML 포함)은 최소한 하나의 기능 또는 사용 방식에 대한 지원이 부족합니다. 페이지가 WCAG에 적합하려면 접근성 지원되는 기술 사용만을 신뢰할 수 있어야 합니다.

참고 4

여러 버전이 존재하는 웹 콘텐츠 기술을 인용할 때에는 지원되는 버전을 명시해야 합니다.

참고 5

저자가 접근성 지원되는 기술 사용 방식을 찾는 한 가지 방법은, 접근성 지원됨으로 문서화된 사용 방식 모음을 참고하는 것입니다. (접근성 지원 웹 기술 사용 방식 이해하기 참고) 저자, 기업, 기술 공급업체 등은 웹 콘텐츠 기술의 접근성 지원되는 사용 방식을 문서화할 수 있습니다. 하지만, 해당 문서 내 기술 사용 방식 모두가 위의 접근성 지원 웹 콘텐츠 기술의 정의를 충족해야 합니다.

시간 기반 미디어 대체물

시간에 따라 변화하는 시각 및 청각 정보를 올바른 순서의 텍스트 설명으로 포함하고, 모든 시간 기반 상호작용의 결과를 달성할 수 있도록 하는 문서

참고

동기화된 미디어 콘텐츠 제작에 사용된 대본은 최종 동기화 미디어로 편집한 후 정확히 반영되어야만 이 정의를 만족합니다.

일반 사용자에게 모호함

링크와 웹 페이지의 모든 정보가 동시에 사용자에게 제공되어도 목적을 알 수 없으며, 즉 장애가 없는 사용자들도 해당 링크를 활성화하기 전까지 링크가 어떤 기능을 하는지 알 수 없음

ASCII 아트

ASCII가 정의한 95개 인쇄 가능한 문자로 공간 배열하여 만든 그림 또는 이미지를 의미함

보조 기술 (이 문서에서 사용됨)

하드웨어 또는 소프트웨어로서 사용자 에이전트 역할을 하거나, 일반 사용자 에이전트와 함께 작동하여 장애가 있는 사용자의 요구를 충족시키기 위해 일반 사용자 에이전트가 제공하는 기능을 넘어서 추가 기능을 제공하는 것

참고 1

보조 기술이 제공하는 기능에는 대체 표현(예: 합성 음성 또는 확대된 콘텐츠), 대체 입력 방식(예: 음성), 추가 탐색 또는 방향 메커니즘, 콘텐츠 변환(예: 테이블을 더 접근하기 쉽게 변환) 등이 포함됩니다.

참고 2

보조 기술은 종종 API를 사용하거나 모니터링하여 일반 사용자 에이전트와 데이터 및 메시지를 주고받습니다.

참고 3

일반 사용자 에이전트와 보조 기술의 구분은 절대적이지 않습니다. 많은 일반 사용자 에이전트가 장애인을 위한 일부 기능을 제공합니다. 기본적인 차이는 일반 사용자 에이전트는 장애 유무에 관계없이 폭넓고 다양한 사용자를 대상으로 하며, 보조 기술은 특정 장애가 있는 사용자 집단을 대상으로 한다는 점입니다. 보조 기술이 제공하는 지원은 대상 사용자에게 더 구체적이고 적합합니다. 일반 사용자 에이전트는 보조 기술에 웹 콘텐츠를 프로그램 객체로부터 가져오거나 마크업을 식별 가능한 단위로 파싱하는 등 중요한 기능을 제공할 수 있습니다.

오디오

소리 재생 기술

참고

오디오는 합성적으로(음성 합성 포함) 생성되거나, 실제 세계의 소리를 녹음하거나, 또는 둘 다일 수 있습니다.

오디오 설명

주요 사운드트랙만으로는 이해할 수 없는 중요한 시각적 세부사항을 설명하기 위해 사운드트랙에 추가되는 내레이션

참고 1

비디오의 오디오 설명은 동작, 등장인물, 장면 전환, 화면의 텍스트 및 기타 시각적 콘텐츠에 대한 정보를 제공합니다.

참고 2

표준 오디오 설명에서는 기존 대화 중의 일시정지 부분에 내레이션이 추가됩니다. (자세한 내용은 확장 오디오 설명을 참조하세요.)

참고 3

모든 비디오 정보가 기존 오디오에서 이미 제공되는 경우, 추가적인 오디오 설명은 필요하지 않습니다.

참고 4

"비디오 설명" 및 "설명 내레이션"이라고도 불립니다.

오디오 전용

오디오만 포함된 시간 기반 프레젠테이션 (비디오 및 상호작용 없음)

깜박임

주의를 끌기 위해 두 가지 시각적 상태 사이를 반복적으로 전환하는 것

참고

또한 플래시를 참조하세요. 만약 어떤 것이 충분히 크고 밝게 깜박이며 적절한 빈도로 발생하면 플래시로도 분류될 수 있습니다.

텍스트 블록

한 문장 이상의 텍스트

CAPTCHA

"Completely Automated Public Turing test to tell Computers and Humans Apart"의 약어

참고 1

CAPTCHA 테스트는 종종 사용자가 흐릿하게 표시된 이미지나 오디오 파일에 나타나는 텍스트를 입력하도록 요구합니다.

참고 2

튜링 테스트는 인간과 컴퓨터를 구별하기 위한 일련의 테스트 시스템입니다. 유명한 컴퓨터 과학자 앨런 튜링의 이름을 따서 명명되었습니다. 이 용어는 카네기 멜론 대학의 연구원들이 만들었습니다.

자막

미디어 콘텐츠를 이해하는 데 필요한 음성 및 비음성 오디오 정보를 위한 동기화된 시각적 또는 텍스트 대체

참고 1

자막은 대화만을 보여주는 자막과 유사하지만, 자막은 대화의 내용뿐만 아니라 프로그램 내용을 이해하는 데 필요한 비대화 오디오 정보(음향 효과, 음악, 웃음, 화자 식별 및 위치 등)의 동등물도 전달합니다.

참고 2

폐쇄 자막(Closed Captions)은 일부 플레이어에서 켜고 끌 수 있는 동등물입니다.

참고 3

열린 자막(Open Captions)은 끌 수 없는 모든 자막입니다. 예를 들어, 자막이 비디오에 내장된 텍스트 이미지인 경우 등이 있습니다.

참고 4

자막은 비디오의 관련 정보를 가리거나 방해해서는 안 됩니다.

참고 5

일부 국가에서는 자막을 "자막(subtitle)"이라고 부릅니다.

참고 6

오디오 설명은 자막 처리할 수도 있고, 하지 않아도 됩니다. 왜냐하면 이미 시각적으로 제공된 정보에 대한 설명이기 때문입니다.

컨텍스트 변경

사용자가 페이지 전체를 동시에 볼 수 없는 경우 인지적 혼란을 줄 수 있는 주요 변경 사항

컨텍스트 변경에는 다음이 포함됩니다:

• 사용자 에이전트;
• 뷰포트;
• 포커스;
• 콘텐츠 (웹 페이지의 의미를 변경하는 콘텐츠)

참고

콘텐츠의 변경이 항상 컨텍스트의 변경을 의미하지는 않습니다. 예를 들어, 확장 가능한 개요, 동적 메뉴, 탭 컨트롤과 같은 콘텐츠 변경은 위(예: 포커스)가 변경되지 않는 한 반드시 컨텍스트를 변경하는 것은 아닙니다.

인지 기능 테스트

신규

사용자가 정보를 기억, 조작 또는 필사해야 하는 과제. 예시로는 다음이 포함되나 이에 국한되지 않습니다:

• 암기(예: 사용자 이름, 비밀번호, 문자 집합, 이미지 또는 패턴 기억). 이름, 이메일, 전화번호와 같이 사용자가 개인적으로 알고 있으며 사이트 간에 일관된 일반 식별자는 인지 기능 테스트로 간주되지 않습니다.
• 필사(예: 문자를 입력하는 것);
• 올바른 철자 사용;
• 계산 수행;
• 퍼즐 풀기.

준수

특정 표준, 지침 또는 명세의 모든 요구사항을 만족시키는 것

준수 대체 버전

다음 조건을 만족하는 버전

1. 지정된 수준에서 준수하며,
2. 동일한 정보와 기능을 동일한 인간 언어로 제공하며,
3. 비준수 콘텐츠와 동일하게 최신 상태이며,

4. 다음 중 하나 이상이 참인 경우:

   1. 비준수 페이지에서 접근성 지원 메커니즘을 통해 준수 버전으로 접근할 수 있거나,
   2. 비준수 버전에 접근할 수 있는 경로가 준수 버전에서만 존재하거나,
   3. 비준수 버전에 접근할 수 있는 경로가 반드시 준수 페이지에서만 존재하며, 그 페이지 또한 준수 버전으로 접근할 수 있는 메커니즘을 제공하는 경우

참고 1

이 정의에서 "접근할 수 있다"는 것은 조건부 리디렉션과 같은 메커니즘이 있어, 사용자가 준수 버전에서 바로 오지 않는 한 비준수 페이지를 "접근"(로드)할 수 없도록 하는 것을 의미합니다.

참고 2

대체 버전은 원본과 꼭 페이지별로 일치할 필요는 없습니다(예: 준수 대체 버전이 여러 페이지로 구성될 수도 있음).

참고 3

여러 언어 버전이 제공된다면, 제공되는 각 언어에 대해 준수 대체 버전이 필요합니다.

참고 4

대체 버전은 다양한 기술 환경이나 사용자 그룹을 지원하기 위해 제공될 수 있습니다. 각 버전은 최대한 준수해야 합니다. 하나의 버전은 준수 요구사항 1을 충족하기 위해 반드시 완전히 준수해야 합니다.

참고 5

준수 대체 버전은 반드시 준수 범위 내에 있거나 같은 웹사이트에 있을 필요는 없습니다. 비준수 버전과 동일하게 자유롭게 접근할 수 있으면 됩니다.

참고 6

대체 버전은 보조 콘텐츠와 혼동해서는 안 됩니다. 보조 콘텐츠는 원본 페이지를 지원하고 이해를 돕습니다.

참고 7

사용자 환경설정을 콘텐츠 내에서 설정하여 준수 버전으로 이동하는 방법은, 환경설정 설정 방법이 접근성 지원되는 경우 허용되는 메커니즘입니다.

자세한 내용은 준수 대체 버전 이해하기를 참조하세요.

콘텐츠 (웹 콘텐츠)

사용자 에이전트를 통해 사용자에게 전달되는 정보 및 감각적 경험. 여기에는 콘텐츠의 구조, 표현 및 상호작용을 정의하는 코드 또는 마크업이 포함됩니다.

상황별 도움말

현재 수행 중인 기능과 관련된 정보를 제공하는 도움말 텍스트

참고

명확한 라벨은 상황별 도움말 역할을 할 수 있습니다.

명암비

(L1 + 0.05) / (L2 + 0.05), 여기서

• L1은 더 밝은 색상의 상대 휘도이고,
• L2는 더 어두운 색상의 상대 휘도입니다.

참고 1

명암비는 1에서 21까지 범위(일반적으로 1:1 ~ 21:1로 표기됨)일 수 있습니다.

참고 2

저자들은 텍스트 렌더링 방식(예: 폰트 스무딩 또는 안티앨리어싱)에 대한 사용자 설정을 제어할 수 없으므로, 텍스트의 명암비는 안티앨리어싱이 꺼진 상태에서 평가할 수 있습니다.

참고 3

성공 기준 1.4.3 및 1.4.6의 목적상, 명암비는 일반 사용에서 텍스트가 렌더링되는 지정된 배경에 대해 측정됩니다. 배경색이 지정되지 않은 경우 흰색으로 간주합니다.

참고 4

배경색은 일반 사용에서 텍스트가 렌더링될 콘텐츠의 지정된 색상입니다. 텍스트 색상이 지정되어 있는데 배경색이 지정되지 않은 경우, 사용자의 기본 배경색을 알 수 없으며 충분한 명암비 평가가 불가능하므로 실패입니다. 마찬가지로 배경색만 지정되어 있고 텍스트 색상이 지정되지 않은 경우도 실패입니다.

참고 5

문자 주변에 테두리가 있으면, 테두리가 명암을 추가하여 문자와 배경 사이의 명암비 계산에 사용될 수 있습니다. 좁은 테두리는 문자로 간주하고, 넓은 테두리는 내부 세부를 채우는 경우 광환(halo)으로 간주하여 배경으로 처리합니다.

참고 6

WCAG 준수는 저자가 일반적으로 인접하게 표시되길 기대하는 색상 쌍에 대해 평가되어야 합니다. 저자는 사용자 에이전트에 의해 발생한 색상 변경 등 비정상적인 표시를 고려할 필요가 없으나, 저자 코드에 의해 발생한 경우는 예외입니다.

올바른 읽기 순서

단어와 단락이 콘텐츠의 의미를 변경하지 않는 순서로 제시되는 모든 순서

CSS 픽셀

약 0.0213도의 시각적 각도

CSS 픽셀은 CSS에서 모든 길이와 측정의 기준 단위입니다. 이 단위는 밀도 독립적이며, 실제 디스플레이의 하드웨어 픽셀과는 구별됩니다. 사용자 에이전트와 운영체제는 CSS Values and Units Module Level 3 reference pixel [css3-values]에 최대한 가깝게 CSS 픽셀을 설정해야 하며, 여기에는 디스플레이의 물리적 크기와 예상 시청 거리(콘텐츠 저자가 알 수 없는 요소)가 고려됩니다.

다운 이벤트

포인터의 트리거 자극이 눌렸을 때 발생하는 플랫폼 이벤트

다운 이벤트는 플랫폼에 따라 "touchstart" 또는 "mousedown" 등 다양한 이름을 가질 수 있습니다.

드래그 동작

신규

포인터가 다운 이벤트에서 요소와 상호작용을 시작하고, 요소(혹은 그 위치의 표현)가 업 이벤트까지 포인터를 따라 이동하는 작업

참고

드래그 가능한 요소의 예로는 목록 항목, 텍스트 요소, 이미지 등이 있습니다.

비상 상황

건강, 안전, 재산을 보호하기 위해 즉각적인 조치가 필요한 갑작스럽고 예상치 못한 상황이나 사건

필수적

제거하면 콘텐츠의 정보나 기능이 근본적으로 변경되며, 그리고 정보와 기능을 준수하는 다른 방법으로 달성할 수 없는 경우

확장 오디오 설명

추가 설명을 할 시간이 필요할 때, 비디오를 일시정지하여 오디오 설명을 추가하는 것

참고

이 기술은 추가 오디오 설명 없이는 비디오의 의미가 손실되고, 대화/내레이션 사이의 일시정지가 너무 짧을 때만 사용됩니다.

플래시

상대 휘도가 반대 방향으로 변화하는 쌍으로, 충분히 크고 적절한 빈도로 발생하면 일부 사람들에게 발작을 유발할 수 있음

참고 1

허용되지 않는 플래시 유형 관련 정보는 일반 플래시 및 적색 플래시 임계값을 참조하세요.

참고 2

또한 깜박임을 참조하세요.

포커스 표시기

신규

픽셀의 변화로, 사용자 인터페이스 구성요소가 포커스 상태임을 시각적으로 나타냄

기능

프로세스와 사용자의 동작으로 달성할 수 있는 결과

일반 플래시 및 적색 플래시 임계값

플래시 또는 빠르게 변하는 이미지 시퀀스가 아래 기준 중 하나라도 해당하면 임계값 이하(즉, 콘텐츠가 통과)입니다:

• 1초 내에 일반 플래시가 3회 이하이고 / 또는 적색 플래시가 3회 이하인 경우;
• 동시에 발생하는 플래시의 전체 면적이 화면의 임의의 10도 시야 내에서 총 0.006 스테라디안 이하(일반적인 시청 거리에서 화면의 10도 시야 중 25%)인 경우

기준:

• 일반 플래시는 상대 휘도 1.0의 최대값 기준 10% 이상의 반대 변화 쌍을 의미하며, 더 어두운 이미지의 상대 휘도가 0.80 미만일 때 적용됩니다. "반대 변화 쌍"은 증가 후 감소, 또는 감소 후 증가를 의미합니다.
• 적색 플래시는 채도가 높은 빨간색이 관련된 반대 방향 전이 쌍을 의미합니다.

예외: 화이트 노이즈나 교차 체크무늬 등 균형 잡힌 미세 패턴(각 변이 시야 0.1도 미만의 "정사각형" 포함)은 임계값을 위반하지 않습니다.

참고 1

일반 소프트웨어나 웹 콘텐츠의 경우, 1024 x 768 픽셀 화면에서 341 x 256 픽셀 직사각형을 화면 내 임의 위치에 사용하는 것이 표준 화면 크기와 시청 거리(예: 15~17인치 화면, 22~26인치 거리)에서 10도 시야를 추정하는 데 적합합니다. 이 75~85 ppi 해상도는 CSS 명세의 명목상 96 ppi보다 낮으므로 더 보수적입니다. 동일 렌더링의 고해상도 디스플레이는 더 작고 안전한 이미지를 제공하므로, 임계값 정의에는 낮은 해상도를 사용합니다.

참고 2

전이는 시간에 따라 상대 휘도(또는 적색 플래시의 경우 상대 휘도/색상)의 측정을 그래프로 나타낼 때 인접한 봉우리와 골짜기 사이의 변화입니다. 플래시는 두 개의 반대 방향 전이로 구성됩니다.

참고 3

현장에서는 "채도가 높은 빨간색이 관련된 반대 방향 전이 쌍"(WCAG 2.2 기준)을 R/(R + G + B) 값이 0.8 이상인 상태로의 또는 그로부터의 전이이며, CIE 1976 UCS 색도도에서 상태 간 차이가 0.2 이상(단위 없음)일 때로 정의합니다. [ISO_9241-391]

참고 4

비디오 화면 캡처 분석을 수행할 수 있는 도구가 있습니다. 그러나 1초 내 플래시가 3회 이하일 경우, 이 조건은 별도의 도구 없이도 자동으로 통과로 평가할 수 있습니다(위 #1, #2 참조).

인간 언어

사람과 소통하기 위해 말하거나, 쓰거나, 시각적 또는 촉각적으로 수화하는 언어

참고

또한 수화도 참조하세요.

관용어

각 단어의 의미로 전체 의미를 추론할 수 없고, 특정 단어를 변경하면 의미가 손실되는 구

참고

관용어는 문화 또는 언어적 의미가 있기 때문에 단어별로 직역하면 의미가 손실됩니다.

텍스트 이미지

특정 시각적 효과를 위해 텍스트를 비텍스트 형태(예: 이미지)로 렌더링한 것

참고

여기에는 많은 다른 시각적 콘텐츠가 포함된 그림의 일부인 텍스트는 포함되지 않습니다.

정보 제공용

정보 제공 목적이며 준수를 위해 요구되지 않음

참고

준수를 위해 필요한 콘텐츠는 "규범적"이라고 합니다.

입력 오류

사용자가 제공한 정보가 허용되지 않을 때

참고

여기에는 다음이 포함됩니다:

1. 웹 페이지에서 요구하지만 사용자가 생략한 정보
2. 사용자가 제공했으나 요구되는 데이터 형식 또는 값에서 벗어난 정보

전문 용어

특정 분야 사람들이 특별한 방식으로 사용하는 단어

키보드 인터페이스

소프트웨어가 키 입력을 받기 위해 사용하는 인터페이스

참고 1

키보드 인터페이스는 기본 기술에 키보드가 없어도 사용자가 프로그램에 키 입력을 제공할 수 있도록 합니다.

참고 2

MouseKeys와 같은 키보드 기반 마우스 에뮬레이터를 통한 앱(또는 일부 앱)의 조작은, 프로그램의 포인팅 장치 인터페이스를 통해 동작하므로 키보드 인터페이스를 통한 조작으로 간주하지 않습니다.

키보드 바로가기

하나 이상의 키를 눌러 동작을 수행할 수 있는 대체 방법

레이블

텍스트 또는 텍스트 대체가 있는 다른 구성요소로, 웹 콘텐츠 내의 구성요소를 식별하기 위해 사용자에게 제시됨

참고 1

레이블은 모든 사용자에게 표시되지만, 이름은 숨겨져 있거나 보조기술에만 노출될 수 있습니다. 많은(하지만 모든) 경우 이름과 레이블이 동일합니다.

참고 2

레이블 용어는 HTML의 label 요소에만 국한되지 않습니다.

대형 텍스트

최소 18포인트 또는 14포인트 굵은 글씨, 또는 중국어, 일본어, 한국어(CJK) 폰트에 대해 동등한 크기의 폰트 크기

참고 1

극도로 가는 획이나 특이한 특징이 있는 폰트는 글자 형태의 익숙함을 떨어뜨려, 특히 낮은 명암비에서는 읽기 어렵습니다.

참고 2

폰트 크기는 콘텐츠가 제공될 때의 크기입니다. 사용자가 크기를 조정하는 것은 포함되지 않습니다.

참고 3

사용자가 실제로 보는 글자의 크기는 저자가 정의한 크기와 사용자의 디스플레이 또는 사용자 에이전트 설정 모두에 따라 달라집니다. 많은 일반 본문 폰트에서 14/18포인트는 대략 1.2/1.5em, 또는 본문 기본 크기(100%) 기준 120%/150%에 해당하지만, 사용 중인 특정 폰트에 대해 저자가 직접 확인해야 합니다. 폰트를 상대 단위로 정의하는 경우 실제 포인트 크기는 사용자 에이전트가 계산합니다. 평가 시 사용자 에이전트에서 포인트 크기를 가져오거나, 폰트 메트릭을 바탕으로 사용자 에이전트처럼 계산해야 합니다. 저시력 사용자는 적절한 설정을 직접 선택해야 할 책임이 있습니다.

참고 4

폰트 크기를 지정하지 않고 텍스트를 사용하는 경우, 주요 브라우저에서 지정되지 않은 텍스트에 사용되는 가장 작은 폰트 크기를 해당 폰트의 크기로 간주하는 것이 합리적입니다. 만약 1단계 제목이 주요 브라우저에서 14pt 굵은 글씨 이상으로 렌더링된다면, 이는 대형 텍스트로 간주하는 것이 합리적입니다. 상대적 크기 비율은 기본 크기에서 비슷하게 계산할 수 있습니다.

참고 5

로마자 텍스트의 18/14포인트는 대형 인쇄(14pt)와 더 큰 표준 폰트 크기(18pt)에서 가져왔습니다. CJK와 같은 다른 언어 폰트의 경우 "동등" 크기는 해당 언어에서 사용되는 최소 대형 인쇄 크기와 다음 표준 대형 인쇄 크기입니다.

법적 약정

개인이 법적으로 구속력 있는 의무 또는 혜택을 부담하는 거래

링크 목적

하이퍼링크를 활성화했을 때 얻는 결과의 성격

실시간

실제 세계의 사건을 캡처하여 방송 지연 이상 없이 수신자에게 전달되는 정보

참고 1

방송 지연은 짧은(일반적으로 자동) 지연으로, 예를 들어 방송사가 오디오(또는 비디오) 신호를 큐 또는 검열할 시간을 주기 위해 사용하지만, 충분히 큰 편집은 불가능합니다.

참고 2

정보가 완전히 컴퓨터에 의해 생성된 경우, 실시간이 아닙니다.

하위 중등 교육 수준

6년의 교육을 마친 후 시작하여 초등 교육 시작 후 9년이 끝날 때까지의 2~3년간의 교육 기간

참고

이 정의는 국제 표준 교육 분류(International Standard Classification of Education) [UNESCO]를 기반으로 합니다.

메커니즘

결과를 달성하기 위한 프로세스 또는 기술

참고 1

메커니즘은 콘텐츠에 명시적으로 제공될 수도 있고, 플랫폼 또는 사용자 에이전트 (여기에 보조기술 포함)에서 제공된다고 가정할 수도 있습니다.

참고 2

메커니즘은 주장하는 준수 수준의 모든 성공 기준을 충족해야 합니다.

텍스트 대체 미디어

텍스트(직접 또는 텍스트 대체를 통해)로 이미 제공된 정보 이상을 제공하지 않는 미디어

참고

텍스트 대체 미디어는 텍스트의 대체 표현에서 이점을 얻는 사람을 위해 제공됩니다. 텍스트 대체 미디어는 오디오 전용, 비디오 전용(수화 비디오 포함), 또는 오디오-비디오일 수 있습니다.

동작 애니메이션

상태 간 단계 추가로 움직임의 환상이나 부드러운 전환감을 주기 위한 것

최소 경계 상자

신규

도형의 모든 점이 들어가는 가로축에 맞춘 가장 작은 사각형. 문장이나 텍스트 블록 일부로 여러 줄로 감싸지는 구성요소(하이퍼텍스트 링크 등)의 경우, 경계 상자는 해당 구성요소가 한 줄에 표시될 때를 기준으로 합니다.

이름

소프트웨어가 웹 콘텐츠 내의 구성요소를 사용자에게 식별할 수 있는 텍스트

참고 1

이름은 숨겨져 있고 보조기술에만 노출될 수 있으며, 레이블은 모든 사용자에게 표시됩니다. 많은(하지만 모든) 경우에 레이블과 이름이 동일합니다.

참고 2

이것은 HTML의 name 속성과는 관련 없습니다.

순차적으로 탐색됨

키보드 인터페이스를 사용하여 포커스를 이동하는 순서대로 탐색됨

비텍스트 콘텐츠

프로그램적으로 결정할 수 없는 문자 시퀀스이거나, 그 시퀀스가 인간 언어로 표현되는 것이 아닌 모든 콘텐츠

참고

여기에는 ASCII 아트(문자 패턴), 이모티콘, 문자 치환을 사용하는 리트스피크, 텍스트를 나타내는 이미지 등이 포함됩니다.

규범적

준수를 위해 요구됨

참고 1

이 문서에 다양한 방식으로 명확하게 준수할 수 있습니다.

참고 2

"정보 제공용" 또는 "비규범적"으로 명시된 콘텐츠는 준수에 필요하지 않습니다.

전체 화면 창에서

가장 일반적인 크기의 데스크톱/노트북 디스플레이에서 뷰포트가 최대화된 상태

참고

사람들은 일반적으로 컴퓨터를 여러 해 동안 사용하므로, 최신 데스크톱/노트북 디스플레이 해상도에만 의존하지 말고 평가 시 여러 해 동안의 일반적인 데스크톱/노트북 디스플레이 해상도를 고려하는 것이 좋습니다.

일시정지됨

사용자 요청에 의해 멈추고, 사용자가 요청할 때까지 다시 시작되지 않은 상태

둘레

신규

모양의 경계를 이루는 연속된 선(공유 픽셀 제외) 또는 최소 경계 상자 중 더 짧은 것

포인터 입력

마우스, 펜, 터치 등의 특정 좌표(또는 좌표 집합)를 화면에서 지정할 수 있는 장치의 입력

참고

"Pointer Events 정의의 'pointer'" [pointerevents]를 참조하세요.

사전 녹음된

실시간이 아닌 정보

프레젠테이션

콘텐츠를 사용자가 인지할 수 있는 형태로 렌더링하는 것

초등 교육 수준

만 5~7세 사이에 시작하여, 이전 교육이 없을 수도 있는 6년의 교육 기간

참고

이 정의는 국제 표준 교육 분류(International Standard Classification of Education) [UNESCO]를 기반으로 합니다.

프로세스

활동을 완료하기 위해 각 행동이 반드시 필요한 일련의 사용자 행동

프로그램적으로 결정됨 (프로그램적으로 결정 가능)

저자가 제공한 데이터를 바탕으로 소프트웨어가 결정하며, 여러 사용자 에이전트와 보조기술이 다양한 방식으로 정보를 추출하고 사용자에게 제시할 수 있도록 제공됨

프로그램적으로 결정된 링크 맥락

링크와의 관계에서 프로그램적으로 결정할 수 있는 추가 정보로, 링크 텍스트와 결합되어 다양한 방식으로 사용자에게 제공됨

참고

스크린 리더는 구두점을 해석하므로, 문장 내 링크에 포커스가 있을 때 현재 문장에서 맥락도 제공할 수 있습니다.

프로그램적으로 설정됨

사용자 에이전트와 보조기술에서 지원하는 방법을 사용해 소프트웨어로 설정된 상태

순수 장식

오직 심미적 목적만을 가지며, 정보를 제공하지 않고 기능도 없는 것

참고

단어를 재배열하거나 대체해도 목적이 변하지 않는 경우에만 텍스트는 순수 장식으로 간주됩니다.

실시간 이벤트

a) 시청과 동시에 발생하고, b) 콘텐츠에 의해 완전히 생성되지 않는 이벤트

영역

인지 가능하고, 프로그램적으로 결정된 섹션의 콘텐츠

참고

HTML에서는 랜드마크 역할이 지정된 모든 영역이 영역으로 간주됩니다.

관계

서로 다른 콘텐츠 조각 간의 의미 있는 연관성

상대 휘도

색 공간 내 임의 지점의 상대적인 밝기. 가장 어두운 검정은 0, 가장 밝은 흰색은 1로 정규화됨

참고 1

sRGB 색 공간에서 색상의 상대 휘도는 L = 0.2126 * R + 0.7152 * G + 0.0722 * B로 정의되며, R, G, B는 다음과 같이 정의됨:

• RsRGB <= 0.04045이면 R = RsRGB/12.92, 아니면 R = ((RsRGB+0.055)/1.055) ^ 2.4
• GsRGB <= 0.04045이면 G = GsRGB/12.92, 아니면 G = ((GsRGB+0.055)/1.055) ^ 2.4
• BsRGB <= 0.04045이면 B = BsRGB/12.92, 아니면 B = ((BsRGB+0.055)/1.055) ^ 2.4

RsRGB, GsRGB, BsRGB는 다음과 같이 정의됨:

• RsRGB = R8bit/255
• GsRGB = G8bit/255
• BsRGB = B8bit/255

"^" 문자는 거듭제곱(지수) 연산자를 의미함. (공식은 [SRGB]에서 가져옴.)

참고 2

2021년 5월 이전에는 정의의 0.04045 값이 다르게(0.03928) 사용되었습니다. 이는 이전 명세에서 가져온 것이며, 업데이트되었습니다. 이 지침의 맥락에서 계산에는 실질적인 영향이 없습니다.

참고 3

현대의 거의 모든 시스템은 웹 콘텐츠를 볼 때 sRGB 인코딩을 가정합니다. 다른 색 공간에서 콘텐츠를 처리/표시할 것이 확실하지 않다면, 저자는 sRGB 색 공간을 사용해 평가해야 합니다. 다른 색 공간을 사용한다면 성공 기준 1.4.3 이해하기를 참고하세요.

참고 4

전달 후 디더링이 발생하는 경우, 원본 색상 값이 사용됩니다. 소스에서 디더링되는 색상은 디더링된 색상의 평균값(R, G, B)을 사용해야 합니다.

참고 5

대비 및 플래시 테스트 시 자동으로 계산을 수행하는 도구가 제공됩니다.

참고 6

수식 표시에 MathML을 사용하는 상대 휘도 정의 별도 페이지가 제공됩니다.

의존되는 (기술)

해당 기술이 꺼지거나 지원되지 않을 경우, 콘텐츠가 준수하지 않게 됨

역할

소프트웨어가 웹 콘텐츠 내 구성요소의 기능을 식별할 수 있는 텍스트 또는 숫자

동일한 기능

사용 시 동일한 결과

동일한 상대적 순서

다른 항목들과의 상대적 위치가 동일함

참고

항목이 원래 순서에서 다른 항목이 추가/제거되어도 상대적 순서가 동일하다고 간주합니다. 예를 들어, 내비게이션 메뉴가 확장되어 세부 항목이 추가되거나, 2차 내비게이션이 읽기 순서에 삽입되는 경우 등.

성공 기준 만족

페이지에 적용할 때 성공 기준이 '거짓'으로 평가되지 않을 때

섹션

하나 이상의 관련 주제나 생각을 다루는 독립된 텍스트 부분

참고

섹션은 하나 이상의 단락, 그래픽, 표, 목록, 하위 섹션을 포함할 수 있습니다.

웹페이지 집합

공통 목적을 공유하며, 동일한 작성자, 그룹, 조직이 만든 웹페이지들의 모음

참고

다른 언어 버전은 서로 다른 웹페이지 집합으로 간주됩니다.

수화

손과 팔의 움직임, 얼굴 표정, 신체 자세의 조합을 사용해 의미를 전달하는 언어

수화 통역

일반적으로 구어를 수화로 번역하는 것

참고

진정한 수화는 해당 국가나 지역의 구어와는 무관한 독립된 언어입니다.

단일 포인터

마우스, 터치스크린의 단일 손가락, 스타일러스 등 한 번에 페이지/화면의 한 지점만 지정할 수 있는 입력 방식

참고

단일 포인터 상호작용에는 클릭, 더블클릭, 탭, 드래그, 단일 손가락 스와이프 제스처가 포함됩니다. 반면, 다중 포인터 상호작용은 두 개 이상의 포인터(터치스크린에서 두 손가락, 마우스와 스타일러스 동시 사용 등)를 포함합니다.

특정 감각적 경험

순수하게 장식적이지 않고, 주로 중요한 정보를 전달하거나 기능을 수행하지 않는 감각적 경험

상태

사용자 동작이나 자동화 처리에 따라 사용자 인터페이스 구성요소의 특성을 표현하는 동적 속성

상태는 구성요소의 본질을 변경하지 않고, 데이터나 사용자 상호작용 가능성을 나타냅니다. 예: 포커스, 호버, 선택, 누름, 체크, 방문/미방문, 확장/축소 등.

상태 메시지

컨텍스트 변경이 아니면서, 사용자에게 작업의 성공/결과, 앱의 대기 상태, 프로세스의 진행 상황, 오류 존재 등의 정보를 제공하는 콘텐츠 변경

구조

• 웹페이지의 각 부분들이 서로 어떻게 조직되어 있는지
• 웹페이지 집합이 어떻게 조직되어 있는지

스타일 속성

콘텐츠 요소의 프레젠테이션(예: 폰트, 색상, 크기, 위치, 패딩, 볼륨, 합성 음성 운율 등)을 사용자 에이전트가 렌더링할 때 결정하는 속성

스타일 속성의 유형:

• 사용자 에이전트 기본 스타일: 저자나 사용자가 스타일을 지정하지 않은 경우 적용되는 기본값. 일부 웹 콘텐츠 기술은 기본 렌더링을 명시하며, 그렇지 않은 것도 있음.
• 저자 스타일: 저자가 콘텐츠에 지정한 스타일 값(인라인 스타일, 저자 스타일시트 등);
• 사용자 스타일: 사용자가 지정한 스타일(사용자 에이전트 인터페이스 설정, 사용자 스타일시트 등)

보조 콘텐츠

주요 콘텐츠를 예시하거나 명확하게 하는 추가 콘텐츠

동기화 미디어

정보 제공용의 텍스트 대체 미디어로 명확히 표시되지 않은 한, 오디오 또는 비디오가 다른 정보 제공 형태 및/또는 시간 기반 인터랙티브 구성요소와 동기화됨

대상

사용자 인터페이스 구성요소와 같은 지점에서 포인터 동작을 받아들이는 디스플레이 영역

참고

두 개 이상의 대상이 겹치는 경우, 겹치는 영역은 동일한 동작을 하거나 동일한 페이지를 여는 대상이 아니면 대상 크기 측정에 포함하지 않아야 합니다.

기술 (웹 콘텐츠)

메커니즘을 사용하여, 사용자 에이전트가 렌더링, 재생 또는 실행할 수 있도록 지시를 인코딩함

참고 1

이 지침에서 "웹 기술" 및 "기술"은 모두 웹 콘텐츠 기술을 의미합니다.

참고 2

웹 콘텐츠 기술에는 저자가 단독 또는 조합하여 정적 웹페이지, 동기화 미디어 프레젠테이션, 동적 웹 애플리케이션 등 다양한 사용자 경험을 만들 때 사용하는 마크업 언어, 데이터 형식, 프로그래밍 언어 등이 포함될 수 있습니다.

텍스트

프로그램적으로 결정할 수 있으며, 그 문자 시퀀스가 인간 언어로 무언가를 표현하는 문자 시퀀스

텍스트 대체

텍스트로, 비텍스트 콘텐츠와 프로그램적으로 연관되어 있거나, 비텍스트 콘텐츠와 연관된 텍스트에서 참조되는 텍스트. 프로그램적으로 연관된 텍스트란, 그 위치를 비텍스트 콘텐츠로부터 프로그램적으로 결정할 수 있는 텍스트임.

참고

자세한 내용은 텍스트 대체 이해하기를 참조하세요.

업 이벤트

포인터의 트리거 자극이 해제될 때 발생하는 플랫폼 이벤트

업 이벤트는 플랫폼에 따라 "touchend"나 "mouseup" 등 다양한 이름을 가질 수 있습니다.

특이하거나 제한적으로 사용됨

사용자가 콘텐츠를 올바르게 이해하기 위해 정확히 어떤 정의를 적용해야 하는지 알아야만 하는 방식으로 사용되는 단어

사용자 에이전트

웹 콘텐츠를 가져와 사용자에게 제시하는 모든 소프트웨어

사용자 제어 가능

사용자가 접근할 수 있도록 의도된 데이터

참고

여기에는 인터넷 로그나 검색엔진 모니터링 데이터 등은 해당하지 않습니다.

사용자 인터페이스 구성요소

사용자가 단일 제어로 인지하는, 독립적인 기능을 가진 콘텐츠의 부분

참고 1

여러 사용자 인터페이스 구성요소가 하나의 프로그래밍 요소로 구현될 수 있습니다. 여기서 "구성요소"는 프로그래밍 기법이 아니라, 사용자가 별개의 제어로 인지하는 것을 의미합니다.

참고 2

사용자 인터페이스 구성요소에는 폼 요소, 링크, 스크립트로 생성된 구성요소 등이 포함됩니다.

참고 3

여기서 "구성요소" 또는 "사용자 인터페이스 구성요소"는 때때로 "사용자 인터페이스 요소"라고도 합니다.

사용자 비활동

사용자 동작이 없는 연속 시간 구간

추적 방법은 웹사이트나 애플리케이션에 의해 결정됩니다.

비디오

움직이는 이미지 또는 연속된 이미지의 기술

참고

비디오는 애니메이션 이미지, 사진 이미지 또는 둘 모두로 구성될 수 있습니다.

비디오 전용

비디오만 포함된 시간 기반 프레젠테이션(오디오 및 상호작용 없음)

뷰포트

사용자 에이전트가 콘텐츠를 제시하는 객체

참고 1

사용자 에이전트는 하나 이상의 뷰포트를 통해 콘텐츠를 제시합니다. 뷰포트에는 창, 프레임, 스피커, 가상 확대경 등이 포함됩니다. 뷰포트는 또 다른 뷰포트를 포함할 수도 있습니다(예: 중첩 프레임). 사용자 에이전트가 만든 프롬프트, 메뉴, 알림 등 인터페이스 구성요소는 뷰포트가 아닙니다.

참고 2

이 정의는 User Agent Accessibility Guidelines 1.0 용어집 [UAAG10]을 기반으로 합니다.

시각적으로 사용자화됨

폰트, 크기, 색상, 배경을 설정할 수 있음

웹페이지

HTTP를 통해 단일 URI에서 가져온 비임베디드 리소스와, 사용자 에이전트가 렌더링하거나 함께 렌더링될 의도가 있는 기타 리소스

참고 1

"기타 리소스"는 기본 리소스와 함께 렌더링되지만, 반드시 서로 동시에 렌더링되는 것은 아닙니다.

참고 2

이 지침의 준수 목적상, 리소스가 준수 범위 내에서 "비임베디드"여야 웹페이지로 간주됩니다.

이 섹션에는 일반적인 사용자 인터페이스 구성요소 입력 목적 목록이 포함되어 있습니다. 아래 용어들은 반드시 사용해야 할 키워드가 아니라, 웹페이지에서 채택한 분류 체계에 반드시 포함되어야 하는 목적을 나타냅니다. 해당되는 경우, 작성자는 선택한 분류 체계로 컨트롤을 마크업하여 의미 목적을 표시합니다. 이를 통해 사용자 에이전트와 보조 기술이 개인화된 프레젠테이션을 적용할 수 있게 하여 더 많은 사람들이 콘텐츠를 이해하고 사용할 수 있게 됩니다.

다음 입력 컨트롤 목적들은 콘텐츠 사용자와 관련이 있으며 해당 개인과 관련된 정보에만 적용됩니다.

• name - 전체 이름
• honorific-prefix - 접두사 또는 칭호(예: "Mr.", "Ms.", "Dr.", "M^lle")
• given-name - 이름(서구 문화권에서는 이름(first name)이라고도 함)
• additional-name - 추가 이름(서구 문화권에서는 중간 이름(middle names) 또는 첫 이름 이외의 다른 이름)
• family-name - 성(서구 문화권에서는 성(last name) 또는 성(surname)이라고도 함)
• honorific-suffix - 접미사(예: "Jr.", "B.Sc.", "MBASW", "II")
• nickname - 별명, 화면 이름, 핸들: 전체 이름 대신 사용하는 짧은 이름
• organization-title - 직책(예: "Software Engineer", "Senior Vice President", "Deputy Managing Director")
• username - 사용자 이름
• new-password - 새 비밀번호(계정 생성 또는 비밀번호 변경 시)
• current-password - username 필드로 식별되는 계정의 현재 비밀번호(로그인 시 등)
• organization - 이 필드와 연관된 다른 필드의 사람, 주소, 연락처에 해당하는 회사명
• street-address - 도로명 주소(여러 줄, 줄바꿈 보존)
• address-line1 - 도로명 주소(각 필드별 한 줄, 1번째 줄)
• address-line2 - 도로명 주소(각 필드별 한 줄, 2번째 줄)
• address-line3 - 도로명 주소(각 필드별 한 줄, 3번째 줄)
• address-level4 - 4단계 행정구역 중 가장 세분화된 단계
• address-level3 - 3단계 이상의 주소에서 세 번째 행정구역
• address-level2 - 2단계 이상의 주소에서 두 번째 행정구역; 2단계 국가의 경우 일반적으로 도시, 마을, 동네 등 해당 도로명 주소가 속하는 지역
• address-level1 - 주소에서 가장 넓은 행정구역, 예를 들어 미국에서는 주, 스위스에서는 칸톤, 영국에서는 포스트 타운 등
• country - 국가 코드
• country-name - 국가 이름
• postal-code - 우편번호, ZIP 코드, CEDEX 코드(CEDEX인 경우 "CEDEX"와 arrondissement를 address-level2 필드에 추가)
• cc-name - 결제 수단에 표기된 전체 이름
• cc-given-name - 결제 수단에 표기된 이름(서구 문화권에서는 이름(first name)이라고도 함)
• cc-additional-name - 결제 수단에 표기된 추가 이름(서구 문화권에서는 중간 이름(middle names) 또는 첫 이름 이외의 다른 이름)
• cc-family-name - 결제 수단에 표기된 성(서구 문화권에서는 성(last name) 또는 성(surname)이라고도 함)
• cc-number - 결제 수단을 식별하는 코드(예: 신용카드 번호)
• cc-exp - 결제 수단의 만료일
• cc-exp-month - 결제 수단 만료일의 월
• cc-exp-year - 결제 수단 만료일의 연도
• cc-csc - 결제 수단의 보안 코드(카드 보안 코드(CSC), 카드 인증 코드(CVC), 카드 인증값(CVV), 서명 패널 코드(SPC), 신용카드 ID(CCID) 등)
• cc-type - 결제 수단의 종류
• transaction-currency - 사용자가 거래에 사용하고 싶은 통화
• transaction-amount - 사용자가 거래(예: 입찰 또는 판매가 입력 시)에 원하는 금액
• language - 선호하는 언어
• bday - 생일
• bday-day - 생일의 일
• bday-month - 생일의 월
• bday-year - 생일의 연도
• sex - 성별 정체성(예: Female, Fa’afafine)
• url - 회사, 사람, 주소 또는 이 필드와 연관된 다른 필드의 연락처에 해당하는 홈페이지 또는 웹페이지
• photo - 회사, 사람, 주소 또는 이 필드와 연관된 다른 필드의 연락처에 해당하는 사진, 아이콘 또는 기타 이미지
• tel - 국가 코드 포함 전체 전화번호
• tel-country-code - 전화번호의 국가 코드 부분
• tel-national - 국가 코드 없이 국가 내부 접두사가 적용된 전화번호
• tel-area-code - 국가 내부 접두사가 적용된 전화번호의 지역 코드 부분
• tel-local - 국가 코드, 지역 코드 없이 전화번호
• tel-local-prefix - 지역 코드 다음에 오는 전화번호 부분이 두 부분으로 분리될 때 첫 번째 부분
• tel-local-suffix - 지역 코드 다음에 오는 전화번호 부분이 두 부분으로 분리될 때 두 번째 부분
• tel-extension - 전화번호 내선 코드
• email - 이메일 주소
• impp - 인스턴트 메시징 프로토콜의 엔드포인트를 나타내는 URL(예: "aim:goim?screenname=example" 또는 "xmpp:fred@example.net")