WCAG란 4가지 원칙에 기반한 접근성 국제 기준을 의미한다

2024/10/29

WCAG（Web C온텐트 A접근성 Guidelines)는 웹사이트나 웹 콘텐츠가 최대한 많은 사람들에게 공평하게 이용될 수 있도록 마련된국제 가이드라인입니다. 특히,장애인, 고령자 등이 웹사이트를 쉽게 사용할 수 있도록 하는 기준.로서 많은 국가와 기업들이 이를 기반으로 웹 접근성을 확보하고 있습니다.

WCAG는,웹 사이트와 웹 콘텐츠가 '어떻게 접근 가능해야 하는가'를 규정한4가지 원칙를 기반으로 합니다.。

또한 WCAG에는,접근성 대응 정도를 나타내는 'A', 'AA', 'AAA'의 세 가지 적합성 수준가 있습니다.이 네 가지 원칙과 세 가지 적합성 수준을 이해하면 웹 사이트가 WCAG를 올바르게 준수할 수 있습니다.。

WCAG를 준수하는 것은 많은 사용자의 편의성과 기업의 브랜드 가치를 향상시키는 동시에 법적 리스크를 줄이는 데 있어 중요한 노력이다.

이 글에서는 WCAG에 대해 설명하고, 위의 4가지 원칙과 3가지 적합성 수준, 그리고 WCAG를 준수하면 얻을 수 있는 혜택과 준수하지 않을 경우 발생할 수 있는 위험에 대해 자세히 설명할 것이다.

WCAG의 '4가지 원칙'과 '3가지 적합성 수준'

먼저 WCAG를 이해하고 이를 준수하는 웹 콘텐츠를 구축하기 위해서는 4가지 원칙과 3가지 적합성 수준을 알아야 한다.

WCAG에는 4가지 원칙이 있다,각 원칙과 연계된 여러 가이드라인웹 콘텐츠를 제작할 때 구체적인 가이드라인이 될 수 있는 '웹 콘텐츠 제작 가이드라인'과 '웹 콘텐츠 제작 가이드라인'이 있습니다,각 가이드라인에 대한 3가지 적합성 수준에 따른 달성 기준가 마련되어 있으며, 이것이 WCAG의 기본 구성입니다.

WCAG의 구성

그럼 지금부터 4가지 원칙에 대해 설명하겠습니다.

4가지 원칙: '인식 가능', '조작 가능', '이해 가능', '견고함'

WCAG를 형성하는 4가지 원칙은 다음과 같습니다,많은 사용자가 웹사이트를 이용할 수 있도록 하기 위한 기반 마련장애 유무에 관계없이 웹사이트를 쉽게 사용할 수 있도록 하는 것을 목표로 하며, 각 원칙에 대해 자세히 설명합니다.

지각 가능(Perceivable)

사용자가 웹 콘텐츠를 인식할 수 있도록 하는 원칙으로, 시각장애인이나 청각장애인이 콘텐츠를 인식할 수 있도록 하는 원칙이다,텍스트, 이미지, 음성 등의 정보를 대체할 수 있는 수단 제공필요합니다.

'지각 가능'의 구체적 예시

이처럼 모든시각과 청각의 제한에 관계없이 콘텐츠를 인지할 수 있습니다.텍스트화 또는 대체 수단이 필요합니다.

작동 가능(작동 가능)

사용자가 웹사이트를 조작할 수 있도록 하는 원칙입니다.장애가 있어도 키보드만으로 조작할 수 있도록 하거나, 사용자가 제시간에 조작할 수 없는 경우 추가 시간을 부여한다.등 제대로 완성할 수 있는 콘텐츠 조작이 가능해야 합니다.

'조작 가능'의 구체적 예

이 원칙에서는,어떤 기기나 지원 도구를 사용하는 사용자도 콘텐츠를 조작할 수 있습니다.있도록 설계하는 것이 중요합니다.

이해할 수 있음(이해 가능)

콘텐츠와 인터페이스를 모든 사용자가 이해할 수 있도록 하는 원칙입니다.너무 복잡한 조작이나 어려운 단어의 사용을 피하고사용자가 직관적이고 이해하기 쉬운 디자인를 수행해야 합니다.

