GitHub Actions로 3시간마다 예약 발행 체크하기
들어가며 정적 블로그를 운영하다 보면 “예약 발행”과 “빌드 제한”이 동시에 문제가 됩니다. 특히 매번 빌드하는 방식은 Cloudflare Pages 같은 플랫폼에서 빌드 제한에 쉽게 걸릴 수 있어요. ...
Atomic Tests vs. Holistic Tests: 새로운 테스트 방법론
↻ 2026-07-30 업데이트 2026년 3월 3일 W3C Working Draft를 반영했습니다. Foundational이 Core로 바뀐 점을 반영하고, 기준 문서 표기를 현행 초안으로 고쳤습니다. 들어가며 접근성 테스트라고 하면 보통 체크리스트를 떠올립니다. “이 버튼에 대체 텍스트가 있나?”, “명도 대비는 기준을 넘나?” 같은 질문들이죠. WCAG 2.2는 이런 명확한 통과/실패 판정을 중심으로 작동했습니다. ...
WCAG 3.0 적합성 모델: A/AA/AAA 이후의 변화
↻ 2026-09-10 업데이트 2026년 9월 10일 Working Draft에서 적합성 모델이 다시 바뀌었습니다. 아래 본문의 Bronze/Silver/Gold는 더 이상 적합성 등급이 아닙니다. 9월 초안은 적합성을 Core 요구사항 전부 충족 하나로 두고, 등급은 적합 위아래의 보고 등급(reporting tier)으로 옮겼습니다. Core 요구사항에는 심각도 태그(Physical harm·Risk·Barrier·Friction)가 붙고, 적합성 장의 성숙도도 Exploratory에서 Developing으로 올라갔습니다. 본문은 3월 초안 기준으로 두었고, 새 구조는 WCAG 3 2026년 9월 초안, 무엇이 바뀌었나 — 등급이 적합성에서 보고로에서 다룹니다. ↻ 2026-07-30 업데이트 ...
다국어 블로그의 언어 전환 UX 개선: 스마트한 언어 제안 배너 만들기
들어가며 한국어와 영어 두 언어로 블로그를 운영하다 보니 흥미로운 문제를 발견했습니다. 블로그 링크를 공유하다보면 한국어 페이지를 해외 사용자에게 공유하게 될 때도 있습니다. 한글을 못 읽는 분들은 당황하겠죠? 반대로 한국 커뮤니티에서 공유된 영문 포스트 링크를 클릭한 한국어 사용자도 마찬가지입니다. ...
ARIA 실전 가이드: 접근 가능한 웹 인터페이스 구현하기
ARIA를 배운 개발자들이 자주 하는 실수가 있습니다. ARIA의 개념은 이해했지만, 실제 프로젝트에서 어떻게 적용할지, 언제 써야 하는지 확실하지 않은 거죠. ARIA 실전 가이드 - 코드 에디터 화면에 ARIA 속성이 강조된 메인 비주얼 커버 이미지(예시): ARIA 속성 적용 흐름을 상징하는 비주얼 · 제작: Nanobanana AI “ARIA는 마지막 수단이다"라는 말이 있습니다. 먼저 시맨틱 HTML을 사용하고, HTML의 기본 기능으로 부족할 때만 ARIA를 더하는 거예요. 이 가이드는 이 원칙을 바탕으로 실제 프로젝트에서 ARIA를 효과적으로 활용하는 방법을 다룹니다. ...
WCAG 3.0 구조 해부: Success Criteria에서 Outcomes로
↻ 2026-07-30 업데이트 2026년 3월 3일 W3C Working Draft를 반영해 숫자와 용어를 고쳤습니다. 요구사항 개수를 170+개에서 153개(Core 92 + Supplemental 61)로 바로잡고, Foundational을 Core로 교체했습니다. 널리 퍼진 “174개"라는 수치는 출처가 확인되지 않아 따르지 않았습니다. 들어가며 “1.3.1 정보와 관계(Info and Relationships) - Level A” ...
정적 사이트에서 동적 댓글 시스템 만들기: Giscus + GraphQL API
들어가며 정적 사이트 생성기(SSG)로 만든 블로그는 정말 빠르고 안전합니다. 하지만 댓글 같은 동적 기능을 추가하려면 고민이 필요합니다. 저도 이 블로그에 GitHub Discussions 기반의 Giscus를 댓글 시스템으로 사용하고 있는데, 한 가지 불편한 점이 있었습니다. ...
WCAG 3.0 시대의 시작: 왜 새로운 가이드라인이 필요한가?
↻ 2026-07-30 업데이트 타임라인 정보를 현행화했습니다. 2026년 3월 3일 Working Draft 마일스톤을 추가하고, 완성 시점 전망을 작업그룹 일정표(2027년 4분기 CR 스냅샷 목표) 기준으로 고쳤습니다. 들어가며 “우리 사이트는 WCAG 2.1 AA를 100% 통과했는데, 실제 스크린 리더 사용자가 회원가입을 못하더라고요.” ...
코드 블록 접근성 개선: 스크린 리더 사용자가 선택하는 라인 넘버
들어가며 최근 Hugo에 PaperMod 테마를 이용해서 블로그를 만들고 운영을 시작했습니다. 다른 사람이 만든 것을 그대로 사용하는건 빠르게 운영할 수 있다는 장점이 있지만, 모든 부분이 나에게 맞는 건 아니였습니다. 수많은 곳을 내 입맛과 취향에 맞춰서 수정하다가 보니 코드 블록에 문제가 좀 있더군요. ...
규제를 넘어, 신뢰의 기반으로 - AI 기본법과 접근성
이 글은 웹접근성, 공공 웹서비스, 그리고 개발자의 책임에 대해 현장에서 직접 부딪히며 고민해온 기록이다. 법과 기술, 기준과 현실 사이에서 “우리는 정말 모두를 위해 만들고 있는가?“라는 질문에 답해보려 한다. ...