모달 접근성 제대로 만들기: dialog showModal부터 포커스 트랩까지
모달을 만들었습니다. Tab을 눌렀더니 배경 버튼들이 포커스됩니다. ESC를 눌러도 안 닫힙니다. 스크린 리더는 "대화 상자"라는 안내도 없이 내용을 쭉 읽어 버리고요. 닫기 버튼을 눌렀더니 포커스가 어딘가로 사라졌습니다. ...
포커스-관리 포커스-관리 RSS 피드 구독
SPA에서 포커스 관리 제대로 하기: 라우팅 후 스크린 리더가 혼란에 빠지지 않도록
React로 만든 SPA를 잘 써오고 있었는데, 어느 날 접근성 검사를 했더니 이런 피드백이 왔습니다. "페이지가 이동했는데 스크린 리더가 아무 말도 안 해요." ...
키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기
들어가며 혹시 마우스 없이 인터넷을 쓴 경험이 있으신가요? 대부분의 사람들은 마우스를 당연하게 사용합니다. 하지만 세상에는 마우스를 쓸 수 없는 사람들이 있어요. 신체 장애로 인해 마우스를 조작할 수 없는 사람 손목터널증후군 같은 반복성 긴장 장애가 있는 사람 일시적으로 팔이 다친 사람 단순히 키보드가 더 효율적이라고 생각하는 파워 유저 이런 사용자들에게 "키보드로 이 사이트를 쓸 수 있나요?"라는 질문은 매우 중요합니다. ...