'이해 가능'의 구체적 예시

사용자가 이해하기 쉽고 조작이 어렵지 않도록,전문 용어와 복잡한 표현을 피하고, 콘텐츠의 흐름과 기능을 명확하고 이해하기 쉽게 디자인합니다.。

견고함(Robust)

콘텐츠가 다양한 기술과 기기에서 강력하게 작동할 수 있는, 즉호환성을 확보하면서 설계하는원칙적으로 사용자가 현재 사용하고 있거나향후 등장할 수 있는 지원 도구나 브라우저에서 문제없이 콘텐츠를 이용할 수 있다.같은,표준을 준수하는 코드를 사용합니다.

'견고함'의 구체적 예

사이트가 장기간에 걸쳐 많은 사용자를 수용할 수 있도록 기술적으로 견고하고 유연하게 설계되어야 합니다.

이 네 가지 원칙에 따라 웹사이트를 검증하고 구축하는 것이 필요합니다.

현재 국제 표준 규격이 된 WCAG 2.0은 기술 및 디바이스의 변화와 진화가 두드러진 가운데, WCAG 2.0,많은 웹사이트가 쉽고 효율적으로 검증할 수 있는 것(테스트 용이성)을 실현하기 위해 기술 사양에 의존하지 않는 추상적인 내용을 담고 있는 것이 특징입니다.

3가지 적합성 수준: "A", "AA", "AAA"

앞의 네 가지 원칙 아래에는 각 원칙과 연계된 여러 가지 가이드라인이 마련되어 있으며, 웹 콘텐츠가 가능한 한 많은 사용자가 쉽게 이용할 수 있도록 세부적인 기준을 제시하고 있다.

그리고 각 가이드라인에는 여러 가지 달성 기준이 설정되어 있으며, 그 달성 기준은 A~AAA의 세 가지 적합성 수준으로 분류되어 있다,웹사이트가 접근성을 얼마나 고려하고 있는지를 나타내는 지표입니다.이며, 그 달성 기준에 따라 웹사이트를 검증할 때 적합 또는 부적합을 판단할 수 있도록 기술되어 있습니다.

적합성 수준 A(최소한의 접근성 기준)

적합성 수준 A는 기본적인 접근성 요구 사항을 충족한다는 것을 의미합니다,사용자가 콘텐츠에 접근할 수 있는 최소한의 대응예를 들면 다음과 같습니다,이미지에 대체 텍스트를 부여하거나 동영상 자동 재생을 중지하는 등적합성 수준 A를 준수하지 않는 웹사이트는 많은 사용자들이 기본적인 조작이 불가능한 상태가 될 수 있기 때문이다,최우선적으로 대응해야 할 기준입니다.

적합성 수준 AA(표준 접근성 기준)

적합성 수준 AA는 접근성에 대한 표준 기준이며, 다양한 사용자를 수용하기 위한 요구 사항을 충족합니다.많은 국가와 기업에서 웹 콘텐츠가 이 수준을 준수할 것을 권장하고 있다.예를 들어,적절한 색상 대비를 유지하고, 입력 양식에 명확한 항목 이름을 부여하는 등레벨 AA를 준수하면 대다수의 사용자가 웹사이트를 쉽게 이용할 수 있습니다.

적합성 수준 AAA (최고 수준의 접근성 기준)

적합성 수준 AAA는 최고 수준의 접근성 요구 사항을 충족하며, 이 수준을 준수하면 거의 모든 장애를 가진 사용자가 편안하게 콘텐츠를 이용할 수 있습니다,수화 동영상 제공, 읽기 쉬운 간결한 문장 유지 등하지만, 이에는이 수준에 도달하는 것이 반드시 현실적이지 않기 때문에 요구 사항으로 권장되지 않습니다.

이렇게 A~AAA까지 3단계로 나뉘어져 있다,AA를 충족하려면 A를 충족하고 AAA를 충족하려면 AA, A를 충족해야합니다.현재로서는 AAA를 충족시키는 것이 매우 어렵다,웹 접근성 대응에 있어 바람직한 것은 '적합성 수준 AA를 준수하는 것'이다.라고 합니다.

