惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
Google DeepMind News
Google DeepMind News
Hugging Face - Blog
Hugging Face - Blog
D
Docker
F
Fortinet All Blogs
博客园 - 三生石上(FineUI控件)
Project Zero
Project Zero
Engineering at Meta
Engineering at Meta
J
Java Code Geeks
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Simon Willison's Weblog
Simon Willison's Weblog
S
Security Affairs
NISL@THU
NISL@THU
T
Tor Project blog
A
About on SuperTechFans
宝玉的分享
宝玉的分享
腾讯CDC
S
Schneier on Security
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
P
Privacy & Cybersecurity Law Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Stack Overflow Blog
Stack Overflow Blog
P
Privacy International News Feed
雷峰网
雷峰网
C
Cyber Attacks, Cyber Crime and Cyber Security
Vercel News
Vercel News
Cisco Talos Blog
Cisco Talos Blog
D
DataBreaches.Net
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Google Online Security Blog
Google Online Security Blog
Recorded Future
Recorded Future
L
LINUX DO - 热门话题
Microsoft Security Blog
Microsoft Security Blog
Latest news
Latest news
C
Check Point Blog
有赞技术团队
有赞技术团队
T
The Exploit Database - CXSecurity.com
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
云风的 BLOG
云风的 BLOG
SecWiki News
SecWiki News
Application and Cybersecurity Blog
Application and Cybersecurity Blog
爱范儿
爱范儿
月光博客
月光博客
V
Vulnerabilities – Threatpost
T
Threat Research - Cisco Blogs
P
Palo Alto Networks Blog
T
The Blog of Author Tim Ferriss
C
Cisco Blogs
Webroot Blog
Webroot Blog
S
Security @ Cisco Blogs

The Tracks of mulder21c

고정된 참조 위치 정보 선형 이미지의 최소 명도 대비 요구사항은 몇 대~ 몇? 단일 문자 단축키 (Character Key Shortcuts) 입력 방식(Input Modalities) 적응성(Adaptable) Git hook으로 브랜치 이름 규칙 강제하기 댓글 시스템 remark42로 변경기 새 테마로 갈아입힘 Atomic Design + Storybook 적용 후기 json-server에 사용자 인증 구현하기 개발환경 WSL2 + zsh로 갈아타기 Pass function as props in vue 2020년 회고 colum flexbox에서 padding bottom 문제 해결 Nuxt를 통해 보는 프론트엔드 개발자가 하는 일 Nuxt Router kebab-case 처리 JS to SCSS 변환 Nuxt + Storybook 통합 하기 2020 이직 이야기 2020 이직 이야기 2020 이직 이야기 2020 이직 이야기 Windows에서 PM2 실행 오류 해결 오픈톡 정지에 대한 카카오톡 고객센터 후기 배려에 대한 단상 학습이 잘 되지 않는 이유 웹팩 4 마이그레이션 삽질기 babel 7 업데이트 후 node_modules 패키지가 변환되지 않는다면? white space는 4px이다? 정말? 2020년 시간 관리를 위해서 도입 한 툴들 Codility Lesson 5 — PassingCars 2019년 회고 Codility Lesson 4 — MissingInteger Codility Lesson 4 — MaxCounters Codility Lesson 4 — FrogRiverOne Codility Lesson — PermCheck 착각은 자유가 아닌각 세미나 진행 후기 Codility Lesson 3 — tapeEquilibrium Codility Lesson 3 — PermMissingElm Codility Lesson 3 — FrogJump 알고리즘 연습을 다시 시작했다. Codility Lesson 2 — CyclicRotation Codility Lesson 2 — OddOccurrencesInArray Codility Lesson 1 — BinaryGap 아이패드 구매 하고 3주 써 본 기록 세미나 어떻게 준비해야 할까? HTML은 웹이다 접근성 향상을 위한 이름 짓기 접근성 교육에서 자주 나오는 상위 5가지 질문
KWCAG 2.2 변경 사항 개요
멀더끙 · 2023-08-14 · via The Tracks of mulder21c

