본문으로 바로가기
블로그 포스트 썸네일: Assertions: 접근성 평가의 새로운 단위 - WCAG 3.0의 Assertions 개념을 WCAG 2.2와 비교하며 설명합니다. 접근성 절차 문서화의 새로운 기준과 실무 적용 전략을 알아봅니다. (https://www.codeslog.com/ko/posts/wcag-3-assertions/)

Assertions: 접근성 평가의 새로운 단위

들어가며 Atomic Tests vs. Holistic Tests: 새로운 테스트 방법론에서는 Atomic/Holistic 테스트의 균형을 이야기했습니다. 이제 그 결과를 어떤 방식으로 ‘주장’하고 ‘기록’할 것인지가 남습니다. 이 역할을 맡는 것이 바로 Assertions입니다. ...

글 작성일: 2026-02-01 · 글 읽기 시간: 5 분 · 글 단어 수: 2139 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: Atomic Tests vs. Holistic Tests: 새로운 테스트 방법론 - WCAG 3.0에서 제안되는 정량/정성 테스트 흐름을 WCAG 2.2의 성공 기준 기반 평가와 비교합니다. Atomic/Holistic 개념, 뷰·프로세스 단위 평가, 점수 모델과의 연결을 실무 관점에서 정리합니다. (https://www.codeslog.com/ko/posts/wcag-3-atomic-holistic-tests/)

Atomic Tests vs. Holistic Tests: 새로운 테스트 방법론

들어가며 접근성 테스트라고 하면 보통 체크리스트를 떠올립니다. “이 버튼에 대체 텍스트가 있나?”, “명도 대비는 기준을 넘나?” 같은 질문들이죠. WCAG 2.2는 이런 명확한 통과/실패 판정을 중심으로 작동했습니다. ...

글 작성일: 2026-01-26 · 글 읽기 시간: 5 분 · 글 단어 수: 2315 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: WCAG 3.0 적합성 모델: A/AA/AAA 이후의 변화 - WCAG 3.0 Editor's Draft를 기준으로 Foundational/Supplemental/Assertions 중심의 적합성 모델과 WCAG 2.2와의 차이를 정리합니다. (https://www.codeslog.com/ko/posts/wcag-3-scoring-conformance/)

WCAG 3.0 적합성 모델: A/AA/AAA 이후의 변화

들어가며 지난 글에서는 WCAG 3.0이 “성공 기준(Success Criteria)“을 “아웃컴(Outcomes)“으로 재구성한 이유를 살펴봤습니다. ...

글 작성일: 2026-01-25 · 글 읽기 시간: 7 분 · 글 단어 수: 3190 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 다국어 블로그의 언어 전환 UX 개선: 스마트한 언어 제안 배너 만들기 - 브라우저 언어를 감지해서 적절한 언어 버전을 자동으로 제안하는 배너를 만들어봤습니다. WCAG 2.2 AA 기준을 충족하도록 설계하고, 키보드 네비게이션과 스크린 리더 지원까지 고려한 구현 과정을 공유합니다. (https://www.codeslog.com/ko/posts/language-switcher-banner/)

다국어 블로그의 언어 전환 UX 개선: 스마트한 언어 제안 배너 만들기

들어가며 한국어와 영어 두 언어로 블로그를 운영하다 보니 흥미로운 문제를 발견했습니다. 블로그 링크를 공유하다보면 한국어 페이지를 해외 사용자에게 공유하게 될 때도 있습니다. 한글을 못 읽는 분들은 당황하겠죠? 반대로 한국 커뮤니티에서 공유된 영문 포스트 링크를 클릭한 한국어 사용자도 마찬가지입니다. ...

글 작성일: 2026-01-23 · 글 읽기 시간: 19 분 · 글 단어 수: 9262 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: ARIA 실전 가이드: 접근 가능한 웹 인터페이스 구현하기 - ARIA를 실제 프로젝트에서 어떻게 활용할까요? 언제 써야 하고, 어떻게 효과적으로 사용하는지 라이브 리전, 커스텀 위젯, 모달 패턴을 통해 알아봅니다. (https://www.codeslog.com/ko/posts/aria-practical-guide/)

ARIA 실전 가이드: 접근 가능한 웹 인터페이스 구현하기

ARIA를 배운 개발자들이 자주 하는 실수가 있습니다. ARIA의 개념은 이해했지만, 실제 프로젝트에서 어떻게 적용할지, 언제 써야 하는지 확실하지 않은 거죠. ARIA 실전 가이드 - 코드 에디터 화면에 ARIA 속성이 강조된 메인 비주얼 커버 이미지(예시): ARIA 속성 적용 흐름을 상징하는 비주얼 · 제작: Nanobanana AI “ARIA는 마지막 수단이다"라는 말이 있습니다. 먼저 시맨틱 HTML을 사용하고, HTML의 기본 기능으로 부족할 때만 ARIA를 더하는 거예요. 이 가이드는 이 원칙을 바탕으로 실제 프로젝트에서 ARIA를 효과적으로 활용하는 방법을 다룹니다. ...

글 작성일: 2026-01-22 · 글 읽기 시간: 21 분 · 글 단어 수: 10109 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: WCAG 3.0 구조 해부: Success Criteria에서 Outcomes로 - WCAG 3.0의 혁신적인 구조 변화를 깊이 파헤칩니다. Guidelines에서 Outcomes로, 체크리스트에서 사용자 경험 중심 평가로의 전환을 실전 예제와 함께 알아보세요. (https://www.codeslog.com/ko/posts/wcag-3-structure-outcomes/)

WCAG 3.0 구조 해부: Success Criteria에서 Outcomes로

들어가며 “1.3.1 정보와 관계(Info and Relationships) - Level A” WCAG 2.2를 다뤄본 분이라면 이런 형식의 성공 기준(Success Criteria)에 익숙하실 겁니다. 번호가 있고, 레벨이 있고, 명확한 테스트 조건이 있죠. 이 구조는 15년 넘게 웹 접근성의 표준이었습니다. ...

글 작성일: 2026-01-19 · 글 읽기 시간: 22 분 · 글 단어 수: 10764 단어 · 글쓴이: Isaac
WCAG 3.0 시대의 시작 - 전통적인 WCAG 2.x 체크리스트에서 사용자 중심의 WCAG 3.0으로의 변화를 시각적으로 표현한 썸네일 이미지. 부드러운 그라데이션 배경 위에 포스트 제목과 주요 개념이 표시되어 있음

WCAG 3.0 시대의 시작: 왜 새로운 가이드라인이 필요한가?

들어가며 “우리 사이트는 WCAG 2.1 AA를 100% 통과했는데, 실제 스크린 리더 사용자가 회원가입을 못하더라고요.” 지난해 웹사이트 개발자에게 들었던 이 말이 아직도 귀에 맴돕니다. 접근성 감사를 통과하고, 녹색 배지를 받았지만, 정작 장애가 있는 사용자는 핵심 기능을 사용할 수 없었다는 이야기. 이것이 바로 현재 WCAG 2.x가 직면한 가장 큰 딜레마입니다. ...

글 작성일: 2026-01-12 · 글 읽기 시간: 18 분 · 글 단어 수: 8656 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 코드 블록 접근성 개선: 스크린 리더 사용자가 선택하는 라인 넘버 - Hugo 블로그의 코드 블록에 스크린 리더 사용자를 위한 접근성 개선작업을 진행합니다. (https://www.codeslog.com/ko/posts/code-block-accessibility-improvement/)

코드 블록 접근성 개선: 스크린 리더 사용자가 선택하는 라인 넘버

들어가며 최근 Hugo에 PaperMod 테마를 이용해서 블로그를 만들고 운영을 시작했습니다. 다른 사람이 만든 것을 그대로 사용하는건 빠르게 운영할 수 있다는 장점이 있지만, 모든 부분이 나에게 맞는 건 아니였습니다. 수많은 곳을 내 입맛과 취향에 맞춰서 수정하다가 보니 코드 블록에 문제가 좀 있더군요. ...

글 작성일: 2026-01-09 · 글 읽기 시간: 15 분 · 글 단어 수: 7432 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 규제를 넘어, 신뢰의 기반으로 - AI 기본법과 접근성 - AI 기본법(1월 22일 시행)을 접근성·신뢰 관점에서 해석하며 투명성, 설명가능성, 고영향 AI, 사람 개입, 편향·안전성 체크포인트를 정리합니다. (https://www.codeslog.com/ko/posts/ai-basic-act-accessibility/)

규제를 넘어, 신뢰의 기반으로 - AI 기본법과 접근성

이 글은 웹접근성, 공공 웹서비스, 그리고 개발자의 책임에 대해 현장에서 직접 부딪히며 고민해온 기록이다. 법과 기술, 기준과 현실 사이에서 “우리는 정말 모두를 위해 만들고 있는가?“라는 질문에 답해보려 한다. ...

글 작성일: 2026-01-07 · 글 읽기 시간: 20 분 · 글 단어 수: 9559 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 기술 중심을 넘어, 사람 중심으로 - 디지털포용법의 이해 - 디지털포용법(1월 22일 시행)의 목적과 지능정보화 기본법과의 차이, 키오스크 사용 용이성 의무와 영향평가 등 실무 포인트를 사람 중심 관점에서 정리합니다. (https://www.codeslog.com/posts/digital-inclusion-act/)

기술 중심을 넘어, 사람 중심으로 - 디지털포용법의 이해

이 글은 웹접근성, 공공 웹서비스, 그리고 개발자의 책임에 대해 현장에서 직접 부딪히며 고민해온 기록이다. 법과 기술, 기준과 현실 사이에서 “우리는 정말 모두를 위해 만들고 있는가?“라는 질문에 답해보려 한다. ...

글 작성일: 2026-01-06 · 글 읽기 시간: 9 분 · 글 단어 수: 4400 단어 · 글쓴이: Isaac
맨 위로