특히 적합성 수준 AA 및 A의 기준 달성을 위한 대응 내용에 대해,웹접근성기반위원회(WAIC)에서 미리 보기 표를 공개하고 있으니 참고하세요.도 함께 참고하시기 바랍니다.

JIS X 8341-3:2016 달성 기준 조기 확인표(레벨 A & AA)

이제 WCAG를 준수함으로써 얻을 수 있는 이점에 대해 알아보겠습니다.

WCAG 준수에 따른 5가지 장점

웹 사이트가 WCAG를 준수하면 많은 이점을 얻을 수 있는데, 여기서는 구체적인 5가지 이점에 대해 설명합니다.

장점 ① 접근성 및 UX 향상

WCAG를 준수하면 사이트 전체의 접근성이 개선되어 장애를 가진 사람들뿐만 아니라 모든 사용자가 웹사이트를 더 쉽게 사용할 수 있게 된다,더 많은 사용자가 편안하게 사용할 수 있어 UX(사용자 경험)도 향상될 수 있다.

예를 들어, 대체 텍스트 제공, 색각 이상에 대응한 디자인, 키보드 조작 지원 등이 있다,접근성 개선은 장애 유무에 관계없이 모든 사용자의 웹 경험을 향상시킵니다.이러한 대응을 통해 사용자들이 사이트 내에서 길을 잃지 않고 쉽게 탐색할 수 있도록 돕는다,결과적으로 이탈률이 감소하고 체류시간과 전환율 향상으로 이어집니다.

접근성을 개선하는 것은 UX 개선과 직결되어 모든 사용자에게 편안하고 원활한 조작을 제공하고, 모든 사용자에게 편안하고 부드러운 조작을 제공한다,고객 만족도를 높이는 중요한 수단입니다.

장점 ② 브랜드 이미지 향상

접근성을 고려하는 것은 사회적 책임을 다하는 자세를 보여주고 기업이나 조직의 브랜드 이미지를 향상시킬 수 있다,기업에서 포용성(인클루시브), 다양성에 대한 노력이 강조되는 요즘, 사회적 신뢰를 높이는 큰 요인이 될 수 있습니다.

이를 통해 기업의 평판을 높이고 고객의 신뢰를 얻을 수 있다.자사 서비스를 보다 쉽게 선택할 수 있게 되어 고객층 확대에 기여할 수 있을 것입니다.。

장점③ 법적 리스크 감소

많은 국가와 지역에서 웹 접근성 관련 법률과 규제가 강화되고 있다,미국의 'ADA(Americans with Disabilities Act)', EU권의 'EU 웹접근성 지침' 등가 있습니다.일본에서는 '장애인 차별 해소법'에 의해 합리적 배려 제공이 의무화되어 있습니다.

WCAG를 준수하면 이러한 법적 요구 사항을 충족하고 소송 위험과 법적 문제를 피할 수 있습니다.

장점 ④ 새로운 지원 도구와 장치에 대응할 수 있다.

WCAG는 전통적인 웹 기술뿐만 아니라 보편적인 디자인 원칙을 기반으로 한다.따라서 현재의 접근성 도구와 기기뿐만 아니라 앞으로 진화할 도구와 기기에도 대응할 수 있습니다.

예를 들어, 스크린 리더와 같은 지원 도구가 있다,HTML 태그와 ARIA 속성을 기반으로 콘텐츠를 분석합니다.따라서 WCAG에 따라 텍스트에 적절한 라벨과 ARIA 속성(*)이 올바르게 부착되어 있다면, 스크린리더의 기술이 발전하더라도 웹사이트가 정확하게 해석되어 사용자에게 적절한 기능을 제공할 수 있다.

또한 웨어러블 기기나 IoT 기기 등은 웹 브라우저나 특정 애플리케이션을 통해 웹사이트에 접속하는데, 이 경우 브라우저나 앱이 먼저 콘텐츠를 분석하여 그 결과를 기기에 적합한 형식으로 표시합니다,WCAG를 기반으로 한 HTML 구조라면 어떤 디바이스에서든 콘텐츠가 올바르게 표시될 수 있습니다.

