메뉴 건너뛰기

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 명령을 통해 해당 영역의 내용을 즉시 확인할 수 있습니다.

번호 제목 날짜 조회 수
44 About: MSAA, Microsoft Active Accessibility 2024.09.05 1233
43 센스리더에서 지원하는 SSML 2024.09.05 1730
42 About: Microsoft Windows IUIAutomation Interface 2024.09.06 1126
41 윈도우 접근성 기술: MSAA와 UIAutomation 비교 2024.09.09 1111
40 시각장애인 접근성 향상을 위한 응용프로그램 조작 인터페이스 2024.09.11 1253
39 접근성 역할에서 "link"와 "button"의 차이 2024.09.24 1771
38 시각장애인을 위한 음성 접근성 정보 제공 방법 2024.09.25 1347
37 시각장애인 접근성 음성 정보의 맹점 2024.10.02 1166
36 시각장애인을 위한 소리 정보 제공 시 기본 파형 사용 주의사항 2024.10.02 1232
35 센스리더의 "기능 검색" 기능에 대하여 2024.10.08 1739
34 센스리더의 브라우저 탭키 환경과 가상커서 탭키 환경 2024.10.11 1647
33 시각장애인과의 협업을 위한 특수문자 발음의 이해 2024.10.18 1275
32 여러 단계로 이루어진 서비스 제공시 시각장애인 접근성 개선 방안 2024.10.22 1197
31 [세미나] 시각장애 개발자와 함께 하는 아이디어 마이닝 #1. 목적 2024.11.11 1426
30 시각장애 개발자와 함께하는 아이디어 마이닝 #2. 텍스트와 오디오 2024.11.12 1554
29 시각장애 개발자와 함께하는 아이디어 마이닝 #3. 이미지 2024.11.13 1350
28 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 1269
27 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 1501
26 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 1549
25 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 1425