목차

1. 역할 모델

이 섹션에서는 WAI-ARIA 역할을 정의하고 그 특성과 속성에 대해 설명합니다.

역할, 그 특성, 그들이 지원하는 상태와 속성, 그리고 마크업에서의 사용 방법에 대한 명세는 규범으로 간주해야 합니다.

DOM에서의 내용을 반영하기 위해, 사용자 에이전트는 역할 속성을 구현된 접근성 API에서 적절한 값으로 매핑해야 합니다(SHOULD), 그리고 역할 속성이 변경될 때 매핑을 업데이트해야 합니다(SHOULD).

1-1. 역할의 분류

현재 사용자 시나리오를 지원하기 위해, 이 사양은 사용자 인터페이스 위젯(슬라이더, 트리 컨트롤 등)을 정의하는 역할과 페이지 구조(섹션, 네비게이션 등)를 정의하는 역할로 역할들을 분류합니다. application 또는 document 역할로 표시된 영역에 대해 일부 보조 기술은 특별한 상호 작용 모드를 제공한다는 점에 주목하세요.

역할 간의 관계를 시각적으로 설명하는 것은 ARIA 1.2 클래스 다이어그램에서 사용할 수 있습니다.

역할은 다음과 같이 분류됩니다:

1. Abstract Roles

2. Widget Roles

3. Document Structure Roles

4. Landmark Roles

5. Live Region Roles

6. Window Roles

1-1-1. Abstract Roles

다음 역할들은 일반적인 역할 개념을 정의하기 위한 목적으로 WAI-ARIA 역할 모델을 지원하기 위해 사용됩니다.

추상 역할은 온톨로지를 위해 사용됩니다. 작성자는 내용에서 추상 역할을 절대 사용해서는 안 됩니다.

• command

• composite

• input

• landmark

• range

• roletype

• section

• sectionhead

• select

• structure

• widget

• window

1-1-2. Widget Roles

다음 역할들은 독립적인 사용자 인터페이스 위젯으로 작동하거나 더 큰 복합 위젯의 일부로 작동합니다.

• button

• checkbox

• gridcell

• link

• menuitem

• menuitemcheckbox

• menuitemradio

• option

• progressbar

• radio

• scrollbar

• searchbox

• separator (when focusable)

• slider

• spinbutton

• switch

• tab

• tabpanel

• textbox

• treeitem

다음 역할들은 복합 사용자 인터페이스 위젯으로 작동합니다. 이러한 역할들은 일반적으로 다른 포함된 위젯을 관리하는 컨테이너로 작동합니다.

• combobox

• grid

• listbox

• menu

• menubar

• radiogroup

• tablist

• tree

• treegrid

1-1-3. Document Structure Roles

다음 역할들은 페이지 내의 콘텐츠를 조직하는 구조를 설명합니다. 문서 구조는 일반적으로 상호작용이 없습니다.

• application

• article

• blockquote

• caption

• cell

• columnheader

• definition

• deletion

• directory

• document

• emphasis

• feed

• figure

• generic

• group

• heading

• img

• insertion

• list

• listitem

• math

• meter

• none

• note

• paragraph

• presentation

• row

• rowgroup

• rowheader

• separator (when not focusable)

• strong

• subscript

• superscript

• table

• term

• time

• toolbar

• tooltip

1-1-4. Landmark Roles

다음 역할들은 페이지의 영역으로서, 네비게이션 랜드마크로 의도되었습니다. 이 모든 역할들은 landmark 기본 타입에서 상속되며, 모두 역할 속성 [ROLE-ATTRIBUTE]에서 가져온 것입니다. 이 역할들은 WAI-ARIA 역할 모델의 명확한 부분으로 포함되어 있습니다.

• banner

• complementary

• contentinfo

• form

• main

• navigation

• region

• search

1-1-5. Live Region Roles

