폼 오류를 고쳤는데 사용자가 못 찾는다면: 포커스 이동
폼에서 오류가 발생했는데 화면 아래에만 메시지가 뜨면 키보드 사용자나 화면낭독기 사용자는 어디를 고쳐야 할지 찾기 어렵습니다. 오류를 표시했다는 사실만으로 충분하지 않습니다. 오류 요약과 필드 안내, 포커스 이동이 하나의 흐름으로 이어져야 합니다.
NOTES
모델을 만들고, 웹과 앱을 짓고, 업무를 자동화하며 확인한 것을 기록합니다. 통한 방법만이 아니라 통하지 않았던 시도까지 남깁니다.
TOTAL 4 · 웹 접근성
폼에서 오류가 발생했는데 화면 아래에만 메시지가 뜨면 키보드 사용자나 화면낭독기 사용자는 어디를 고쳐야 할지 찾기 어렵습니다. 오류를 표시했다는 사실만으로 충분하지 않습니다. 오류 요약과 필드 안내, 포커스 이동이 하나의 흐름으로 이어져야 합니다.
긴 웹 폼에서 제출 오류를 놓치지 않도록 상단 요약과 필드 안내, 포커스 이동을 연결합니다.
대형 데이터 그리드의 가상 스크롤 성능과 키보드·보조기기 접근성을 함께 지키는 설계입니다.
마우스 없이도 업무를 끝낼 수 있을까요? 키보드 초점, 입력 오류, 모달, 터치 대상과 확대 화면을 WCAG 2.2와 W3C 실무 자료에 맞춰 점검하는 방법을 정리합니다.