13장 오류 메시지 비교
흔한 오류 표시
신청하기를 누른 직후
입력값을 확인해주세요.
어느 칸이 왜 틀렸는지 말하지 않는다
빨간 테두리를 못 보면 단서가 없다
「흔한 오류 표시」가 의도적으로 잘못 만든 교보재입니다. 오류를 빨간 테두리와 "입력값을 확인해주세요" 한 줄로만 알립니다. 색을 구별하기 어렵거나 화면을 보지 못하는 사용자에게는 어디를 고쳐야 하는지 알 방법이 없습니다.
좋은 오류 표시는 세 가지를 말합니다. 어디가 잘못됐는지(칸을 특정), 왜 잘못됐는지(규칙), 어떻게 고치는지(예시). 「어디가·왜·어떻게를 말하는 표시」의 문장이 그렇게 쓰여 있습니다(WCAG 3.3.1 오류 식별, 3.3.3 오류 수정 제안).
구조도 함께 봅니다. 오류 문장은 aria-describedby로 칸에 묶여 있어
스크린리더가 칸을 읽을 때 함께 읽습니다. 요약 상자는 role="alert"이라
제출 직후 바로 안내되고, 각 링크는 문제가 있는 칸으로 포커스를 보냅니다.
책 13장에서 다룹니다.