다음 역할들은 라이브 영역으로 작동하며, 라이브 영역 속성에 의해 수정될 수 있습니다.

• alert

• log

• marquee

• status

• timer

1-1-6. Window Roles

다음 역할들은 브라우저나 애플리케이션 내에서 창으로 작동합니다.

• alertdialog

• dialog

1-2. 역할의 정의

1-2-1. 역할(Role):

역할은 HTML 태그에 추가적인 의미를 부여합니다. 예를 들어, 'button' 역할은 요소가 버튼으로 작동함을 나타냅니다. 이는 보조 기술이 해당 요소를 사용자에게 버튼으로서 설명할 수 있게 합니다.

1-2-2. 대표 역할 목록:

• landmark roles: 페이지 내 주요 영역을 나타냅니다. ('banner', 'navigation', 'main', 'complementary', 'contentinfo')

• widget roles: 사용자 인터페이스 위젯을 나타냅니다. ('button', 'checkbox', 'progressbar', 'slider')

• document structure roles: 문서 구조를 나타냅니다. ('article', 'list', 'listitem')

1-2-3. 사용상의 주의점:

• 가능하면 네이티브 HTML 요소를 사용하세요. 네이티브 요소는 기본적으로 접근성이 좋습니다.

• WAI-ARIA를 사용할 때는 역할, 속성, 상태를 정확히 사용해야 합니다. 잘못된 사용은 오히려 접근성 문제를 일으킬 수 있습니다.

1-3. Characteristics

"Characteristics" 섹션은 특정 WAI-ARIA 역할의 기본적인 특성과 이 역할이 어떻게 사용되어야 하는지에 대한 상세 정보를 제공합니다. 여기에는 역할의 추상 여부, 상위 클래스 역할, 관련 개념, 필요한 상태 및 속성, 상속된 상태 및 속성, 그리고 금지된 상태 및 속성 등이 포함될 수 있습니다. 이 정보는 웹 개발자들이 접근성 있는 웹 콘텐츠를 구현할 때 해당 역할을 올바르게 사용하는 데 도움을 줍니다. 자세한 내용은 WAI-ARIA 문서를 참조하세요.

• Is Abstract (추상 여부): 해당 역할이 직접 사용될 수 있는지, 아니면 상위 역할로만 사용되어야 하는지 나타냅니다.

• Superclass Role (상위 클래스 역할): 현재 역할의 상위 역할이 무엇인지 나타냅니다.

• Base Concept (기본 개념): 해당 역할과 관련된 HTML 기본 요소나 개념입니다.

• Related Concepts (관련 개념): 다른 기술 또는 명세에서 유사한 개념이나 역할입니다.

• Required Context Role (필요한 컨텍스트 역할): 해당 역할을 사용하기 위해 필요한 상위 역할입니다.

• Subclass Roles (하위 클래스 역할): 현재 역할에서 파생될 수 있는 하위 역할입니다.

• Required Owned Elements (필수 소유 요소): 해당 역할을 가진 요소가 포함해야 하는 자식 요소입니다.

• Supported States and Properties (지원되는 상태 및 속성): 해당 역할에 사용할 수 있는 ARIA 상태 및 속성입니다.

• Inherited States and Properties (상속된 상태 및 속성): 상위 역할에서 상속받은 상태 및 속성입니다.

• Prohibited States and Properties (금지된 상태 및 속성): 해당 역할에 사용해서는 안 되는 ARIA 상태 및 속성입니다.

• Name From (이름 출처): 요소의 접근 가능한 이름이 어디서 유래되는지 나타냅니다.

• Implicit Value for Role (역할에 대한 암시적 값): 역할에 자동으로 적용되는 기본값입니다.

• Accessible Name Required (접근 가능한 이름 필요 여부): 해당 역할이 접근 가능한 이름을 필요로 하는지 여부입니다.

• Children Presentational (자식 프레젠테이션 여부): 자식 요소가 프레젠테이션(시각적 표현) 목적으로만 사용되는지 나타냅니다.

