Codeslog | AI 시대의 웹접근성 실측 기록

Lighthouse 에이전트 브라우징 실측: 2/2인데 키보드로 못 누르는 버튼

얼마 전 「AI 기반 접근성 표준 확산」이라는 트렌드 요약을 받았습니다. 첫 줄이 "W3C의 ARIA-AI Framework 논의 진행 중."이었는데, 찾아보니 그런 표준은 없었어요. 이 이름이 나오는 곳은 W3C 링크 하나 없는 자동 생성형 글뿐이었습니다. ...

axe와 IBM 검사 결과가 다른 이유, W3C ACT 규칙으로 재봤습니다

같은 페이지를 두 검사 도구에 넣었더니 하나는 "검토가 필요합니다", 다른 하나는 "실패입니다"라고 합니다. 접근성 자동 검사를 둘 이상 써 본 팀이라면 한 번쯤 겪었을 장면이죠. 어느 쪽이 맞을까요? ...

web.dev 접근성 강좌, 2026년에 들어도 될까? 21페이지 재봤습니다

"접근성 공부, 어디서부터 하면 돼요?" 이 질문에 자주 돌아오는 답이 구글 web.dev의 Learn Accessibility입니다. 무료이고, 한국어로도 읽을 수 있죠(구글의 AI 자동 번역입니다). 저도 몇 번 추천했습니다. 그런데 이 강좌가 나온 게 2022년이에요. 4년이면 프론트엔드 프레임워크 유행이 두 번은 바뀌고도 남는 시간입니다. 지금 들어도 괜찮을까 싶어서, 21페이지를 전부 열어 보고 실습 페이지에는 Lighthouse를 다시 돌려 봤습니다. ...

WebAIM Million 2026의 +22.5%는 틀린 숫자였습니다 — 웹 복잡도 다시 읽기

보고서에 적힌 숫자를 다시 계산해 보는 사람은 많지 않습니다. 저도 그랬습니다. 지난 7월 WebAIM Million 2026 리포트를 정리한 글에 "홈페이지당 평균 요소 수 1,437개, 1년 새 +22.5%"라고 그대로 옮겨 적었으니까요. ...

폼 실시간 검증 제대로 하기: 타이밍부터 aria-invalid까지

회원가입 폼을 만들고 있었습니다. 이메일 입력창에 포커스를 주자마자 "이메일 형식이 올바르지 않습니다"라는 에러가 떴어요. 아직 아무것도 입력하지 않았는데요. ...

SPA에서 포커스 관리 제대로 하기: 라우팅 후 스크린 리더가 혼란에 빠지지 않도록

React로 만든 SPA를 잘 써오고 있었는데, 어느 날 접근성 검사를 했더니 이런 피드백이 왔습니다. "페이지가 이동했는데 스크린 리더가 아무 말도 안 해요." ...

구글 폼 응답 인쇄가 한 장만 나올 때 — 긴 캡처를 A4로 나누는 PrintImg

들어가며 설문을 돌리고 나면 꼭 한 번은 이런 요청이 옵니다. "결과 요약, 종이로 한 부만 뽑아 주세요." 구글 폼(Google Forms)으로 설문을 만들었다면 응답 탭에 이미 예쁜 차트가 다 그려져 있으니, 그 화면을 그대로 인쇄하면 끝날 것 같죠. ...

WCAG 3 2026년 9월 초안, 무엇이 바뀌었나 — 등급이 적합성에서 보고로

↻ 2026-09-25 업데이트 W3C WAI 디렉터가 2026년 9월 25일 W3C 블로그에 이번 구조 변화의 배경을 설명하는 글을 올려, 「왜 이렇게 바꿨나」 절에 「WCAG는 자, 법은 규칙」 소절을 보강했습니다. 수어 요구사항이 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을 쓰면서 설정을 건드린 적 없는 사용자라면, 이날부터 코드를 만들어주는 두뇌가 조용히 교체된 겁니다. ...