웹 콘텐츠 접근성 지침(WCAG) 2.1의 새로운 기능 – 새로운 AA 및 AAA 기준 설명

소개

웹 콘텐츠 접근성 지침은 W3C 프로세스를 통해 개발되었으며, 전 세계의 개인, 조직이 협력하여 웹 콘텐츠 접근성을 위한 중앙 표준을 제공하고 국제적으로 개인, 조직 및 정부의 요구를 충족시키기 위해 설계되었습니다.

웹 콘텐츠는 웹 페이지나 웹 애플리케이션의 정보를 설명합니다. 여기에는 텍스트, 이미지, 소리와 같은 자연 정보뿐만 아니라 구조, 표현 등을 정의하는 코드나 마크업과 같은 배경 구성 요소도 포함됩니다.

2.0의 모든 성공 기준이 2.1에도 포함되었습니다(단어 그대로). WCAG 2.1은 다음을 다루는 17개의 추가 성공 기준을 제공합니다:

  • 모바일 접근성
  • 저시력자
  • 인지 및 학습 장애가 있는 사람들
지침 1.3 – 적응형

사용자가 콘텐츠를 보고 들을 수 있도록 쉽게 만들어 주며, 배경 소리와 전경을 분리하는 것을 포함합니다. 예를 들어, 시각 장애가 있는 사람이 텍스트를 읽는 데 어려움을 겪으며, 각 줄을 읽기 위해 오른쪽에서 왼쪽으로 계속 스크롤해야 하는 경우를 생각할 수 있습니다.

1.4.10 리플로우(AA) – 정보나 기능을 잃지 않고 두 방향으로 스크롤할 필요 없이 콘텐츠를 제공합니다. 여기에는 다음이 포함됩니다:

지침 1.4 구별 가능

정보나 구조를 잃지 않고 콘텐츠를 표시할 수 있도록 만듭니다. 좋은 예는 세로 및 가로 모드 모두에서 작동하는 더 간단한 레이아웃을 만드는 것입니다.

  • 세로 스크롤 콘텐츠 – 320 CSS 픽셀에 해당하는 너비
  • 가로 스크롤 콘텐츠 – 256 CSS 픽셀에 해당하는 높이

1.4.11 비텍스트 대비(AA) – 프레젠테이션에 대해 인접 색상 대비 비율이 최소 3:1이어야 합니다. 시각 장애가 있는 개인은 작성해야 할 양식의 텍스트 상자를 구분하는 데 어려움을 겪을 수 있습니다. 텍스트 상자의 윤곽선(또는 아이콘도 마찬가지로)이 충분히 대비되어 상자의 경계가 명확하게 표시되어야 합니다.

  • 사용자 인터페이스 구성 요소: 사용자 기반 구성 요소의 경계를 나타내는 데 사용되는 시각적 정보. 여기에는 경계 상태도 포함되며, 비활성 구성 요소 또는 사용자가 수정하지 않은 구성 요소는 제외됩니다.

  • 그래픽 객체: 표시되는 정보의 본질적 그래픽을 제외하고 콘텐츠를 이해하는 데 사용되는 그래픽의 일부입니다.

1.4.12 텍스트 간격 (AA) –

  • 줄 간격 – 글꼴 크기의 최소 1.5배.
  • 글자 간격 – 글꼴 크기의 최소 0.12배.
  • 단락 간격 – 글꼴 크기의 최소 2배.
  • 단어 간격 – 글꼴 크기의 최소 0.16배.

위 요구사항을 모두 충족할 수 없는 텍스트 스타일(언어)에 대한 예외가 존재합니다..

1.4.13 호버 또는 포커스된 콘텐츠 (AA) – 마우스를 올리거나 키보드 포커스를 통해 추가 콘텐츠가 나타났다 사라지는 경우를 다룹니다. 예를 들어, 웹페이지의 다른 영역으로 마우스를 이동했을 때 팝업이 활성화되어 읽으려는 콘텐츠를 가리지만 쉽게 사라지지 않는 경우입니다.

  • 해제 가능: 마우스나 키보드를 이동하지 않고도 콘텐츠를 해제할 수 있는 메커니즘이 제공됩니다.

  • 호버 가능: 마우스 포인터가 추가 콘텐츠를 활성화할 경우, 포인터가 추가 콘텐츠 위로 이동해도 콘텐츠가 사라지지 않습니다.

  • 지속성: 추가 콘텐츠는 호버 또는 포커스 트리거가 제거되거나 사용자가 콘텐츠를 해제하기 전까지 계속 표시됩니다. 경우에 따라 콘텐츠가 더 이상 유효하지 않을 경우 사라질 수도 있습니다.

