메뉴 건너뛰기

A11Y

센스리더 ‘웹 상태줄 읽기’ 기능 안내(개발자용)

“센스리더 어센드 1.4” 및 “센스리더 9.0”에 ‘웹 상태줄 읽기’ 기능이 추가되었습니다. 시각장애인 사용자가 웹에서 현재 상태 정보를 빠르고 정확하게 확인할 수 있도록, 웹 서비스 개발자께서는 아래 내용을 참고하여 상태 정보 영역을 구현해 주시기 바랍니다.

1) 기능 개요

기존 “센스리더”의 ‘상태줄 읽기’(Ctrl + Shift + S) 기능을 센스리더 가상커서 기능으로 확장하여, 아래 역할(Role)로 지정된 영역 안에 포함된 모든 내용을 즉시 읽을 수 있도록 지원합니다.

2) 지원 Role 목록

‘웹 상태줄 읽기’는 다음 영역을 대상으로 동작합니다.

  1. role="status" : 상태줄 영역
  2. role="marquee" : 애니메이션(흐르는 텍스트 등) 영역
  3. role="meter", role="progressbar" : 진행률/수치 표시 영역
  4. role="timer" : 시간/타이머/클럭 영역

3) 콘텐츠 작성 권장사항

  • ‘상태줄 읽기’ 대상 영역에는 현재 페이지/기능의 핵심 상태를 간략하게 포함하는 것을 권장합니다.
  • 너무 긴 문장이나 불필요한 정보(광고/장식 문구 등)는 피하고, 사용자가 즉시 이해할 수 있는 요약 정보(예: 위치, 모드, 진행 상황, 시간) 중심으로 구성해 주세요.

4) 예시: 간단한 문서 작성기 상태줄

아래는 문서 편집기에서 커서 위치와 편집 상태(삽입 모드 등)를 제공하는 상태줄 예시입니다.

<div role="status">
  <span>줄 1</span> <span>칸 4</span> <span>삽입 모드</span>
</div>

이와 같이 상태 정보를 role="status" 등 지정된 Role 영역에 제공하면, 사용자는 센스리더의 Ctrl + Shift + S 명령을 통해 해당 영역의 내용을 즉시 확인할 수 있습니다.