안녕하세요 👋
영원한 학습자의 성장 기록장, Codeslog입니다.
완벽한 튜토리얼보다 진실된 여정을,
작은 기록들이 모여 큰 자산이 되는 공간을 만들어갑니다.
폼 실시간 검증 제대로 하기: 타이밍부터 aria-invalid까지
회원가입 폼을 만들고 있었습니다. 이메일 입력창에 포커스를 주자마자 “이메일 형식이 올바르지 않습니다"라는 에러가 떴어요. 아직 아무것도 입력하지 않았는데요. ...
SPA에서 포커스 관리 제대로 하기: 라우팅 후 스크린 리더가 혼란에 빠지지 않도록
React로 만든 SPA를 잘 써오고 있었는데, 어느 날 접근성 검사를 했더니 이런 피드백이 왔습니다. “페이지가 이동했는데 스크린 리더가 아무 말도 안 해요.” ...
구글 폼 응답 인쇄가 한 장만 나올 때 — 긴 캡처를 A4로 나누는 PrintImg
들어가며 설문을 돌리고 나면 꼭 한 번은 이런 요청이 옵니다. “결과 요약, 종이로 한 부만 뽑아 주세요.” 구글 폼(Google Forms)으로 설문을 만들었다면 응답 탭에 이미 예쁜 차트가 다 그려져 있으니, 그 화면을 그대로 인쇄하면 끝날 것 같죠. ...
WCAG 3 2026년 9월 초안, 무엇이 바뀌었나 — 등급이 적합성에서 보고로
들어가며 표준 문서는 조용히 바뀝니다. 어느 날 아침 메일함에 “For Review"라는 제목이 하나 도착하고, 링크를 열어보면 지난번에 읽어둔 문서와 구조가 달라져 있는 식이죠. 2026년 9월 10일, W3C 웹 접근성 이니셔티브(WAI)가 WCAG 3(3.0) Working Draft를 새로 공개하고 검토 의견을 요청하는 메일을 보냈습니다. ...
Safari 27이 고친 top-level await 버그, 재봤더니 로딩이 두 배 느렸다
사파리의 top-level await 버그는 2022년 7월에 보고됐고(WebKit bug 242740), 2025년 10월에는 이 버그 때문에 top-level await가 Baseline(주요 브라우저가 다 지원하는지 알려주는 웹 표준 지원 지표)에서 “Limited"로 내려갔습니다. 수정은 2026년 4월에 머지되어 5월 Safari Technology Preview 243부터 실렸고, WebKit 팀이 9월 2일 블로그에 올린 Fixing top-level await in Safari는 그 포스트모템(사후 분석)입니다. ...
Claude 4모델 생성 코드 접근성 실측 — Fable 5.1·Opus·Sonnet 5
9월 1일, Claude Code v2.1.257 릴리스 노트에 짧은 한 줄이 실렸습니다. Fable 계열의 기본 모델이 5.1로 바뀌었다는 내용이에요. Fable을 쓰면서 설정을 건드린 적 없는 사용자라면, 이날부터 코드를 만들어주는 두뇌가 조용히 교체된 겁니다. ...
aria-live 상태 메시지, 스크린 리더는 어떻게 읽을까 — WCAG 4.1.3
쇼핑몰에서 “장바구니에 담기"를 누르면 화면 오른쪽 위 배지의 숫자가 3에서 4로 바뀝니다. 눈으로 보는 사람에게는 그걸로 충분한 피드백이죠. 그런데 화면을 읽어주는 소프트웨어인 스크린 리더로 웹을 쓰는 사람에게는요? 페이지 어딘가의 숫자가 조용히 바뀐 것만으로는 아무것도 전달되지 않습니다. 담겼는지, 몇 개인지, 실패했는지 알 길이 없어요. ...
aria-live가 안 읽힐 때 — ARIA 라이브 리전 제대로 쓰기
“저장되었습니다"라는 초록색 토스트가 화면 오른쪽 아래에 뜹니다. 2초 뒤 사라지고요. 마우스를 쓰는 사람에게는 완결된 피드백입니다. ...
접근성 지원 세트 — WCAG 3가 한국에 남긴 빈칸
웹 접근성 검사 도구를 돌리다 보면 결과 화면 어딘가에 이런 문구가 붙어 있는 걸 본 적이 있을 겁니다. “이 결과는 특정 브라우저·스크린 리더 조합에서 확인됐습니다.” 접근성 평가는 늘 어떤 환경을 기준으로 삼을지에서 출발합니다. 그런데 그 “기준 환경"이 정확히 뭔지, 표준 문서가 명확히 정의한 적은 사실 많지 않았습니다. ...
KWCAG 2.2 vs WCAG 3 차이 — 무엇이 어떻게 다른가
“WCAG 3가 나오면 우리가 지금 지키는 KWCAG는 어떻게 되는 거죠?” KWCAG 2.2 완전 해설 글을 쓰고 나서 가장 많이 받은 질문입니다. 접근성 뉴스레터나 컨퍼런스에서 “WCAG 3"라는 이름이 심심찮게 들리기 시작했으니, 국내 표준인 KWCAG는 이 변화에 어떻게 반응해야 하는지 궁금해지는 게 당연합니다. ...