접근성 및 규칙 수준 원칙
웹 콘텐츠 접근성에 대한 WCAG 업계 표준 지침은 다음 네 가지 원칙을 중심으로 구성됩니다. 인식 가능성, 작동 가능성, 이해 가능성, 강력함. 이러한 원칙을 기억하기 위해 많은 사람들이 약어 POUR를 사용합니다. 이러한 범용 POUR 원칙은 웹 접근성의 토대를 제공하고 다양한 요구 사항과 선호도를 가진 사용자가 웹 콘텐츠에 액세스할 수 있도록 합니다.
W3(World Wide Web 컨소시엄)에 따르면 웹을 사용하려는 모든 사용자에게는 4가지 POUR 원칙을 모두 통합하는 콘텐츠가 있어야 합니다. 그 의미를 살펴보겠습니다.
감지 가능: 사용자가 인식할 수 있는 방식으로 정보 및 사용자 인터페이스 구성 요소를 표시할 수 있어야 합니다. 즉, 모든 사용자가 디자인의 모든 요소를 보거나 듣고 감지할 수 있습니다. 많은 사용자가 시각적으로 이해할 수 있지만 다른 사용자는 소리나 터치를 통해 인식할 수 있습니다. 이미지 및 링크, 고대비 색, 캡션 및 대본에 대한 대체 텍스트와 같은 도구가 도움이 될 수 있는 경우입니다.
작동 가능성: 이 원칙에 따라 모든 사용자 인터페이스 구성 요소와 탐색이 작동할 수 있어야 하므로 사용자는 컨트롤, 단추, 탐색 및 기타 대화형 요소를 성공적으로 사용할 수 있어야 합니다. 모든 사용자가 마우스를 사용할 수 있는 것은 아닙니다. 대부분의 경우 웹 사이트 또는 웹 애플리케이션을 운영할 수 있다는 것은 음성 인식, 키보드 또는 화면 읽기 프로그램과 같은 보조 기술을 사용하는 것을 의미합니다.
이해 가능성: 사용자는 웹 사이트의 정보뿐만 아니라 사이트에 액세스하고 탐색하는 방법을 이해할 수 있어야 합니다. 이 원칙은 사이트 및 웹 애플리케이션이 디자인 및 사용 패턴에서 예측 가능하도록 요구합니다. 탐색하고 읽기가 쉬워야 합니다. 즉, 명확한 지침과 일관된 탐색을 사용하여 제목 및 콘텐츠 구조를 강조하는 시각적 계층 구조를 만듭니다. 이해성은 컨텍스트별로 다를 수 있습니다. 예를 들어 복잡한 코딩 작업을 완료하는 방법을 설명하는 웹 사이트에는 개발자가 이해할 수 있지만 코딩 배경이 없는 사람에게는 이해할 수 없는 정보가 포함될 수 있습니다.
견고성: 이 원칙을 사용하려면 화면 읽기 프로그램, 음성 인식 및 텍스트 배율과 같은 보조 기술을 포함하여 다양한 사용자 에이전트에서 콘텐츠에 액세스하고 안정적으로 해석할 수 있어야 합니다. 에이전트 기술이 발전하고 발전함에 따라 다양한 유형의 디바이스 및 브라우저에서 콘텐츠에 계속 액세스할 수 있어야 합니다.
웹 사이트 또는 웹 애플리케이션의 접근성을 어떻게 평가합니까?
4개의 WCAG 원칙 각각에는 웹 디자인 및 개발에 대한 특정 권장 사항이 포함된 지침이 있습니다. 이러한 지침은 웹 접근성에 대한 최소 요구 사항을 정의하는 측정 가능하고 테스트 가능한 성공 기준 또는 문으로 세분화됩니다.
세 가지 규칙 수준: A, AA 및 AAA
이 등급 시스템은 접근성 지침에 대한 규정 준수 및 준수 수준을 나타내며 A는 최소 수준이고 AAA는 최대 규정 준수 수준입니다. 대부분의 웹 콘텐츠에 권장되는 접근성 수준은 중간 수준의 접근성 AA입니다.
수준은 누적됩니다. 즉, 중간 수준 AA 웹 콘텐츠는 모든 최소 수준 A 성공 조건을 충족해야 하며, AAA 콘텐츠는 수준 A와 AA 모두에 대한 성공 조건을 충족해야 합니다.
웹 접근성 원칙과 규칙 수준 비교
각 POUR 웹 접근성 원칙에 대한 몇 가지 샘플 성공 조건을 검토하여 세 가지 수준의 규격을 비교해 보겠습니다.
인식 가능성
- A: 텍스트가 아닌 콘텐츠(예: 이미지, 오디오 및 비디오)에 대한 텍스트 대안을 제공합니다.
- AA: 라이브 오디오 콘텐츠(예: 웨비나, 팟캐스트 및 브로드캐스트)에 대한 캡션 제공
- AAA: 미리 녹음된 오디오(예: 비디오, 애니메이션 및 프레젠테이션)에 대한 수화 해석 제공
작동 가능성
- A: 키보드(예: 링크, 단추 및 양식)에서 모든 기능을 사용할 수 있도록 합니다.
- AA: 콘텐츠를 읽고 사용할 수 있는 충분한 시간을 제공합니다(예: 시간 제한 조정 또는 연장 허용).
- AAA: 데이터를 손실하지 않고 다시 인증하는 옵션을 제공합니다(예: 진행률 저장 또는 나중에 다시 시작).
이해 가능성
- A: 사이트를 예측 가능하게 표시하고 작동하도록 합니다(예: 일관된 탐색 및 피드백 메커니즘 포함).
- AA: 텍스트를 읽고 이해할 수 있게 만듭니다(예: 명확하고 간단한 언어 사용, 익숙하지 않은 단어 정의).
- AAA: 약어를 확장하는 방법을 제공합니다(예: <abbr> 요소를 사용하거나 용어집 제공).
견고성
- A: 향후 사용자 에이전트와의 호환성을 최대화합니다(예: 올바른 형식의 태그 사용, 표준 준수).
- AA: 적절한 HTML 요소 및 특성 또는 WAI-ARIA* 역할 및 속성을 사용하여 모든 UI(사용자 인터페이스) 구성 요소에 대한 이름, 역할 및 값을 제공합니다.
- AAA: UI 구성 요소의 목적과 의미를 제공합니다(예: WAI-ARIA 랜드마크 및 레이블 사용).
*(WAI-ARIA): 웹 접근성 이니셔티브 - Accessible Rich Internet Applications 표준.