ARIA 접근성 가이드

역할 · 문서 구조

role="emphasis"

말할 때 힘을 주는 강세(뉘앙스) 강조를 나타냅니다. HTML <em>에 대응합니다.

중급HTML 요소 우선

한눈에 보기

분류
문서 구조
대응 HTML
<em>
이름 정하는 방법
금지 (prohibited)
이름 필수
아니요
필수 상위 요소
없음
필수 하위 요소
없음

설명

emphasis는 빠지면 문장의 뜻이 달라지는 강세를 표시합니다. 단순히 기울임 글꼴로 보이게 하려는 용도가 아닙니다. 중요성·긴급성을 나타낼 때는 strong이 맞습니다.

이 역할은 WAI-ARIA 1.2에서 HTML 텍스트 수준 요소와 짝을 맞추기 위해 추가되었습니다. 이름(aria-label, aria-labelledby)을 붙일 수 없고, 화면낭독기가 기본 설정에서 따로 알려 주지 않는 경우가 많습니다. 대응 HTML 요소를 쓰는 것이 가장 간단하고 확실합니다.

대부분의 화면낭독기는 기본 설정에서 강조를 따로 읽지 않습니다. 강조가 정보 전달에 꼭 필요하다면(예: “반드시”, “제외”) 문장 자체에 그 뜻이 드러나도록 씁니다.

함께 쓰는 속성

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

사용 예

강세 강조

권장HTML
<p>반납일은 <em>오늘</em>까지입니다.</p>

모양만 기울임 (em 불필요)

HTML
<p>책 제목: <i>작은 아씨들</i></p>

책 제목처럼 강세가 아닌 관례적 기울임은 <i>나 <cite>, CSS로 처리합니다.

화면낭독기에서는

화면낭독기 안내 예시 (표현은 화면낭독기·브라우저·버전에 따라 조금씩 다릅니다)
상황들리는 안내 (예)
문장 읽기 (강조 알림 켠 경우)반납일은 강조 오늘 강조 끝 까지입니다

사용 지침

이렇게 쓰세요

  • 뜻을 바꾸는 강세에만 <em>을 씁니다.

이렇게 쓰지 마세요

  • 강조 표시만으로 중요한 정보를 전달하지 않습니다.
strongdeletioninsertion

참고 자료