https://www.codeslog.com/tags/wcag/ Recent content in WCAG on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.168.0 ko Fri, 09 Oct 2026 00:45:00 +0900 https://www.codeslog.com/posts/act-rules-format-1-1/ Fri, 09 Oct 2026 00:45:00 +0900 https://www.codeslog.com/posts/act-rules-format-1-1/ 같은 페이지인데 접근성 검사 도구마다 결과가 다른 이유를 W3C 권고안 ACT Rules Format 1.1로 풀었습니다. W3C 승인 규칙 테스트 케이스 558개(측정 가능한 556개)를 axe-core와 IBM Equal Access에 돌려 비교했습니다. https://www.codeslog.com/posts/webaim-million-2026-page-complexity/ Fri, 25 Sep 2026 23:35:52 +0900 https://www.codeslog.com/posts/webaim-million-2026-page-complexity/ WebAIM Million 2026의 홈페이지 요소 수 1,437개, 1년 새 +22.5%를 다시 계산하니 +14.3%였습니다. WebAIM에 알려 정정받은 과정과 오류 밀도의 착시·평균의 함정·Lighthouse DOM 기준으로 웹 복잡도를 다시 읽습니다. https://www.codeslog.com/posts/aria-live-regions/ Wed, 02 Sep 2026 01:14:30 +0900 https://www.codeslog.com/posts/aria-live-regions/ aria-live를 분명히 달았는데 스크린 리더가 침묵합니다. 빈 컨테이너가 DOM에 먼저 있어야 하는 이유부터 스크린 리더별로 갈리는 동작, 알림 대신 포커스를 옮겨야 하는 경계까지, 라이브 리전이 안 읽히는 원인을 하나씩 짚습니다. https://www.codeslog.com/posts/webaim-million-2026/ Tue, 28 Jul 2026 01:42:21 +0900 https://www.codeslog.com/posts/webaim-million-2026/ 상위 100만 웹사이트를 WAVE로 분석한 WebAIM Million 2026 결과, 페이지당 평균 WCAG 오류가 56.1개로 1년 새 10.1% 늘며 접근성이 후퇴했습니다. 6대 단골 오류와 ARIA의 역설을 정리합니다. https://www.codeslog.com/posts/frontend-testing-axe-e2e/ Mon, 27 Jul 2026 14:38:51 +0900 https://www.codeslog.com/posts/frontend-testing-axe-e2e/ 실제 브라우저에 그려진 화면을 axe-core 엔진으로 스캔해 접근성 위반을 자동으로 잡아냅니다. @axe-core/playwright로 E2E에 붙이고, 글씨 색을 살짝 흐리게 바꿔 color-contrast 위반이 실패로 잡히는 과정을 확인합니다. https://www.codeslog.com/posts/wcag-em-2-evaluation-methodology/ Fri, 24 Jul 2026 10:05:57 +0900 https://www.codeslog.com/posts/wcag-em-2-evaluation-methodology/ W3C가 12년 만에 접근성 평가 방법론 WCAG-EM 2.0을 정식 발행했습니다. 웹사이트에서 앱·전자책·키오스크까지 넓어진 평가 대상과 5단계 절차, 1.0과 달라진 점, 한국 웹 접근성 품질인증(KWCAG)과의 관계까지 정리했습니다. https://www.codeslog.com/posts/opacity-contrast-trap/ Tue, 21 Jul 2026 00:30:00 +0900 https://www.codeslog.com/posts/opacity-contrast-trap/ CSS에 진한 회색을 넣었는데 접근성 검사기는 대비 미달이라고 합니다. 범인은 opacity예요. opacity가 글자색을 배경과 섞어 대비를 깎는 원리와, 실제 블로그에서 겪은 사례·계산·해결법을 초보 눈높이로 정리합니다. https://www.codeslog.com/posts/eaa-carrefour-ruling/ Tue, 14 Jul 2026 00:40:00 +0900 https://www.codeslog.com/posts/eaa-carrefour-ruling/ 2026년 6월 4일 프랑스 캉 법원이 카르푸에 내린 유럽접근성법(EAA) 최초의 이행 강제 판결을 분석합니다. RGAA 기준 71% 준수로도 부족했던 이유와, 6개월 내 미이행 시 하루 500유로 강제금, 한국 대법원 판결과의 비교를 다룹니다. https://www.codeslog.com/posts/daoncard-a11y-card-family-month/ Fri, 08 May 2026 23:25:57 +0900 https://www.codeslog.com/posts/daoncard-a11y-card-family-month/ 가정의달 5월, 디지털 카드조차 보내기 어려운 시각장애인·고령자 이야기와 함께 직접 만든 무료 카드 서비스 다온카드(daoncard.com)를 소개합니다. 키보드 전체 조작, 실시간 색상 대비 검사 등 WCAG 2.2 AA 구현 내용을 담았습니다. https://www.codeslog.com/posts/president-site-redesign-accessibility/ Tue, 21 Apr 2026 00:00:57 +0900 https://www.codeslog.com/posts/president-site-redesign-accessibility/ 개편된 청와대 홈페이지(president.go.kr)를 KWCAG 2.2 기준으로 점검했습니다. 스킵 내비게이션·다크모드 등 좋아진 점과 ARIA 랜드마크 미활용·tabindex 오류·이미지 alt 누락 같은 개선점을 현황·영향·개선 방안·검증 방법까지 짚었습니다. https://www.codeslog.com/posts/disability-day-commendation-2026/ Mon, 20 Apr 2026 22:50:00 +0900 https://www.codeslog.com/posts/disability-day-commendation-2026/ 2010년부터 15년간 대학 웹접근성 업무를 해온 경험을 돌아봅니다. 2014년 전국 최초 강의실 웹접근성 품질인증 취득, 자체 개발 도구 ModuWeb 오픈소스 공개를 거쳐 제46회 장애인의 날 교육부장관 표창을 받기까지의 기록입니다. https://www.codeslog.com/posts/google-antigravity-accessibility/ Tue, 17 Mar 2026 16:00:00 +0900 https://www.codeslog.com/posts/google-antigravity-accessibility/ Google Antigravity 홈페이지의 히어로 텍스트를 알파벳 하나하나 div로 감싼 구조가 스크린 리더와 브라우저 번역 기능을 어떻게 무력화하는지 분석하고, WCAG 2.2 기준과 개선 코드까지 함께 정리합니다.