들어가며 “빨강과 초록으로 구분했으니까 괜찮을 거야.” 개발하다 보면 한 번쯤 이런 생각을 해보게 됩니다. 그런데 생각보다 많은 사람들이 이 두 색을 잘 구분하지 못합니다. 북유럽 혈통 기준 통계에서는 남성 약 1/12, 여성 약 1/200이 적색-녹색 색각이상을 가지고 있다고 알려져 있어요. 지역과 유전적 배경에 따라 비율은 달라질 수 있지만, 빨강-초록 구분이 어려운 사용자가 꾸준히 존재한다는 사실은 변하지 않습니다. ...
↻ 2026-07-30 업데이트 기준 문서를 2026년 3월 3일 W3C Working Draft로 갱신했습니다. 발행 시점에 인용했던 초안보다 한 판 새로워졌습니다. 들어가며 WCAG 3.0 시리즈의 여섯 번째 글입니다. 이번 글은 “웹을 넘어서”라는 문장을 실제로 무엇을 의미하는지 정리해보려 합니다. 앞선 글에서 구조와 테스트, Assertions를 살펴봤다면, 이제는 “어디까지가 범위인가”를 분명히 해야 할 차례입니다. ...
들어가며 혹시 마우스 없이 인터넷을 쓴 경험이 있으신가요? 대부분의 사람들은 마우스를 당연하게 사용합니다. 하지만 세상에는 마우스를 쓸 수 없는 사람들이 있어요. 신체 장애로 인해 마우스를 조작할 수 없는 사람 손목터널증후군 같은 반복성 긴장 장애가 있는 사람 일시적으로 팔이 다친 사람 단순히 키보드가 더 효율적이라고 생각하는 파워 유저 이런 사용자들에게 “키보드로 이 사이트를 쓸 수 있나요?“라는 질문은 매우 중요합니다. ...
↻ 2026-07-30 업데이트 2026년 3월 3일 W3C Working Draft를 반영했습니다. Foundational이 Core로 이름이 바뀌어 관련 서술을 고쳤고, Assertions 개수(28개)와 등급 판정에서의 역할을 최신 기준으로 갱신했습니다. 들어가며 Atomic Tests vs. Holistic Tests: 새로운 테스트 방법론에서는 Atomic/Holistic 테스트의 균형을 이야기했습니다. 이제 그 결과를 어떤 방식으로 ‘주장’하고 ‘기록’할 것인지가 남습니다. 이 역할을 맡는 것이 바로 Assertions입니다. ...
↻ 2026-07-30 업데이트 2026년 3월 3일 W3C Working Draft를 반영했습니다. Foundational이 Core로 바뀐 점을 반영하고, 기준 문서 표기를 현행 초안으로 고쳤습니다. 들어가며 접근성 테스트라고 하면 보통 체크리스트를 떠올립니다. “이 버튼에 대체 텍스트가 있나?”, “명도 대비는 기준을 넘나?” 같은 질문들이죠. WCAG 2.2는 이런 명확한 통과/실패 판정을 중심으로 작동했습니다. ...
↻ 2026-09-10 업데이트 2026년 9월 10일 Working Draft에서 적합성 모델이 다시 바뀌었습니다. 아래 본문의 Bronze/Silver/Gold는 더 이상 적합성 등급이 아닙니다. 9월 초안은 적합성을 Core 요구사항 전부 충족 하나로 두고, 등급은 적합 위아래의 보고 등급(reporting tier)으로 옮겼습니다. Core 요구사항에는 심각도 태그(Physical harm·Risk·Barrier·Friction)가 붙고, 적합성 장의 성숙도도 Exploratory에서 Developing으로 올라갔습니다. 본문은 3월 초안 기준으로 두었고, 새 구조는 WCAG 3 2026년 9월 초안, 무엇이 바뀌었나 — 등급이 적합성에서 보고로에서 다룹니다. ↻ 2026-07-30 업데이트 ...
ARIA를 배운 개발자들이 자주 하는 실수가 있습니다. ARIA의 개념은 이해했지만, 실제 프로젝트에서 어떻게 적용할지, 언제 써야 하는지 확실하지 않은 거죠. ARIA 실전 가이드 - 코드 에디터 화면에 ARIA 속성이 강조된 메인 비주얼 커버 이미지(예시): ARIA 속성 적용 흐름을 상징하는 비주얼 · 제작: Nanobanana AI “ARIA는 마지막 수단이다"라는 말이 있습니다. 먼저 시맨틱 HTML을 사용하고, HTML의 기본 기능으로 부족할 때만 ARIA를 더하는 거예요. 이 가이드는 이 원칙을 바탕으로 실제 프로젝트에서 ARIA를 효과적으로 활용하는 방법을 다룹니다. ...
↻ 2026-07-30 업데이트 2026년 3월 3일 W3C Working Draft를 반영해 숫자와 용어를 고쳤습니다. 요구사항 개수를 170+개에서 153개(Core 92 + Supplemental 61)로 바로잡고, Foundational을 Core로 교체했습니다. 널리 퍼진 “174개"라는 수치는 출처가 확인되지 않아 따르지 않았습니다. 들어가며 “1.3.1 정보와 관계(Info and Relationships) - Level A” ...
↻ 2026-07-30 업데이트 타임라인 정보를 현행화했습니다. 2026년 3월 3일 Working Draft 마일스톤을 추가하고, 완성 시점 전망을 작업그룹 일정표(2027년 4분기 CR 스냅샷 목표) 기준으로 고쳤습니다. 들어가며 “우리 사이트는 WCAG 2.1 AA를 100% 통과했는데, 실제 스크린 리더 사용자가 회원가입을 못하더라고요.” ...
들어가며 웹 개발을 하다 보면 이런 코드를 마주하게 됩니다: html 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 도움말 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...