이렇게 WCAG를 지원함으로써 웹사이트는 새로운 기술이 등장할 때마다 급하게 대응하지 않아도 된다,장기적으로 안정성과 유연성을 유지할 수 있습니다.

ARIA 속성...스크린리더 등 보조 도구가 웹 페이지의 요소를 올바르게 이해하기 위해 사용하는 HTML 속성

장점⑤ SEO에 미치는 긍정적 영향

웹 사이트가 WCAG를 준수함으로써,검색 엔진에 의해 적절하게 색인화(데이터베이스 등록)되기 쉬워집니다.예를 들어, 이미지에 대체 텍스트를 설정하거나 HTML을 적절히 구조화하여 검색 엔진이 콘텐츠를 정확하게 이해할 수 있도록 하는 등 웹 접근성을 개선하는 것은 웹 접근성을 개선하는 것이다,자연 검색 결과에서 순위 상승에 기여하여 트래픽 증가로 이어집니다.

WCAG를 준수하면 이렇게 많은 이점을 누릴 수 있는데, 그렇다면 WCAG를 준수하지 않는다면?접근성 대응을 소홀히 할 경우의 위험성에 대해 설명하겠습니다.

일본에서 WCAG를 준수하지 않을 경우, 행정지도 및 과태료가 부과될 수 있다.

일본 국내에서는 장애인차별금지법 개정에 따라 2024년 4월부터민간기업의 합리적 배려 제공이 법적으로 의무화되었습니다.이를 통해모든 웹사이트는 WCAG를 준수하는 웹 접근성 대응이 요구되고 있습니다.

현재로서는,웹 접근성 미지원에 대한 직접적인 처벌 규정은 정해져 있지 않습니다.그러나 대응을 소홀히 한 채 웹사이트를 방치할 경우, 행정당국의 지도가 들어올 수 있다,그 지도에 따르지 않고 개선이 이루어지지 않거나 허위보고를 한 경우에는 20만 원 이하의 과태료가 부과될 수 있습니다.자세한 내용은 아래 내각부 FAQ를 참고하시기 바랍니다.

참고:장애를 이유로 한 차별의 해소 추진에 관한 법률에 관한 자주 묻는 질문과 답변 <국민용>(내각부)

또한 법적 처벌이 없더라도 말이다,다양성이 요구되는 요즘, 합리적 배려가 부족한 기업이나 서비스에 대한 사회의 시선은 점점 더 엄격해지고 있습니다.특히 해외에서는 이러한 사회적 흐름이 두드러지게 나타나고 있으며, 소송 문제도 매우 증가하고 있습니다.

미국에서의 소송 사례

앞 절에서 미국의 'ADA'에 대해 언급했는데, ADA는 미국의 장애인 권리를 옹호하는 인권법이며, 접근성에 대한 내용도 포함된 법률이다,기업 웹사이트가 접근성 요건을 충족하지 못할 경우 소송을 당하는 사례가 증가하고 있습니다.

일례로, 슈퍼마켓 체인 'Winn-Dixie'는 시각장애인이 전자상거래 사이트에서 스크린리더로 상품을 주문할 수 없다는 이유로 소송을 당했다.

법원은 Winn-Dixie의 웹사이트가 '공공장소'에 해당하므로 ADA에 따른 접근성 대응이 필요하다고 판단하고, Winn-Dixie에 웹사이트 수정을 명령하여 시각장애인이 스크린리더로 제대로 이용할 수 있도록 해야 한다고 판결했다.

또 다른 예로, 인기 아티스트 비욘세의 공식 웹사이트(beyonce.com)는 시각장애인을 위한 스크린 리더를 지원하지 않아 "시각장애인의 접근을 제한하고 있다"는 이유로 소송을 당했고, 그 결과 해당 사이트는 소송을 통해 접근성을 개선하고 WCAG를 준수하는 디자인으로 변경되었습니다.