1-4. role - 94개

아래는 작성자가 사용할 WAI-ARIA 역할의 알파벳 순 목록입니다.

추상 역할은 온톨로지를 위해 사용됩니다. 작성자는 내용에서 추상 역할을 절대 사용해서는 안 됩니다.

스크린리더 지원여부 확인 사이트

1-4-1. role="alert"

• 중요하고 일반적으로 시간에 민감한 정보가 포함된 일종의 라이브 영역 입니다. 관련 항목 alertdialog및 을 참조하세요 status.

• 스크린리더 지원여부:

1-4-2. role="alertdialog"

• 초기 초점이 대화 상자 내의 요소 로 이동하는 경고 메시지가 포함된 대화 상자 유형입니다 . 관련 항목 alert및 을 참조하세요 dialog.

• 스크린리더 지원여부:

1-4-3. role="application"

• structure역할에서 지원하는 표준 상호 작용 패턴을 따르지 않는 키보드 또는 동작 이벤트와 같이 사용자 입력이 필요한 하나 이상의 포커스 가능 요소를 포함하는 입니다 widget.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-4. role="article"

• 문서, 페이지 또는 사이트의 독립적인 부분을 구성하는 구성 요소로 구성된 페이지 섹션입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-5. role="banner"

• landmark페이지별 콘텐츠가 아닌 사이트 중심 콘텐츠가 대부분 포함된 입니다 .

• 스크린리더 지원여부:

1-4-6. role="blockquote"

• 다른 출처에서 인용한 콘텐츠 섹션입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-7. role="button"

• 클릭하거나 누를 때 사용자가 트리거하는 작업을 허용하는 입력입니다. 관련 항목을 참조하세요 link.

• 스크린리더 지원여부:

1-4-8. role="caption"

• figure, table, grid또는 을 명명하고 설명할 수도 있는 표시 콘텐츠입니다 treegrid.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-9. role="cell"

• 테이블 형식 컨테이너의 셀입니다. 관련 항목을 참조하세요 gridcell.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-10. role="checkbox"

• 세 가지 가능한 값 ( true, false또는 ) 이 있는 확인 가능한 입력입니다 mixed.

• 스크린리더 지원여부:

1-4-11. role="code"

• 내용이 컴퓨터 코드의 일부를 나타내는 섹션입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-12. role="columnheader"

• 열의 헤더 정보가 포함된 셀입니다.

• 스크린리더 지원여부:

1-4-13. role="combobox"

• 사용자가 의 값을 설정하는 데 도움이 되도록 동적으로 팝업할 수 있는 또는 등 input의 다른 요소를 제어하는 입니다 .listboxgridinput

• 스크린리더 지원여부:

1-4-14. role="command"

• 작업을 수행하지만 입력 데이터를 수신하지 않는 위젯 형태입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-15. role="complementary"

• DOMlandmark 계층 구조 의 유사한 수준에서 기본 콘텐츠를 보완하도록 설계되었지만 기본 콘텐츠와 분리되어도 의미를 유지합니다.

• 스크린리더 지원여부:

1-4-16. role="composite"

• 탐색 가능한 하위 항목 또는 소유된 하위 항목을 포함할 수 있는 위젯 입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-17. role="contentinfo"

• landmark상위 문서에 대한 정보가 포함된 입니다 .

• 스크린리더 지원여부:

1-4-18. role="definition"

• 용어 또는 개념의 정의입니다. 관련 항목을 참조하세요 term.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-19. role="deletion"

• 삭제에는 삭제된 것으로 표시된 콘텐츠 또는 삭제가 제안된 콘텐츠가 포함됩니다. 관련 항목을 참조하세요 insertion.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-20. role="dialog"

• 대화 상자는 웹 애플리케이션 기본 창의 하위 창입니다. HTML 페이지 의 경우 기본 애플리케이션 창은 전체 웹 문서, 즉 요소입니다 body.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-21. role="directory"