데이터 마이닝 프로세스는 다섯 가지 주요 단계로 나뉩니다:

  • 조직은 데이터를 수집하고 데이터 세트를 데이터 창고에 적재합니다.
  • 데이터는 현장 또는 클라우드에서 저장 및 관리됩니다.
  • 비즈니스 분석가, 관리 팀, 기술 전문가가 데이터를 액세스하고 정리 방법을 결정합니다.
  • 응용 프로그램 소프트웨어가 사용자 결과에 따라 데이터를 정렬하기 시작합니다.
  • 최종 사용자는 그래프나 표와 같은 공유하기 쉬운 형식으로 데이터를 표시할 수 있게 됩니다.
가이드라인 2.2 충분한 시간

설명 – 사용자가 콘텐츠를 읽고 사용할 수 있도록 충분한 시간을 제공합니다. 예를 들어, 양식을 작성하던 중 필요한 정보를 가져오기 위해 다른 웹페이지로 이동한 후, 양식이 자동으로 시간 초과되어 입력한 정보가 모두 사라지는 경우를 방지합니다.

2.2.6 시간 초과 (AAA) – 사용자가 비활성 상태로 인해 데이터 손실이 발생할 수 있음을 경고받으며, 사용자가 아무 조치도 취하지 않을 경우 데이터를 20시간 이상 보존해야 합니다.

가이드라인 2.3 발작 및 신체 반응

설명 – 콘텐츠는 발작 또는 신체 반응을 유발하지 않도록 설계되어야 합니다. 예를 들어, 양식에서 마우스를 이동할 때마다 각 라인에 팝업이 나타나 사용자를 불편하게 하는 경우입니다.

가이드라인 2.5 입력 방식

설명 – 키보드 외의 다양한 입력 장치를 통해 기능을 쉽게 조작할 수 있도록 합니다. 예를 들어, 지도가 축소 또는 확대 기능을 제공하지 않는 경우, 버튼을 추가하여 사용자가 쉽게 조작할 수 있도록 해야 합니다. 이 버튼들은 실수로 잘못 클릭하지 않도록 특정 크기와 거리를 유지해야 합니다.

2.5.5 대상 크기 (AAA) – 포인터 입력을 위한 대상 크기는 모든 경우 최소 44x44 CSS 픽셀이어야 합니다. 단, 아래의 예외 사항이 있습니다:

  • 동등한: 대상이 동일한 페이지의 동등한 링크 또는 제어를 통해 제공되며 크기는 최소 44x44 CSS 픽셀이어야 합니다.

  • 사용자 에이전트 제어: 대상의 크기가 저자가 아닌 사용자 에이전트에 의해 결정될 때.

  • 사용자 에이전트 제어: 대상의 크기가 저자가 아닌 사용자 에이전트에 의해 결정될 때.

  • 필수: 대상의 특정 표현이 전달되는 정보에 필수적인 경우.

2.5.6 동시 입력 메커니즘 (AAA) – 웹 콘텐츠는 보안이 필요한 필수적인 경우를 제외하고 키보드, 마우스, 스타일러스, 음성 인식 등의 동시 장치 입력 사용을 제한하지 않아야 합니다.

가이드라인 4.1 호환성

설명 – 현재 및 미래의 사용자 에이전트와 호환성을 최대화해야 하며, 보조 기술도 포함해야 합니다. 예를 들어, 시각 장애인이 회의에 참여할 수업을 선택한 후 선택이 성공적으로 완료되었는지 확인할 수 없는 경우를 방지합니다.

4.1.3 상태 메시지 (AA) – 마크업 언어를 사용하는 콘텐츠에서 상태 메시지는 역할 또는 속성을 통해 프로그래밍 방식으로 설정되어 사용자의 보조 기술에 초점 없이 표시될 수 있어야 합니다.

최신 뉴스 및 통찰력

우리의 고객

우리와 협력합시다!

보다 관련성 있는 정보를 제공하기 위해 특정 맥락이나 영역을 명확히 하는 것이 도움이 됩니다.

구십오%

고객 만족도