본문으로 바로가기
블로그 포스트 썸네일: 폼 접근성 마스터하기: 모든 사용자를 위한 입력 양식 설계 - 라벨 연결부터 에러 처리, 키보드 내비게이션까지 — WCAG 2.2 기준 폼 접근성 완벽 가이드. 실전 데모와 함께 스크린 리더 사용자도 막힘 없이 쓸 수 있는 입력 양식 설계법을 익혀보세요. (https://www.codeslog.com/ko/posts/form-accessibility-mastery/)

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

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

글 작성일: 2026-04-11 · 글 읽기 시간: 17 분 · 글 단어 수: 8493 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 대체 텍스트 준수율 17.1%: 2025 웹 접근성 실태조사가 보여준 민낯 - 2025 웹사이트 접근성 실태조사 결과를 분석합니다. 대체 텍스트 준수율 17.1%라는 충격적인 수치가 말하는 것은 무엇인지 살펴봅니다. (https://www.codeslog.com/ko/posts/2025-web-accessibility-survey/)

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

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

글 작성일: 2026-03-30 · 글 읽기 시간: 11 분 · 글 단어 수: 5112 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기 - 마우스 없이도 완전히 이용 가능한 웹사이트를 만드는 키보드 접근성 완벽 가이드. 포커스 관리, Tab 순서, 커스텀 위젯 구현까지 실무 코드 예제와 함께 담았습니다. (https://www.codeslog.com/ko/posts/keyboard-accessibility-a-to-z/)

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

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

맨 위로