메뉴 건너뛰기

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 이동을 하면 가상커서가 다시 자동으로 활성화됩니다.

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

번호 제목 날짜 조회 수
36 About: MSAA, Microsoft Active Accessibility 2024.09.05 671
35 센스리더에서 지원하는 SSML 2024.09.05 956
34 About: Microsoft Windows IUIAutomation Interface 2024.09.06 658
33 윈도우 접근성 기술: MSAA와 UIAutomation 비교 2024.09.09 671
32 시각장애인 접근성 향상을 위한 응용프로그램 조작 인터페이스 2024.09.11 720
31 접근성 역할에서 "link"와 "button"의 차이 2024.09.24 1120
30 시각장애인을 위한 음성 접근성 정보 제공 방법 2024.09.25 690
29 시각장애인 접근성 음성 정보의 맹점 2024.10.02 713
28 시각장애인을 위한 소리 정보 제공 시 기본 파형 사용 주의사항 2024.10.02 712
27 센스리더의 "기능 검색" 기능에 대하여 2024.10.08 911
26 센스리더의 브라우저 탭키 환경과 가상커서 탭키 환경 2024.10.11 1062
25 시각장애인과의 협업을 위한 특수문자 발음의 이해 2024.10.18 721
24 여러 단계로 이루어진 서비스 제공시 시각장애인 접근성 개선 방안 2024.10.22 734
23 [세미나] 시각장애 개발자와 함께 하는 아이디어 마이닝 #1. 목적 2024.11.11 769
22 시각장애 개발자와 함께하는 아이디어 마이닝 #2. 텍스트와 오디오 2024.11.12 842
21 시각장애 개발자와 함께하는 아이디어 마이닝 #3. 이미지 2024.11.13 712
20 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 694
19 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 798
18 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 819
17 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 775