이처럼,해외에서는 WCAG 미준수가 현실적인 소송 리스크를 수반할 정도로 법규가 강화되고 있습니다.。합리적 배려 제공이 법적으로 의무화된 일본에서도 향후 이러한 사례가 발생할 가능성이 충분히 있음.따라서 기업들은 이러한 리스크도 염두에 두고 대응할 필요가 있습니다.

그럼 이제 WCAG를 준수하는 기업 및 단체를 소개하겠습니다.

WCAG를 도입한 기업 및 단체의 세 가지 사례

최근 WCAG를 도입해 보다 폭넓은 사용자에게 접근하고 UX를 개선하는 기업 및 단체가 늘고 있는데, 대표적인 세 가지 사례를 소개하고자 한다.

예제 ①사과

애플은 일찍이 접근성의 선구자로서 WCAG를 준수하는 웹 콘텐츠를 제공하고 있다.이 회사의 웹사이트와 제품에는 시각장애인, 청각장애인, 운동기능에 제한이 있는 사람들을 위한 접근성 기능이 마련되어 있다.예를 들어, 스크린 리더 지원, 콘트라스트 조정 등 시각적 지원 기능을 제공합니다.

참고:접근성 - Apple

예제 ②Microsoft

마이크로소프트도 WCAG를 준수하는 웹 접근성을 실현하고 있는 기업이다.이 회사는 '인클루시브 디자인(Inclusive Design)'이라는 방법론을 통해 장애를 가진 사람들을 포함한 모든 사용자가 제품과 서비스를 이용할 수 있도록 노력하고 있다.특히 이 회사의 공식 사이트와 클라우드 서비스(Azure 등)는 키보드 조작을 지원하거나 시각 장애인을 위한 음성 가이드 기능을 제공하고 있다.

참고:Microsoft 포용적 디자인、Microsoft Azure

사례③ 내각부

내각부 웹사이트는,WCAG 2.0과 동일한 규격인 JIS X 8341-3:2016(일본 웹 접근성 규격: 후술)의 '적합성 수준 AA' 준수(오래된 콘텐츠나 외부에서 제공된 PDF 파일 등은 수정이 어렵기 때문에 예외로 하고 있으며, 일부 '적합성 수준 AAA'에도 가능한 범위 내에서 대응하고 있습니다).

내각부 웹사이트는,특히 공공기관으로서 높은 수준의 대응이 요구되는 만큼 지속적인 검증과 개선이 이루어지고 있으며신규 또는 업데이트된 페이지의 경우 레벨 AA를 준수하기 위해 노력하고 있습니다.

참고:내각부 웹 접근성 정책

다음으로 국제 표준인 WCAG와 국내 표준인 JIS의 관계에 대해 설명합니다.

WCAG와 JIS의 관계

WCAG는 1999년에 WCAG 1.0이 공개되었다,WCAG 2.0이 현재 국제표준(ISO)의 표준으로 채택됨라고 합니다.

WCAG는 국제 웹 접근성 표준입니다,일본에서는 WCAG 2.0과 동일한 규격으로 'JIS X 8341-3:2016'이 제정되어 있다.JIS X 8341-3:2016은 WCAG 2.0의 내용을 거의 그대로 반영하고 있으며, 기본적인 구성(4가지 원칙, 3가지 적합성 수준)도 WCAG를 따르고 있다.

일본의 공공기관과 기업이 웹 접근성을 확보하기 위한 가이드라인 역할을 하고 있다,국제 표준을 현지 규정에 반영하여 웹 접근성 보급을 촉진하는 데 중요한 역할을 하고 있습니다.。

앞서 언급했듯이 현재 WCAG 2.0이 국제 표준 규격이 되었고, 이 규격과 JIS X 8341-3:2016이 동일한 규격입니다,사실 WCAG 자체는 2.0 이후에도 내용 업데이트가 이루어져 WCAG 2.2까지 공개되어 있으며, WCAG 3.0이 초안 단계에 있다.

WCAG와 ISO 및 JIS의 관계

위와 같이 WCAG 2.2에 대응하기 위해 현재 ISO 표준과 JIS 표준의 개정 준비가 진행 중이다.

