본문으로 바로가기

안녕하세요 👋

영원한 학습자의 성장 기록장, Codeslog입니다. 완벽한 튜토리얼보다 진실된 여정을, 작은 기록들이 모여 큰 자산이 되는 공간을 만들어갑니다.
블로그 포스트 썸네일: 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
블로그 포스트 썸네일: 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 · 글 읽기 시간: 20 분 · 글 단어 수: 9853 단어 · 글쓴이: Isaac