SPA에서 포커스 관리 제대로 하기: 라우팅 후 스크린 리더가 혼란에 빠지지 않도록
React로 만든 SPA를 잘 써오고 있었는데, 어느 날 접근성 검사를 했더니 이런 피드백이 왔습니다. "페이지가 이동했는데 스크린 리더가 아무 말도 안 해요." ...
키보드-접근성 키보드-접근성 RSS 피드 구독
폼 접근성 마스터하기: 모든 사용자를 위한 입력 양식 설계
들어가며 "회원가입 폼인데, 뭐 어렵겠어?" 라고 생각하셨다면… 아마 접근성은 한 번도 테스트 안 해보셨을 거예요. 폼(Form)은 웹에서 사용자가 직접 데이터를 입력하는 가장 중요한 인터페이스입니다. 로그인, 결제, 검색, 설문… 사실상 웹의 모든 핵심 기능은 폼을 통해 이루어집니다. ...
대체 텍스트 준수율 17.1%: 2025 웹 접근성 실태조사가 보여준 민낯
이미지가 5개 있는 웹페이지를 상상해보세요. 그 중 4개에는 대체 텍스트(alt)가 없습니다. 스크린 리더를 사용하는 시각장애인이 이 페이지를 방문하면, 이미지들은 그냥 "이미지" 혹은 파일명으로만 읽힙니다. 어떤 내용인지 전혀 알 수 없죠. ...
키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기
들어가며 혹시 마우스 없이 인터넷을 쓴 경험이 있으신가요? 대부분의 사람들은 마우스를 당연하게 사용합니다. 하지만 세상에는 마우스를 쓸 수 없는 사람들이 있어요. 신체 장애로 인해 마우스를 조작할 수 없는 사람 손목터널증후군 같은 반복성 긴장 장애가 있는 사람 일시적으로 팔이 다친 사람 단순히 키보드가 더 효율적이라고 생각하는 파워 유저 이런 사용자들에게 "키보드로 이 사이트를 쓸 수 있나요?"라는 질문은 매우 중요합니다. ...