Cert
4. 견고성Level AA

4.1.3 상태 메시지

Status Messages

요약

포커스를 옮기지 않고 전달되는 상태 변화는 보조기술에도 알려야 합니다. 검색 결과 개수, 장바구니 담김, 저장 완료 같은 메시지가 여기 해당합니다. 라이브 영역(`aria-live`, `role="status"`)을 쓰되, 요소를 미리 두고 내용만 바꿔 넣어야 안정적으로 읽힙니다.

흔한 실패 사례

  • 검색 결과 개수를 화면에만 갱신하고 라이브 영역으로 알리지 않는 경우
  • `aria-live` 요소를 메시지와 함께 새로 삽입해 스크린리더가 읽지 못하는 경우

KWCAG 2.2 대응 항목

  • 8.2.1 웹 애플리케이션 접근성 준수

관련 학습 단원

W3C 원문 보기 — Understanding SC 4.1.3