This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

ARIA 사용하기: 역할, 상태, 속성

ARIA는 요소에 적용할 수 있는 의미(semantics)를 정의하며, 이는 역할(role, 사용자 인터페이스 요소의 유형을 정의)과 해당 역할이 지원하는 상태(state) 및 속성(property)으로 나뉩니다. 작성자는 요소의 수명 주기 동안 요소에 ARIA 역할과 적절한 상태 및 속성을 할당해야 합니다. 단, 요소가 이미 적절한 ARIA 의미를 가지고 있는 경우(적절한 HTML 요소를 사용하는 경우)는 예외입니다. ARIA 의미를 추가하는 것은 브라우저의 접근성 API에 추가적인 정보를 노출할 뿐이며, 페이지의 DOM에는 영향을 주지 않습니다.

역할 (Roles)

위젯 역할 (Widget roles)

복합 역할 (Composite roles)

아래 기법들은 각 복합 역할(composite role)과 그에 필요한 또는 선택적인 자식 역할들을 설명합니다.

문서 구조 역할 (Document structure roles)

랜드마크 역할 (Landmark roles)

라이브 리전 역할 (Live Region Roles)

윈도우 역할 (Window Roles)

상태 및 속성 (States and properties)

위젯 속성 (Widget attributes)

라이브 리전 속성 (Live region attributes)

드래그 & 드롭 속성 (Drag & drop attributes)

관계 속성 (Relationship attributes)

MicrosoftEdge 전용 속성 (MicrosoftEdge-specific properties)

  • x-ms-aria-flowfrom