• [ARIA 1.2에서 더 이상 사용되지 않음] 정적 목차와 같은 그룹 구성원에 대한 참조 목록입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-22. role="document"

• 보조 기술 사용자가 읽기 모드에서 탐색할 수 있는 콘텐츠가 포함된 요소 입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-23. role="emphasis"

• 하나 이상의 강조 문자입니다. 관련 항목을 참조하세요 strong.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-24. role="feed"

• 스크롤하면 목록의 양쪽 끝에 추가되거나 제거될 수 있는 스크롤 가능 list항목 입니다.articlesarticles

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-25. role="figure"

• 일반적으로 그래픽 문서 , 이미지, 코드 조각 또는 예제 텍스트를 section포함하는 인식 가능한 콘텐츠입니다. 의 일부는 사용자가 탐색할 수 있습니다 .figure

• 스크린리더 지원여부:

1-4-26. role="form"

• landmark전체적으로 결합하여 양식을 만드는 항목 및 개체의 컬렉션을 포함하는 영역입니다 . 관련 항목을 참조하세요 search.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-27. role="generic"

• 자체적으로 의미론적 의미가 없는 이름 없는 컨테이너 요소입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-28. role="grid"

• widget방향 화살표 키와 같은 2차원 탐색 방법을 사용하여 그리드의 일부 또는 전체 셀에 초점을 맞출 수 있는 하나 이상의 셀이 있는 하나 이상의 행 컬렉션을 포함하는 복합입니다 .

• 스크린리더 지원여부:

1-4-29. role="gridcell"

• A cell또는 .gridtreegrid

• 스크린리더 지원여부:

1-4-30. role="group"

• 보조 기술 에 의해 페이지 요약이나 목차에 포함되지 않는 사용자 인터페이스 개체 집합입니다 .

• 스크린리더 지원여부:

1-4-31. role="heading"

• 페이지 섹션의 제목입니다.

• 스크린리더 지원여부:

1-4-32. role="img"

• 이미지를 형성하는 요소 컬렉션을 위한 컨테이너입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-33. role="input"

• 사용자 입력을 허용하는 일반적인 유형의 위젯입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-34. role="insertion"

• 삽입에는 추가됨으로 표시된 콘텐츠 또는 추가가 제안되는 콘텐츠가 포함됩니다. 관련 항목을 참조하세요 deletion.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-35. role="landmark"

• 작성자 section가 지정한 특정 목적과 관련이 있고 사용자가 해당 섹션으로 쉽게 이동하고 페이지 요약에 나열할 수 있을 만큼 충분히 중요한 콘텐츠가 포함된 인지 가능 항목입니다. 이러한 페이지 요약은 사용자 에이전트나 보조 기술에 의해 동적으로 생성될 수 있습니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-36. role="link"

• 활성화되면 사용자 에이전트가 해당 리소스를 탐색하게 만드는 내부 또는 외부 리소스에 대한 대화형 참조입니다. 관련 항목을 참조하세요 button.

• 스크린리더 지원여부:

1-4-37. role="list"

• section요소를 포함하는 A 입니다 listitem. 관련 항목을 참조하세요 listbox.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-38. role="listbox"

• 사용자가 선택 목록에서 하나 이상의 항목을 선택할 수 있게 해주는 위젯 입니다 . 관련 항목 combobox및 을 참조하세요 list.

• 스크린리더 지원여부:

1-4-39. role="listitem"

• 목록이나 디렉터리의 단일 항목입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-40. role="log"

• 새로운 정보가 의미 있는 순서대로 추가되고, 오래된 정보는 사라질 수 있는 일종의 라이브 영역 입니다. 관련 항목을 참조하세요 marquee.

• 스크린리더 지원여부:

1-4-41. role="main"

• landmark문서의 주요 내용을 포함하는 입니다 .

