Codeslog

폼 접근성 마스터하기: 모든 사용자를 위한 입력 양식 설계

들어가며 “회원가입 폼인데, 뭐 어렵겠어?” 라고 생각하셨다면… 아마 접근성은 한 번도 테스트 안 해보셨을 거예요. 폼(Form)은 웹에서 사용자가 직접 데이터를 입력하는 가장 중요한 인터페이스입니다. 로그인, 결제, 검색, 설문… 사실상 웹의 모든 핵심 기능은 폼을 통해 이루어집니다. ...

`Promise.all` vs `Promise.allSettled`, 실수하기 쉬운 차이

대시보드를 만들었습니다. 뿌듯했습니다. Promise.all로 API 세 개를 동시에 불러오는 코드가 딱 세 줄이었고, 코드 리뷰에서도 “깔끔하다"는 피드백을 받았어요. ...

함수 선언식과 표현식, 제대로 알고 쓰기: 호이스팅까지 한 번에

자바스크립트를 쓰다 보면, 어느 순간 이런 코드를 작성하게 됩니다. javascript 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 도움말 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...

대체 텍스트 준수율 17.1%: 2025 웹 접근성 실태조사가 보여준 민낯

이미지가 5개 있는 웹페이지를 상상해보세요. 그 중 4개에는 대체 텍스트(alt)가 없습니다. 스크린 리더를 사용하는 시각장애인이 이 페이지를 방문하면, 이미지들은 그냥 “이미지” 혹은 파일명으로만 읽힙니다. 어떤 내용인지 전혀 알 수 없죠. ...

구글이 만든 IDE 홈페이지, 접근성은 몇 점일까? — Google Antigravity 분석

Google Antigravity 홈페이지 접근성 분석 — 화려한 텍스트 애니메이션 뒤에 숨겨진 접근성 문제를 살펴봅니다 제작: 나노 바나나 Google은 접근성에 진심인 회사입니다. ...

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

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

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

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

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

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

블로그 글 작성에 대한 생각

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

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

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