https://www.codeslog.com/categories/%EC%9B%B9%EC%A0%91%EA%B7%BC%EC%84%B1/ Recent content in 웹접근성 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 Sat, 24 Oct 2026 01:20:00 +0900 https://www.codeslog.com/posts/wcag-3-conformance-vs-bronze-silver-gold/ Sun, 18 Oct 2026 00:13:44 +0900 https://www.codeslog.com/posts/wcag-3-conformance-vs-bronze-silver-gold/ WCAG 3(3.0) 9월 초안에서 적합성과 Bronze·Silver·Gold 보고 등급은 무엇이 다를까요? Core 전부, Supplemental, Assertion, 밝히기까지 등급 받는 네 걸음과 지금 주장할 수 없는 이유, 할 준비를 원문으로 정리했습니다. 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/webdev-learn-accessibility-2026/ Fri, 09 Oct 2026 00:45:00 +0900 https://www.codeslog.com/posts/webdev-learn-accessibility-2026/ 구글 web.dev의 무료 접근성 강좌 Learn Accessibility를 2026년 기준으로 점검했습니다. 지금도 들을 만하지만, WCAG 2.2 성공 기준 수 오류와 실습 페이지 Lighthouse 재측정 결과처럼 보충할 곳을 정리했습니다. 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/wcag-3-draft-september-2026/ Thu, 10 Sep 2026 14:37:24 +0900 https://www.codeslog.com/posts/wcag-3-draft-september-2026/ WCAG 3(3.0) 2026년 9월 Working Draft를 3월 초안과 직접 비교했습니다. Bronze/Silver/Gold가 적합성 등급에서 보고 등급(reporting tier)으로 옮겨진 이유, 6단계 보고 등급, 요구사항 182→216개 실측, 의견 내는 법까지. https://www.codeslog.com/posts/aria-live-status-messages/ Wed, 02 Sep 2026 01:24:30 +0900 https://www.codeslog.com/posts/aria-live-status-messages/ WCAG 4.1.3 상태 메시지를 aria-live로 구현할 때 polite와 assertive는 뭐가 다른지, 장바구니 개수가 연달아 바뀌면 스크린 리더가 어떻게 읽는지 데모로 확인합니다. 디바운스 타이머, 아이콘·소리 상태, 상태 메시지가 아닌 변화까지. https://www.codeslog.com/posts/wcag-3-accessibility-support-sets/ Wed, 19 Aug 2026 18:20:00 +0900 https://www.codeslog.com/posts/wcag-3-accessibility-support-sets/ WCAG 3(3.0) 2026년 3월 초안이 정식 조항(§3.2.2)으로 구조화한 접근성 지원 세트를 해설합니다. 기본 세트가 영어 콘텐츠 기준이라는 점과 지역 규제기관이 대안을 정의할 수 있다는 조항이 센스리더 등 한국 접근성 환경에 남기는 빈칸을 짚어봅니다. https://www.codeslog.com/posts/kwcag-vs-wcag-3/ Wed, 19 Aug 2026 18:15:00 +0900 https://www.codeslog.com/posts/kwcag-vs-wcag-3/ KWCAG 2.2(한국형 웹 콘텐츠 접근성 지침)와 WCAG 3(3.0)의 차이를 구조·적합성 기준·일정까지 비교합니다. POUR 4원칙이 사라지는 변화가 국내 표준에 갖는 의미와, 실무자가 지금 할 일을 정리했습니다. https://www.codeslog.com/posts/wcag-22-new-criteria/ Wed, 19 Aug 2026 18:10:00 +0900 https://www.codeslog.com/posts/wcag-22-new-criteria/ WCAG 2.2에서 새로 생긴 성공기준 중 실무 비중이 큰 6개(포커스 가림, 드래그 대안, 타겟 크기, 도움 일관성, 반복 입력, 접근 가능한 인증)를 코드 예시와 함께 정리하고, AAA 3개와 KWCAG·글로벌 대응 현황까지 짚었습니다. https://www.codeslog.com/posts/web-accessibility-certification-guide/ Wed, 19 Aug 2026 18:05:00 +0900 https://www.codeslog.com/posts/web-accessibility-certification-guide/ 웹 접근성 품질인증(WA 인증)은 왜 받는지부터 심사 기준 KWCAG 2.2, 서면·전문가·사용자 심사 절차, 통과선 95%와 100%, 신청 비용과 재심사 조건, 그리고 인증 마크가 보장하지 않는 것까지 담당자 눈높이에서 정리했습니다. https://www.codeslog.com/posts/kwcag-22-guide/ Wed, 19 Aug 2026 18:00:00 +0900 https://www.codeslog.com/posts/kwcag-22-guide/ KWCAG 2.2(한국형 웹 콘텐츠 접근성 지침)의 4원칙·14지침·33검사항목 구조를 국가표준 KS X OT0003:2022 기준으로 정리합니다. 2022년 12월 개정으로 새로 들어온 9개 항목과, 개정일을 2023년으로 적은 자료가 왜 생기는지까지 함께 짚습니다. https://www.codeslog.com/posts/wcag-3-status-2026/ Tue, 04 Aug 2026 09:08:00 +0900 https://www.codeslog.com/posts/wcag-3-status-2026/ WCAG 3(3.0) 2026년 3월 Working Draft 기준 현황을 정리합니다. 12개 카테고리·44개 가이드라인 구조, 요구사항 실측 개수, Bronze/Silver/Gold 복귀, 아직 비어 있는 부분까지 짚습니다. https://www.codeslog.com/posts/wcag-3-migration-strategy/ Mon, 03 Aug 2026 01:37:27 +0900 https://www.codeslog.com/posts/wcag-3-migration-strategy/ WCAG 3(3.0) 마이그레이션, 지금 필요할까요? 아직 Working Draft인 이유부터, 준수가 아닌 개선 관점으로 Core·Outcomes 사고방식을 미리 들여오는 전략과 시기별 준비 로드맵을 정리했습니다. https://www.codeslog.com/posts/eu-ai-act-accessibility/ Thu, 30 Jul 2026 01:02:04 +0900 https://www.codeslog.com/posts/eu-ai-act-accessibility/ 2026년 8월 2일부터 EU AI 법의 고위험 시스템 의무가 시작됩니다. 제16조에 웹 접근성 지침과 유럽접근성법(EAA) 준수 조항이 들어 있어, 개발자에게 실제로 무엇이 달라지는지, 한국 AI 기본법과는 어떻게 다른지 짚었습니다. 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/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/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/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/form-accessibility-mastery/ Sat, 11 Apr 2026 00:00:00 +0900 https://www.codeslog.com/posts/form-accessibility-mastery/ 회원가입 폼도 접근성 없이는 완전한 장벽이 됩니다. 라벨 연결, aria-describedby로 입력 형식 안내, 에러 처리, fieldset 그룹화, 키보드 내비게이션까지 WCAG 2.2 기준으로 직접 만든 데모와 함께 정리했습니다. https://www.codeslog.com/posts/2025-web-accessibility-survey/ Mon, 30 Mar 2026 23:40:00 +0900 https://www.codeslog.com/posts/2025-web-accessibility-survey/ 2025년 웹사이트 정보접근성 실태조사 결과를 분석합니다. KWCAG 2.2 기준 전체 평균 70.4점, 그중 대체 텍스트 준수율은 17.1%로 32개 항목 중 최하위였습니다. 교육서비스업만 유일하게 점수가 하락한 이유도 짚었습니다. 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 기준과 개선 코드까지 함께 정리합니다. https://www.codeslog.com/posts/color-accessibility/ Fri, 06 Mar 2026 00:00:00 +0900 https://www.codeslog.com/posts/color-accessibility/ 색각이상과 저시력 사용자까지 고려한 색상 설계 가이드. WCAG 2.2 명도 대비 4.5:1 기준과 계산법, 색상만으로 정보를 전달하지 않는 법, 다크 모드 대비, 브랜드 색이 기준에 미달할 때 디자이너와 합의하는 방법까지 다룹니다. https://www.codeslog.com/posts/wcag-3-expanded-scope-beyond-web/ Mon, 23 Feb 2026 00:00:00 +0900 https://www.codeslog.com/posts/wcag-3-expanded-scope-beyond-web/ WCAG 3(3.0) 초안은 웹 콘텐츠를 넘어 웨어러블·Web of Things·VR/AR·도구 생태계까지 적용 범위를 넓힙니다. 한국의 키오스크 접근성 의무화와 디지털포용법 시행이 이 확장과 어떻게 맞닿아 있는지 정리했습니다. https://www.codeslog.com/posts/seollal-gov-accessibility/ Sun, 15 Feb 2026 02:40:12 +0900 https://www.codeslog.com/posts/seollal-gov-accessibility/ 디지털포용법 시행 한 달, 청와대 설 연휴 카드뉴스의 접근성을 점검합니다. 정보가 이미지 안에만 있고 대체 텍스트도 없는 문제를, 텍스트로 정보를 제공한 보건복지부와 비교해 공공 웹사이트 접근성의 현실을 짚어봅니다. https://www.codeslog.com/posts/keyboard-accessibility-a-to-z/ Tue, 03 Feb 2026 00:01:00 +0900 https://www.codeslog.com/posts/keyboard-accessibility-a-to-z/ 마우스 없이 키보드만으로 쓸 수 있는 웹을 만드는 법. tabindex와 Tab 순서, 스킵 링크, 모달의 포커스 트랩과 포커스 복원, :focus-visible 포커스 스타일, 드래그 앤 드롭 대체 수단까지 코드 예제로 정리했습니다. https://www.codeslog.com/posts/wcag-3-assertions/ Sun, 01 Feb 2026 00:10:00 +0900 https://www.codeslog.com/posts/wcag-3-assertions/ WCAG 3(3.0)의 Assertions는 자동 검사로 못 잡는 접근성 절차를 조직이 문서로 진술하는 새 평가 단위입니다. 2026년 3월 초안 기준 28개 항목과 WCAG 2.2 Conformance Claim의 차이를 정리했습니다. https://www.codeslog.com/posts/wcag-3-atomic-holistic-tests/ Mon, 26 Jan 2026 01:00:00 +0900 https://www.codeslog.com/posts/wcag-3-atomic-holistic-tests/ WCAG 3(3.0)이 제안하는 정량·정성 테스트 흐름을 WCAG 2.2의 성공 기준 기반 평가와 비교합니다. Atomic/Holistic 개념과 뷰·프로세스 단위 평가, 점수 모델과의 연결을 실무 관점에서 정리했습니다. https://www.codeslog.com/posts/wcag-3-scoring-conformance/ Sun, 25 Jan 2026 00:10:00 +0900 https://www.codeslog.com/posts/wcag-3-scoring-conformance/ WCAG 3(3.0) 적합성 모델이 A/AA/AAA를 넘어 어떻게 변하는지 알아봅니다. Core/Supplemental/Assertions 구조와 돌아온 Bronze/Silver/Gold 등급, views·processes 범위 정의를 2026년 3월 초안 기준으로 정리했습니다. https://www.codeslog.com/posts/aria-practical-guide/ Thu, 22 Jan 2026 02:00:00 +0900 https://www.codeslog.com/posts/aria-practical-guide/ ARIA를 실제 프로젝트에 적용하는 실전 가이드입니다. 언제 ARIA를 쓰고 언제 쓰지 말아야 하는지부터, aria-live 라이브 리전, 탭·아코디언·드롭다운 커스텀 위젯, 모달 다이얼로그 패턴까지 코드로 정리했습니다. https://www.codeslog.com/posts/wcag-3-structure-outcomes/ Mon, 19 Jan 2026 08:30:00 +0900 https://www.codeslog.com/posts/wcag-3-structure-outcomes/ WCAG 3(3.0)의 구조를 Guidelines-Outcomes-Methods로 해부합니다. 요구사항 153개(Core 92+Supplemental 61)와 Atomic/Holistic 테스트를 로그인 폼 실전 예제로 WCAG 2.2와 비교했습니다. https://www.codeslog.com/posts/wcag-3-era-why-new-guidelines/ Mon, 12 Jan 2026 23:00:00 +0900 https://www.codeslog.com/posts/wcag-3-era-why-new-guidelines/ WCAG(웹 콘텐츠 접근성 지침) 1.0부터 2.2까지 26년의 역사를 훑고, All or Nothing 판정과 체크박스 접근성의 한계를 짚어 WCAG 3(3.0)이 왜 필요한지 W3C 최신 초안 기준으로 정리했습니다. https://www.codeslog.com/posts/ai-basic-act-accessibility/ Wed, 07 Jan 2026 18:59:00 +0900 https://www.codeslog.com/posts/ai-basic-act-accessibility/ 2026년 1월 22일 시행되는 AI 기본법을 웹접근성 전문가 시각에서 읽습니다. WCAG 인식·운용·이해·견고성 4대 원칙에 투명성·설명가능성·고영향 AI·생성형 AI 표시 의무를 대응시켜 실무 체크포인트로 정리했습니다. https://www.codeslog.com/posts/digital-inclusion-act/ Tue, 06 Jan 2026 18:59:00 +0900 https://www.codeslog.com/posts/digital-inclusion-act/ 2026년 1월 22일 시행되는 디지털포용법을 사람 중심 관점에서 정리합니다. 지능정보화 기본법과 무엇이 다른지, 키오스크(무인정보단말기) 이용 편의 의무·디지털포용 영향평가 등 개발자·기획자가 챙겨야 할 조항을 짚었습니다. https://www.codeslog.com/posts/digital-inclusion-new-era/ Mon, 05 Jan 2026 23:50:00 +0900 https://www.codeslog.com/posts/digital-inclusion-new-era/ 웹접근성 인증을 받고 점검도 통과했는데, 왜 여전히 사용하지 못하는 사람이 있을까요? 접근성과 디지털포용이 실제로 어떻게 다른지 현장 사례로 짚고, 2026년 1월 22일 시행되는 디지털포용법이 던지는 질문을 정리합니다. https://www.codeslog.com/posts/semantic-html-guide/ Tue, 23 Dec 2025 02:32:17 +0900 https://www.codeslog.com/posts/semantic-html-guide/ div만 쓰던 마크업을 시맨틱 HTML로 바꾸는 방법을 정리했습니다. header·nav·main·article·section을 언제 쓰는지, article과 section은 뭐가 다른지, 제목 계층과 ARIA 랜드마크까지 Before/After 예제로 살펴봅니다. https://www.codeslog.com/posts/web-accessibility-ai-era/ Tue, 23 Dec 2025 00:29:12 +0900 https://www.codeslog.com/posts/web-accessibility-ai-era/ AI가 만든 웹, 과연 모두가 쓸 수 있을까요. 생성형 AI가 놓치기 쉬운 접근성 허점부터 WCAG 2.2 네 가지 원칙(인식·운용·이해·견고성)의 코드 적용, AI로 대체 텍스트 생성하기, 접근 가능한 AI 챗봇 구현까지 정리했습니다.