• 스크린리더 지원여부:

1-4-42. role="marquee"

• 필수적이지 않은 정보가 자주 변경되는 라이브 영역 유형입니다 . 관련 항목을 참조하세요 log.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-43. role="math"

• 수학적 표현을 나타내는 콘텐츠입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-44. role="meter"

• 알려진 범위 내의 스칼라 측정값 또는 분수 값을 나타내는 요소 입니다 . 관련 항목을 참조하세요 progressbar.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-45. role="menu"

• 사용자에게 선택 항목 목록을 제공하는 위젯 유형입니다 .

• 스크린리더 지원여부:

1-4-46. role="menubar"

• 그 프레젠테이션은 menu일반적으로 눈에 보이는 상태로 유지되며 일반적으로 가로로 표시됩니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-47. role="menuitem"

• menu또는 에 포함된 선택 항목 집합의 옵션입니다 menubar.

• 스크린리더 지원여부:

1-4-48. role="menuitemcheckbox"

• 가능한 값이 , 또는 인 menuitem확인 가능한 상태의 A 입니다 .truefalsemixed

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-49. role="menuitemradio"

• 동일한 역할을 가진 요소 집합에서 검사 가능하며 menuitem, 한 번에 하나만 검사할 수 있습니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-50. role="navigation"

• 문서 또는 관련 문서를 탐색하기 위한 탐색 요소landmark (일반적으로 링크) 컬렉션이 포함된 입니다 .

• 스크린리더 지원여부:

1-4-51. role="none"

• 암시적 기본 역할 의미 체계가 접근성 API 에 매핑되지 않는 요소 입니다 . 동의어를 참조하세요 .presentation

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-52. role="note"

• 콘텐츠가 리소스의 주요 콘텐츠에 삽입되거나 보조되는 섹션입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-53. role="option"

• 에서 선택 가능한 항목입니다 listbox.

• 스크린리더 지원여부:

1-4-54. role="paragraph"

• 내용의 단락입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-55. role="presentation"

• 암시적 기본 역할 의미 체계가 접근성 API 에 매핑되지 않는 요소 입니다 . 동의어를 참조하세요 .none

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-56. role="progressbar"

• 시간이 오래 걸리는 작업의 진행 상태를 표시하는 요소 입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-57. role="radio"

• 동일한 역할을 가진 요소 그룹에서 확인 가능한 입력으로, 한 번에 하나만 확인할 수 있습니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-58. role="radiogroup"

• 버튼 그룹입니다 radio.

• 스크린리더 지원여부:

1-4-59. role="range"

• 값의 범위를 나타내는 요소입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-60. role="region"

• landmark작성자가 지정한 특정 목적과 관련이 있고 사용자가 섹션을 쉽게 탐색하고 페이지 요약에 나열할 수 있을 정도로 중요한 콘텐츠가 포함된 콘텐츠입니다 . 이러한 페이지 요약은 사용자 에이전트나 보조 기술에 의해 동적으로 생성될 수 있습니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-61. role="roletype"

• 다른 모든 역할이 상속되는 기본 역할 입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-62. role="row"

• 테이블 형식 컨테이너의 셀 행입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-63. role="rowgroup"

• 테이블 형식 컨테이너에 하나 이상의 행 요소를 포함하는 구조입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-64. role="rowheader"

• 행에 대한 헤더 정보가 포함된 셀입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-65. role="scrollbar"

• 콘텐츠가 보기 영역 내에 완전히 표시되는지 여부에 관계없이 보기 영역 내 콘텐츠 스크롤을 제어하는 그래픽 개체입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-66. role="search"

• landmark검색 기능을 생성하기 위해 전체적으로 결합되는 항목 및 개체 모음을 포함하는 영역입니다 . 관련 항목 form및 을 참조하세요 searchbox.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-67. role="searchbox"

