정의 및 사용 방법

role 속성의 generic 값은 웹 접근성 측면에서 해당 HTML 요소에 어떠한 의미(semantic meaning)도 갖지 않는 이름 없는 컨테이너(nameless container) 역할(role)을 부여합니다.

기본적으로 HTML의 많은 요소들은 이미 고유한 역할의 의미(semantic meaning)를 가지고 있습니다.
그러나, <div>나 <span>과 같이 고유한 역할(role)의 의미(semantic meaning)를 가지고 있지 않은 요소들도 있습니다. role 속성의 generic 값은 이러한 요소들의 암시적인(Implicit) 역할(role)의 값으로 사용하기 위해 의도적으로 고안되었습니다.

role 속성의 generic 값은 고유한 역할의 의미(semantic meaning)를 가지고 있지 않은 요소의 암시적인(Implicit ) 역할(role)의 값으로만 사용해야 하며, 그렇지 않은 요소에 직접 사용해서는 안 됩니다.

암시적인(Implicit ) role 속성의 값이 generic인 요소들

다음의 요소들은 고유한 의미(semantic meaning)에 해당하는 역할(role)을 가지고 있지 않습니다. 즉, role 속성의 값을 별도로 지정하지 않으면, 접근성 API에서 role 속성의 값이 generic으로 매핑됩니다.

이러한 요소들은 HTML에서 각각 고유한 의미(semantic meaning)를 가지고 있습니다. (물론, <div>나 <span>은 자체적으로 아무런 의미가 없다라는걸 나타내는 고유한 의미를 가집니다.)

하지만, 접근성 측면에서는 보조 기술이 해당 요소를 특정한 역할(role)로 인식하고 처리할 수 있는 고유한 역할(role)의 의미가 없는 일반적인(generic) 콘텐츠입니다. 따라서 role 속성의 값을 별도로 지정하지 않으면, 접근성 API에는 해당 요소의 role 속성 값이 generic으로 매핑됩니다.

허용되지 않는 aria-* 속성

role 속성의 generic 값은 고유한 역할의 의미(semantic meaning)를 가지고 있지 않기 때문에 접근성 측면에서 보조 기술이 인식할 수 있는 레이블이나 설명에 해당하는 '상태'나 '특성' 정보 관련 aria-* 속성을 사용할 수 없습니다.

활용 예제(주의할 점)

role 속성의 generic 값은 고유한 역할의 의미(semantic meaning)를 가지고 있지 않은 요소의 암시적인(Implicit) 역할(role)의 값으로만 사용해야 합니다. 개발자가 직접 사용하는 것이 아니라 사용자 에이전트(브라우저 등)가 사용하기 위한 것입니다. 따라서 적절한 예제가 존재하지 않습니다.

명세서

role 속성의 generic 값에 대한 명세서 사양
명세서 사양
role="generic" Accessible Rich Internet Applications (WAI-ARIA)
#generic

참고문헌

같이 보기