ARIA 접근성 가이드

역할 · 문서 구조

role="term"

정의가 따르는 용어를 나타냅니다. 짝이 되는 정의는 definition 역할입니다.

중급HTML 요소 우선

한눈에 보기

분류
문서 구조
대응 HTML
<dfn>, <dt>
이름 정하는 방법
작성자 (author)
이름 필수
아니요
필수 상위 요소
없음
필수 하위 요소
없음

설명

term은 작성자가 정의를 제공했거나 사용자가 정의를 찾을 것으로 예상되는 단어·구입니다. HTML에서는 문장 속 정의 용어 <dfn>와 설명 목록의 <dt>가 대응합니다. 정의 쪽은 definition(<dd>)입니다.

명세는 링크 같은 조작 요소에 term 역할을 쓰지 말라고 합니다. 역할이 바뀌어 링크로 사용할 수 없게 되기 때문입니다. 용어를 용어집으로 연결하려면 링크를 term 안에 넣습니다.

함께 쓰는 속성

전역 속성(이름·설명 등)은 모든 역할에 쓸 수 있어 생략했습니다.

사용 예

설명 목록

권장HTML
<dl>
  <dt>대출 연장</dt>
  <dd>반납일 전에 대출 기간을 한 번 더 늘리는 것입니다.</dd>
</dl>

링크에 term 지정 (비권장)

비권장HTML
<a href="/glossary#aria" role="term">ARIA</a>

<dfn><a href="…">ARIA</a></dfn>처럼 링크를 안에 넣습니다.

화면낭독기에서는

화면낭독기 안내 예시 (표현은 화면낭독기·브라우저·버전에 따라 조금씩 다릅니다)
상황들리는 안내 (예)
설명 목록 읽기설명 목록 1개 항목, 대출 연장, 반납일 전에…

사용 지침

이렇게 쓰세요

  • 용어·정의 짝은 <dl>, 문장 속 정의는 <dfn>을 씁니다.

이렇게 쓰지 마세요

  • 링크·버튼에 term 역할을 붙이지 않습니다.

참고 자료