• 검색 기준을 지정하기 위한 텍스트 상자 유형입니다. 관련 항목 textbox및 을 참조하세요 search.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-68. role="section"

• 문서 또는 애플리케이션의 렌더링 가능한 구조적 격리 단위입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-69. role="sectionhead"

관련 섹션의 주제를 표시하거나 요약하는 구조입니다.

스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-70. role="select"

• 사용자가 일련의 선택 항목 중에서 선택할 수 있도록 하는 양식 위젯입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-71. role="separator"

• 콘텐츠 섹션이나 메뉴 항목 그룹을 분리하고 구분하는 구분선입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-72. role="slider"

• 사용자가 주어진 범위 내에서 값을 선택하는 입력입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-73. role="spinbutton"

• 그 형태는 range사용자가 개별 선택 사항 중에서 선택할 것으로 기대합니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-74. role="status"

• 콘텐츠가 사용자를 위한 조언 정보이지만 을 정당화할 만큼 중요하지 않고 종종 상태 표시줄로 표시될 필요는 없는 라이브 영역 유형입니다 .alert

• 스크린리더 지원여부:

1-4-75. role="strong"

• 중요하거나 심각하거나 긴급한 콘텐츠입니다. 관련 항목을 참조하세요 emphasis.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-76. role="structure"

• 문서 구조 요소입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-77. role="subscript"

• 하나 이상의 아래 첨자 문자입니다. 관련 항목을 참조하세요 superscript.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-78. role="superscript"

• 하나 이상의 위 첨자 문자입니다. 관련 항목을 참조하세요 superscript.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-79. role="switch"

• 선택/선택 취소된 값이 아닌 켜기/끄기 값을 나타내는 체크박스 유형입니다. 관련 항목을 참조하세요 checkbox.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-80. role="tab"

• 사용자에게 렌더링할 탭 콘텐츠를 선택하기 위한 메커니즘을 제공하는 그룹화 레이블입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-81. role="table"

• section행과 열로 정렬된 데이터를 포함하는 입니다 . 관련 항목을 참조하세요 grid.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-82. role="tablist"

• 요소 에 대한 참조인 요소 목록입니다 .tab tabpanel

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-83. role="tabpanel"

• 와 연관된 리소스에 대한 컨테이너입니다 tab. 각 리소스는 tab에 포함되어 있습니다 tablist.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-84. role="term"

• 해당 정의가 포함된 단어 또는 문구입니다. 관련 항목을 참조하세요 definition.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-85. role="textbox"

• 자유 형식 텍스트를 값으로 허용하는 입력 유형입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-86. role="time"

• 특정 시점을 나타내는 요소입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-87. role="timer"

• 시작점부터 경과된 시간 또는 끝점까지 남은 시간을 나타내는 숫자 카운터가 포함된 라이브 영역 의 일종입니다 .

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-88. role="toolbar"

• 일반적으로 사용되는 기능 버튼이나 컨트롤을 간결한 시각적 형식으로 표현한 모음입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-89. role="tooltip"

• 요소에 대한 설명을 표시하는 상황별 팝업입니다.

• 스크린리더 지원여부:

1-4-90. role="tree"

• 사용자 widget가 계층적으로 구성된 컬렉션에서 하나 이상의 항목을 선택할 수 있도록 하는 입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-91. role="treegrid"

• grid와 같은 방식으로 행을 확장하고 축소할 수 있는 입니다 tree.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-92. role="treeitem"

• 의 옵션 항목입니다 tree. 이는 트리 항목 요소의 하위 수준 그룹이 포함된 경우 확장되거나 축소될 수 있는 트리 내의 요소 입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-93. role="widget"

• 그래픽 사용자 인터페이스( GUI )의 대화형 구성 요소입니다.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.

1-4-94. role="window"

• 브라우저 또는 애플리케이션 창.

• 스크린리더 지원여부: 현재 이 기능에 대한 데이터가 없습니다.