KWCAG 2.2 변경 사항 톺아보기 시리즈

  1. KWCAG 2.2 변경 사항 개요
  2. 적응성(Adaptable)
  3. 입력 방식(Input Modalities)
  4. 단일 문자 단축키 (Character Key Shortcuts)
  5. 고정된 참조 위치 정보
  6. 단일 포인터 입력 지원
  7. 포인터 입력 취소
  8. 레이블과 네임
  9. 동작기반 작동
  10. 찾기 쉬운 도움 정보
  11. 접근 가능한 인증
  12. 반복 입력 정보

지난 접근성 오픈 아카데미 라이브 방송에서 내뱉은 말을 지키기 위해(?) 한국형 웹 콘텐츠 접근성 지침(KWCAG, Korean Web Content Accessibility Guidelines) 2.2의 변경 사항에 대한 자세한 포스팅을 시작해 본다. 사실 포스팅 주제를 만들기 위한 밑밥이었…

한 번에 모든 내용을 다루려면 매우 많은 지면을 사용해야 하므로 몇 번에 걸쳐 시리즈로 포스팅할 예정이다. 일단 오늘은 가볍게 훑어보는 정도만.

KWCAG 개정 연혁

  • 2005년 1.0 제정
  • 2010년 2.0 개정
  • 2015년 2.1 개정
  • 2022년 2.2 개정

KWCAG는 2005년 1.0 버전으로 처음 제정된 이후 올해까지 4번째 개정을 맞이했다.
2008년 WCAG가 2.0으로 업데이트되고 2년 후인 2010년 이 WCAG 2.0의 level A 항목을 중심으로 반영하여 KWCAG 2.0 버전으로 개정되었다. 참고로 WCAG와 KWCAG의 각 버전은 서로 연관성이 전혀 없다. 같은 2.0이라고 버전을 맞추거나 한 게 아니라는 것.
이후 스마트폰의 대중화에 따라 모바일 기기에서의 접근성 문제가 새롭게 나타났고 2015년 모바일 웹에 대한 항목을 추가하여 2.1버전으로 추가 개정되었다.
그리고 작년 말 WCAG 2.1의 일부와 2.2 일부 항목을 추가하여 2.2 버전으로 개정이 이루어졌다.

2015년의 개정이 모바일 웹에 대한 항목 추가 수준이었기 때문에 실질적으로는 12년만의 개정이라 할 수 있겠다. 아직 제작 기법은 2.2 버전이 나오지는 않았지만 곧 나올 예정이라고.
WCAG 2.1은 WCAG 2.0에 비해 저시력, 인식(cognitive), 모바일 사용자의 요구 사항들을 해결하기 위한 성공 기준을 추가로 도입했는데 이를 생각해보면 KWCAG가 얼마나 오랜 시간 동안 얼마나 많은 범위에서 접근성 제공을 위한 기준을 마련하지 않고 있었는지 그리고 여전히 얼마나 많은 범위에서 접근성 제공을 위한 기준을 낮은 수준으로 가져가고 있는지 엿볼 수 있다. (그것도 고작 실무자들이 어려워 반발이 심하다는 이유로) 그래도 이 정도까지 올라온 걸 칭찬해야 할 지, 아직도 이 정도 수준으로만 지침을 두고 있는걸 아쉽다고 해야할지…

참고로 제작 기법에는 2.2 개정에서의 추가 항목에 대한 내용 추가 뿐 아니라, 기존 항목들에서도 많은 변경이 있을 것으로 예상된다. 예를 들어 실버라이트가 언급된다거나 하는 것들이 대거 삭제 될 예정이다(삭제 및 최신 기술에 맞도록 변경을 요청하기는 했는데 정확히 어떻게 결정되었는지는 모르겠다. 기존 제작 기법 개정에 대한 변경 초안에 대해 자문 역할로 참여하여 의견을 전달하기는 했는데 최종 결정은 내 몫이 아니기에…)

KWCAG 2.2 변경 주요 사항

KWCAG 2.2에서의 주요 변경 사항은 크게 다음과 같다.

  • 2개의 신규 지침 및 9개의 신규 검사 항목 추가
  • 3개의 검사항목 지침 이동
  • 1개의 내용 변경