WCAG 2.1과 2.2는 모바일 기기 접근성을 강화합니다.

여기서는 WCAG 2.0의 상위 버전인 'WCAG 2.1'과 최신 버전인 'WCAG 2.2'에 대해 설명한다.

먼저, WCAG 2.1은,스마트폰과 태블릿의 보급으로 인해,모바일 기기에서의 접근성이 요구되고 있다.를 받아, 특히터치 조작과 작은 화면의 접근성을 위한 접근성 기준이 강화되었습니다.。

WCAG 2.1에서는 모바일 대응, 시각장애, 인지장애에 특화된 성취기준을 중심으로 17개의 성취기준이 추가되었다(WCAG 2.0의 61개 성취기준에 추가),2.1에서는 78개의 달성 기준）

그리고 최신 WCAG 2.2는 2.1을 확장하는 형태로, 특히 인지 장애가 있는 사용자 및 고령자에 대한 접근성 향상을 주요 목적으로 모바일 기기 사용을 중심으로 9개의 성취기준을 추가했다(WCAG 2.1의 78개 성취기준에 추가),2.2에서는 87개의 달성 기준）

구체적으로 아래와 같은 기준이 추가되었습니다.

대표적인 추가 기준

제스처의 복잡성 제한(WCAG 2.1): 간단한 제스처로도 조작할 수 있도록 한다.
다양한 입력 방법 제공(WCAG 2.1): 탭이나 클릭에 의한 오작동을 방지하는 설계를 권장.
콘텐츠 확대/축소 대응(WCAG 2.1): 화면을 확대해도 콘텐츠가 깨지지 않도록 한다.

초점 가시성(WCAG 2.2): 키보드 포커스가 어디에 있는지 명확하게 볼 수 있도록 한다.
・타겟 사이즈(WCAG 2.2): 클릭 및 탭 대상의 최소 크기를 확보하여 오작동을 줄인다.
기억에 의존하지 않는 인증(WCAG 2.2) : 비밀번호 인증에서 기억력을 필요로 하지 않는 방법(생체 인증 등)을 제공한다.

이처럼,WCAG 2.0에서 WCAG 2.2로의 업데이트 흐름에서는 모바일 기기 접근성이 중점적으로 강화되고 있다.가 포인트가 되고 있습니다.

유니웹이라면 WCAG에 즉시 대응 가능!

개정된 장애인차별금지법에 따라 모든 웹사이트는 웹 접근성을 준수해야 하며, 이에 따라 웹 접근성 준수에 대한 의무가 강화되었다는 것을 이 글에서 자세히 설명했습니다,디자이너, 엔지니어, 유지관리 담당자에게는 WCAG에 대한 올바른 이해와 자사 사이트에 대한 신속한 대응이 요구되고 있습니다.

WCAG를 준수하는 웹 사이트 구축을 고려하고 있다면, 저희의'유니웹'유니웹은 웹사이트의 접근성을 개선하고 모든 사용자가 사용하기 쉬운 웹사이트를 구현하기 위한 다양한 기능을 쉽게 도입할 수 있는 플러그인형 도구로, 웹 사이트 접근성을 향상시킬 수 있습니다.WCAG 2.1과 JIS X 8341-3:2016을 지원하여 법적 리스크 감소와 사용성 향상에 기여합니다.

고비용과 수개월의 공사기간이 소요되는 WCAG에 대한 대응도 가능하다,유니웹을 활용하면 웹사이트에 코드 한 줄만 추가하면 되므로 금전적, 시간적 비용을 크게 절감할 수 있습니다.。본 기사의 오른쪽 하단에 있는 분홍색 원형 아이콘입니다.를 클릭하면 유니웹의 기능을 직접 체험해 볼 수 있으니 꼭 한번 사용해 보시기 바랍니다.

또한, 웹 접근성 대응을 구체적으로 어떻게 해야 하는지, 활용할 수 있는 도구에 대해서는 아래 글에서 자세히 정리해 놓았으니 본 글과 함께 읽어보시기 바랍니다.

관련 기사:사이트 담당자가 반드시 수행해야 할 웹 접근성 대응은?