Kally

센스리더의 WAI ARIA 지원 현황

작성자: Joseph

작성 날짜: 2025. 6. 12. 오전 7:24:50

수정 날짜: 2025. 6. 12. 오전 7:25:15

원본 작성날짜 : 2024-08-19 20:30

저작자 : Jackpot

개요

이 문서는 WAI ARIA를 센스리더가 얼마나 지원하는지 한눈에 볼 수 있도록 정리할 목적으로 작성되었습니다. 마지막으로 테스트한 버전 조합은 센스리더 8.52, Chrome 127.0.6533.89입니다. Chrome 외 다른 브라우저를 사용하고 있다면, 지원 여부에 차이가 있을 수 있습니다. 신규 테스트 결과가 있을 때마다 업데이트할 예정입니다.

센스리더에서 지원하는 WAI ARIA 역할

  • role="alert" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'alert'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="alertdialog" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'alert'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="article" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'article'과 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="banner" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'banner'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="button" : 지원
  • role="cell" : 가상커서 선택되었을 때만 지원
  • role="columnheader" : 가상커서 선택되었을 때만 지원
  • role="combobox" : 지원
    • <input> 요소에서 type="text" 속성과 role="combobox" 속성을 함께 선언하면, 가상커서를 해제하고 접근했을 때, 역할 정보가 "콤보상자"로 음성 출력되어, 사용자가 값을 직접 편집할 수 있는지 인식할 수 없는 버그가 존재합니다.
  • role="complementary" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'complementary'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="contentinfo" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'contentinfo'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="deletion" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 '삭제'로 음성 출력되는 문제가 있습니다. 실제로는 '삭제됨'으로 출력되어야 합니다.
  • role="dialog" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'dialog'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="feed" : 미지원
  • role="form" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'form'과 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="grid" : 가상커서 선택되었을 때만 지원
  • role="gridcell" : 가상커서 선택되었을 때만 지원
  • role="group" : 일부 지원
    • 그룹에 접근하면 그룹 이름은 알 수 있지만, 그룹 역할 정보가 음성 출력되지 않아, 사용자가 역할 정보를 인식할 수 없는 문제가 있습니다.
  • role="heading" : 가상커서 선택되었을 때만 지원
  • role="insertion" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 '삽입'으로 음성 출력되는 문제가 있습니다. 실제로는 '삽입됨'으로 출력되어야 합니다.
  • role="link" : 지원
  • role="listbox" : 지원
    • 목롯상자에 탭 키로 접근하면 가상커서가 자동으로 임시 해제되지 않는 버그가 있습니다.
  • role="log" : 미지원
  • role="math" : 가상커서 선택되었을 때만 지원
  • role="menu" : 지원
  • role="menubar" : 지원
  • role="menuitem" : 지원
  • role="menuitemradio" : 지원
    • 역할 정보가 '메뉴 항목'으로 음성 출력되는 문제가 있습니다. 실제로는 '라디오 메뉴'로 출력되어야 합니다.
  • role="meter" : 미지원
  • role="navigation" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'navigation'과 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="none" : 지원
  • role="option" : 지원
  • role="presentation" : 지원
  • role="row" : 가상커서 선택되었을 때만 지원
  • role="rowgroup" : 가상커서 선택되었을 때만 일부 지원
    • 그룹에 접근하면 그룹 이름은 알 수 있지만, 그룹 역할 정보가 음성 출력되지 않아, 사용자가 역할 정보를 인식할 수 없는 문제가 있습니다.
  • role="rowheader" : 가상커서 선택되었을 때만 지원
  • role="radio" : 지원
  • role="radiogroup" : 일부 지원
    • 그룹에 접근하면 그룹 이름은 알 수 있지만, 그룹 역할 정보가 음성 출력되지 않아, 사용자가 역할 정보를 인식할 수 없는 문제가 있습니다.
  • role="region" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'region'과 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="search" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 'search'와 같은 이해하기 어려운 영어로 제공되어, 사용자가 역할 정보를 인식하기 어려운 문제가 있습니다.
  • role="separator" : 지원
    • 가상커서가 비활성화되었을 때도 음성 출력되는지는 아직 확인되지 않았습니다.
  • role="slider" : 지원
  • role="spinbutton" : 지원
  • role="status" : 지원
  • role="switch" : 지원
    • 역할 정보가 '체크상자'로 음성 출력되는 버그가 있습니다. 실제로는 '전환 버튼'으로 출력되어야 합니다.
  • role="table" : 가상커서 선택되었을 때만 지원
  • role="tab" : 지원
  • role="tablist" : 지원
  • role="tabpanel" : 가상커서 선택되었을 때만 지원
    • 역할 정보가 '섹션'으로 음성 출력되는 버그가 있습니다. 실제로는 '탭패널'로 출력되어야 합니다.
  • role="tooltip" : 가상커서 선택되었을 때만 지원
  • role="tree" : 지원
  • role="treegrid" : 지원
  • role="treeitem" : 지원

