메뉴 건너뛰기

A11Y

센스리더 웹 접근성 평가 시 '가상커서' 관련 안내

안녕하세요. 센스리더 개발팀입니다.
웹 접근성 평가를 진행하시면서 겪으실 수 있는 센스리더의 동작 방식과 현재 알려진 이슈에 대해 공유해 드립니다.


1. 가상커서 동작의 이해와 현황

센스리더는 웹 페이지의 내용을 읽거나 탐색할 때 "가상커서" 기능을 사용합니다. 보통 Tab 키로 포커스를 이동할 때 읽어주는 내용도 이 가상커서가 구성하게 됩니다.

하지만 현재 센스리더의 구조상 가상커서가 해제된 상태(PC 커서 모드)에서는 웹 페이지의 속성 대신 윈도우의 기본 접근성 API인 MSAA 또는 UIAutomation 정보에만 의존하여 내용을 안내하게 됩니다.

이로 인해, 사용자의 조작 편의를 위해 자동으로 가상커서가 해제되는 요소(라디오 버튼, 콤보 상자 등)에 포커스가 갈 경우, 웹 페이지에서 제공하는 ARIA 속성이나 상태 값이 스크린리더로 출력되지 않는 문제가 발생하고 있습니다.

개선 계획
이는 센스리더의 미해결 과제입니다. 추후 업데이트를 통해 "가상커서가 해제된 상태라 하더라도, 포커스가 웹 요소 안에 있다면 가상커서 정보를 반영하여 읽어줄 수 있도록" 수정할 예정입니다.

2. 가상커서가 자동으로 해제되는 경우

센스리더는 사용자가 방향키를 사용하여 값을 조절하거나 항목을 선택해야 하는 콘트롤에서는 원활한 키보드 조작을 위해 가상커서를 임시로 해제합니다. 주요 대상은 다음과 같습니다.

  • 멀티라인 입력창: <textarea>
  • 선택형 콘트롤: 위/아래 방향키로 항목을 선택하는 combobox, listbox
  • 트리 구조: 방향키로 이동 및 확장/축소가 필요한 tree, treeitem
  • 라디오 버튼: radiobutton
  • 값 조절 콘트롤: 방향키로 값을 변경하는 slide, spinbutton
  • 메뉴 탐색: menubar, menuitem
  • 탭 페이지: 방향키로 페이지를 이동하는 pagetab, pagetablist

이 외에도 role="application"이 적용된 요소처럼, 웹 페이지가 문서보다는 어플리케이션의 성격(기능키, 방향키 적극 사용)을 띨 경우에도 가상커서는 임시로 해제됩니다.

3. 참고 및 팁 (Tip)

가상커서가 임시로 해제된 상태에서 다시 가상커서 모드로 내용을 확인하고 싶으시다면 다음 방법을 활용할 수 있습니다.

  • 단축키 사용: ESC 키 또는 Ctrl + Shift + F11 키를 눌러 수동으로 가상커서를 활성화할 수 있습니다.
  • 포커스 이동: 방향키 조작이 필요 없는 링크, 버튼, 싱글라인 편집창 등으로 Tab 이동을 하면 가상커서가 다시 자동으로 활성화됩니다.

접근성 평가 및 개발 시 위 내용을 참고해 주시면 감사하겠습니다.
더 나은 웹 환경을 위해 노력하겠습니다.

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