신규 지침

다음의 항목들이 지침에 추가되었다.

KWCAG 2.2 신규 지침. 괄호 안은 대응되는 WCAG 항목이다
상위 원칙 지침
인식의 용이성 (Perceivable) 적응성 (Adaptable)
운용의 용이성 (Operable) 입력 방식 (Input Modalities)

간혹 지침의 변경·추가를 그냥 변경 됐구나~ 정도로 가볍게 넘겨도 되는 문제로 보는 시선도 있지만, 지침은 큰 틀에서 무엇을 고려해야 하는가를 가리키는 것이기 때문에 지침이 변경되거나 추가되는 경우 이 지침이 무얼 말하는지 이해하는 것이 필요하다.

검사 항목 지침 이동

검사 항목 개정 전/후 지침 비교
검사 항목 개정 전 개정 후
원칙 지침 원칙 지침
표의 구성 이해의 용이성 콘텐츠의 논리성 인식의 용이성 적응성
콘텐츠의 선형구조
명확한 지시사항 제공 인식의 용이성 명료성

새로운 지침이 추가되면서 기존에 있던 일부 검사 항목들이 새로운 지침 하위로 편입되었다.

신규 검사 항목

추가된 신규 검사항목은 다음과 같다. 대부분이 WCAG 2.1에서 차용해 왔으나 일부는 2.2에서 차용해 온 것도 있다.

표를 보다 보면 뭔가 빼먹은 것 같거나 잘못 쓴 것처럼 보이는 게 있을 수 있다. 빼먹은 것도 아니고 잘못 작성한 게 아니다.

신규 검사 항목 WCAG 비교
KWCAG WCAG
원칙 지침 검사항목 원칙 지침 검사항목
6. 운용의 용이성 6.1 입력장치 접근성 6.1.4 문자 단축키 2. Operable 2.1 Keyboard 2.1.4 Character Key Shortcuts
6.4. 쉬운 내비게이션 6.4.4 고정된 참조 위치 정보 2.4 Navigable Fixed Reference Points
6.5. 입력 방식 6.5.1 단일 포인터 입력 지원 2.5 Input Modalities 2.5.1 Pointer Gestures
2.5.7 Dragging Movements
6.5.2 포인터 입력 취소 2.5.2 Pointer Cancellation
6.5.3. 레이블과 네임 2.5.3 Label in Name
6.5.4 동작기반 작동 2.5.4 Motion Actuation
7. 이해의 용이성 7.2 예측 가능성 7.2.2 찾기 쉬운 도움 정보 3. Understandable 3.2 Predictable 3.2.6 Consistent Help
7.3 입력 도움 7.3.3 접근 가능한 인증 3.3 Input Assistance 3.3.7 Accessible Authentication
7.3.4 반복 입력 정보 3.3.8 Redundant entry

내용 변경

개정 전 개정 후
6.1.2. (초점 이동) 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다. 6.1.2. (초점 이동과 표시) 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.
(3) 초점의 시각화 : 사용자 입력 등이 위치 지정 도구(마우스)나 키보드 조작을 통해 초점을 받았을 때, (중략) 위치 지정 도구에 의한 초점과 키보드에 의한 초점의 표시 방법이 다른 것도 허용한다. (3) 초점의 시각화 : 사용자 입력 등이 위치 지정 도구(마우스)나 키보드 조작을 통해 초점을 받았을 때, (중략) 위치 지정 도구에 의한 초점과 키보드에 의한 초점의 표시 방법이 다른 것도 허용한다. 시각적으로 인식 가능한 초점 표시는 시간 제한이 없어야 한다.

우선 6.1.2 초점 이동 검사 항목 이름이 6.1.2 초점 이동과 표시로 변경되었고 이 검사 항목의 상세 항목 중 초점의 시각화 항목에 “시각적으로 인식 가능한 초점 표시는 시간 제한이 없어야 한다”는 내용이 추가되었다.

시간 제한이 없어야 한다는 것은 일정 시간이 지난 후에 화면에서 사라지게 하는 등의 일이 없어야 한다고 해석할 수 있을 것 같다.