센스리더에서 지원하는 WAI ARIA 속성 및 상태

  • aria-activedescendant : 지원
  • aria-atomic : 지원
  • aria-autocomplete : 미지원
  • aria-busy : 가상커서 선택되었을 때만 지원
  • aria-checked : 지원
  • aria-colcount : 가상커서 선택되었을 때만 지원
  • aria-colindex : 가상커서 선택되었을 때만 지원
  • aria-controls : 미지원
  • aria-current : 가상커서 선택되었을 때만 지원
  • aria-describedby : 가상커서 선택되었을 때만 지원
  • aria-description : 가상커서 선택되었을 때만 지원
  • aria-details : 미지원
  • aria-disabled : 지원
  • aria-errormessage : 미지원
  • aria-expanded : 지원
    • aria-haspopup="true" 속성이나, role="combobox" 속성을 제공하면 aria-expanded 상태 정보가 음성 출력되지 않는 버그가 있습니다.
  • aria-flowto : 미지원
  • aria-grabbed : 미지원
  • aria-haspopup : 일부 지원
    • aria-haspopup="true|menu|listbox|tree|grid|dialog" 속성 정보가 동일하게 '풀다운'으로 음성 출력되는 문제가 있습니다.
  • aria-hidden : 지원
  • aria-invalid : 미지원
  • aria-label : 지원
    • 이 속성을 사용할 수 없는 역할(예: <div>)이 제공된 항목에서도 음성 출력되는 버그가 있습니다.
  • aria-labelledby /> : 지원
    • 이 속성을 사용할 수 없는 역할(예: <div>)이 제공된 항목에서도 음성 출력되는 버그가 있습니다.
  • aria-level : 가상커서 선택되었을 때만 일부 지원
    • role="heading" 역할에서만 지원합니다. 헤딩 레벨은 1부터 6까지 가능합니다.
  • aria-live : 가상커서 선택되었을 때만 일부 지원
    • aria-live="assertive" 속성과 aria-live="polite" 속성이 동일하게 동작하는 문제가 있습니다.
  • aria-modal : 미지원
  • aria-multiselectable : 미지원
  • aria-orientation : 미지원
  • aria-owns : 지원
  • aria-placeholder : 미지원
  • aria-posinset : 가상커서 선택되었을 때만 지원
    • 센스리더는 가상커서가 선택되어있지 않으면 그 어떤 항목 개수 정보도 음성 출력하지 않습니다.
  • aria-pressed : 일부 지원
    • aria-pressed="true" 속성만 지원합니다. aria-pressed="false|mixed" 속성은 지원하지 않습니다.
    • aria-pressed="true" 상태 정보가 '선택'으로 음성 출력되는 버그가 있습니다. 실제로는 '선택됨'으로 출력되어야 합니다.
  • aria-readonly : 지원
  • aria-relevant : 미지원
  • aria-required : 가상커서 선택되었을 때만 지원
  • aria-roledescription : 미지원
  • aria-rowcount : 가상커서 선택되었을 때만 지원
  • aria-rowindex : 가상커서 선택되었을 때만 지원
  • aria-selected : 가상커서 선택되었을 때만 일부 지원
    • aria-selected="true" 상태 정보가 '선택'으로 음성 출력되는 버그가 있습니다. 실제로는 '선택됨'으로 출력되어야 합니다.
    • role="gridcell" 역할에서는 aria-selected 상태 정보가 출력되지 않는 문제가 있습니다.
    • aria-selected="false" 속성과 role="option" 속성을 함께 제공한 항목의 상태 정보는 가상커서가 해제되었을 때도 음성 출력됩니다.
  • aria-setsize : 가상커서 선택되었을 때만 지원
    • 센스리더는 가상커서가 선택되어있지 않으면 그 어떤 항목 개수 정보도 음성 출력하지 않습니다.
  • aria-sort : 가상커서 선택되었을 때만 지원
  • aria-valuemax : 미지원
  • aria-valuemin : 미지원
  • aria-valuenow : 지원
  • aria-valuetext : 지원

테스트에 사용한 페이지 모음