Completion 0%

Education > PC/모바일 웹 접근성 체크리스트

8.3.1 사용자 입력 오류가 발생했을 시, 사용자에게 알려주고 수정이 필요한 곳에 포커스가 이동하는가?

장애 유형

장애 유형
전맹, 저시력, 운동
오류 설명
  • 잘못된 부분을 명확하지 않게 표시하거나, 수정되어야 하는 곳에 포커스가 바로 이동되지 않으면 전맹, 저시력, 운동 장애 환경에서는 전체 페이지를 다시 한번 훑어야 하므로 매우 번거롭게 됨
  • 입력오류가 발생했을 때, 사용자에게 알려주고 바로 수정할 수 있도록 포커스를 이동시켜 주어야 함.

오류 유형

  • 입력 서식을 잘못 입력하고 입력 서식의 전송 버튼을 누른 후 입력 내용이 모두 사라진 경우
  • 입력 정정 방식 또는 내용을 잘못 제공한 경우
  • 오류 발생 시, 정정할 수 있는 수단을 제공하지 않거나 오류 정정이 필요한 위치로 직접 이동하지 못하는 경우

사용자 입력 오류에 대한 오류

오류 예시
메일 주소를 잘못 적어 경고창이 뜬 후에 이메일 입력 필드로 초점이 이동하지 않음
참고 이미지
해결 방법
경고창을 닫은 후에는 이메일 입력 필드로 초점이 이동해야 함.

모바일 환경에서 사용자 입력 오류에 대한 안내가 잘못 제공 된 경우

오류 예시
비밀번호를 입력하지 않은 사용자 입력 오류에 대해 불충분한 안내가 제공되며 수정이 필요한 곳에 포커스가 이동하지 않음
참고 이미지
해결 방법
사용자 입력 오류에 대한 명확한 안내를 제공하며, 수정이 필요한 곳에 포커스가 이동할 수 있도록 해야 함
참고 이미지

주의 사항

  • 검색 버튼을 눌렀을 때 아무런 오류 메세지 없이 검색 결과 페이지로 이동되면 오류 아님.

평가 방법

입력 서식이 없는 경우 해당 없음 처리

평가 방법

평가 방법
페이지에서 직접 입력 서식을 잘못 작성한 후 전송 또는 확인 버튼을 눌러보면서 평가.

모바일 환경에서 평가 방법

평가 도구
User Agent Switcher(파이어폭스 부가기능)
평가 방법
Firefox 도구 메뉴 User Agent Switcher 의 Defalut User Agent 설정으로 원하는 모바일 기기 환경을 선택한 후, PC환경에서의 평가와 동일하게 진행함

평가 도구 전체 설치 방법