본문으로 바로가기
블로그 포스트 썸네일: 색상과 접근성: 모든 사용자가 구분할 수 있는 색상 설계 - 색각이상, 저시력 사용자도 웹사이트를 쉽게 사용할 수 있도록 하는 색상 설계 가이드. WCAG 명도 대비 기준부터 실무 팁까지, 포용적 색상 선택의 모든 것을 다룹니다. (https://www.codeslog.com/ko/posts/color-accessibility/)

색상과 접근성: 모든 사용자가 구분할 수 있는 색상 설계

들어가며 “빨강과 초록으로 구분했으니까 괜찮을 거야.” 개발하다 보면 한 번쯤 이런 생각을 해보게 됩니다. 그런데 생각보다 많은 사람들이 이 두 색을 잘 구분하지 못합니다. 북유럽 혈통 기준 통계에서는 남성 약 1/12, 여성 약 1/200이 적색-녹색 색각이상을 가지고 있다고 알려져 있어요. 지역과 유전적 배경에 따라 비율은 달라질 수 있지만, 빨강-초록 구분이 어려운 사용자가 꾸준히 존재한다는 사실은 변하지 않습니다. ...

글 작성일: 2026-03-06 · 글 읽기 시간: 19 분 · 글 단어 수: 9209 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: WCAG 3.0 확장된 적용 범위: 웹을 넘어서 - WCAG 3.0 Draft는 ‘웹’을 넘어 모바일, 웨어러블, Web of Things, XR, 도구 생태계까지 범위를 확장하고 있습니다. WCAG 2.2와 비교하며 실무 질문이 어떻게 바뀌는지 정리합니다. (https://www.codeslog.com/ko/posts/wcag-3-expanded-scope-beyond-web/)

WCAG 3.0 확장된 적용 범위: 웹을 넘어서

들어가며 WCAG 3.0 시리즈의 여섯 번째 글입니다. 이번 글은 **“웹을 넘어서”**라는 문장을 실제로 무엇을 의미하는지 정리해보려 합니다. 앞선 글에서 구조와 테스트, Assertions를 살펴봤다면, 이제는 **“어디까지가 범위인가”**를 분명히 해야 할 차례입니다. ...

글 작성일: 2026-02-23 · 글 읽기 시간: 9 분 · 글 단어 수: 4424 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 설 연휴 정보, 누군가에게는 보이지 않습니다 - 디지털포용법 시행 한 달, 청와대 설 연휴 카드뉴스의 접근성을 점검합니다. 이미지에 갇힌 정보, 사라진 대체 텍스트. 보건복지부와의 비교를 통해 공공 웹사이트 접근성의 현실을 이야기합니다. (https://www.codeslog.com/ko/posts/seollal-gov-accessibility/)

설 연휴 정보, 누군가에게는 보이지 않습니다

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

글 작성일: 2026-02-15 · 글 읽기 시간: 7 분 · 글 단어 수: 3304 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 블로그 글 작성에 대한 생각 - 웹접근성과 프론트엔드 글을 쓰며 느낀 고민, 코드 중심 글의 한계를 느끼고 앞으로 글 작성방향을 바꾸려는 계획을 써내려갑니다. 많은 사람이 찾고 피드백을 받으려면 앞으로 어떻게 해야할까요? (https://www.codeslog.com/ko/posts/blog-writing-thoughts/)

블로그 글 작성에 대한 생각

블로그를 시작한 뒤로 글을 꽤 여러 방향으로 써왔습니다. 제가 특히 관심을 갖고 꾸준히 파고드는 분야는 웹접근성과 프론트엔드입니다. 더 많은 글을 쓰고 싶고 아이디어도 계속 나오는데, 정작 글을 쓰는 속도는 생각만큼 빠르지 않습니다. 지금 시점에서 작성해둔 초안만 8개가 남았는데, 초안작성 시작은 쉬운데 맺음이 이렇게나 어려울수가 있나 하고 생각하는 요즘이에요. ...

글 작성일: 2026-02-05 · 글 읽기 시간: 3 분 · 글 단어 수: 1291 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기 - 마우스 없이도 완전히 이용 가능한 웹사이트를 만드는 키보드 접근성 완벽 가이드. 포커스 관리, Tab 순서, 커스텀 위젯 구현까지 실무 코드 예제와 함께 담았습니다. (https://www.codeslog.com/ko/posts/keyboard-accessibility-a-to-z/)

키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기

들어가며 혹시 마우스 없이 인터넷을 쓴 경험이 있으신가요? 대부분의 사람들은 마우스를 당연하게 사용합니다. 하지만 세상에는 마우스를 쓸 수 없는 사람들이 있어요. 신체 장애로 인해 마우스를 조작할 수 없는 사람 손목터널증후군 같은 반복성 긴장 장애가 있는 사람 일시적으로 팔이 다친 사람 단순히 키보드가 더 효율적이라고 생각하는 파워 유저 이런 사용자들에게 “키보드로 이 사이트를 쓸 수 있나요?“라는 질문은 매우 중요합니다. ...

글 작성일: 2026-02-03 · 글 읽기 시간: 18 분 · 글 단어 수: 8554 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 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
블로그 포스트 썸네일: GitHub Actions로 3시간마다 예약 발행 체크하기 - 정적 블로그의 예약 발행과 Cloudflare 빌드 제한, 두 가지 과제를 동시에 해결하는 방법을 공유합니다. GitHub Actions로 3시간마다 퍼블리시 체크를 돌리고, 조건이 맞을 때만 빌드하는 운영 전략을 정리했어요. (https://www.codeslog.com/ko/posts/github-actions-scheduled-publish-check/)

GitHub Actions로 3시간마다 예약 발행 체크하기

들어가며 정적 블로그를 운영하다 보면 “예약 발행”과 “빌드 제한”이 동시에 문제가 됩니다. 특히 매번 빌드하는 방식은 Cloudflare Pages 같은 플랫폼에서 빌드 제한에 쉽게 걸릴 수 있어요. ...

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

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

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

글 작성일: 2026-01-23 · 글 읽기 시간: 18 분 · 글 단어 수: 8670 단어 · 글쓴이: Isaac