ARIA 접근성 가이드

역할 · 문서 구조

role="strong"

중요하거나 심각하거나 급한 내용을 나타냅니다. HTML <strong>에 대응합니다.

중급HTML 요소 우선

한눈에 보기

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

설명

strong은 내용의 중요성, 심각성, 긴급성을 표시합니다. 말투의 강세는 emphasis가 맞습니다. 단지 굵은 글씨로 보이게 하려는 목적이라면 CSS(font-weight)나 <b>를 씁니다.

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

대부분의 화면낭독기는 기본 설정에서 strong을 따로 알리지 않습니다. 경고처럼 반드시 전달해야 할 중요성은 “주의:” 같은 텍스트로 함께 표현합니다.

함께 쓰는 속성

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

사용 예

중요한 안내

권장HTML
<p><strong>주의:</strong> 연체료는 하루 100원입니다.</p>

역할로 지정

HTML
<span role="strong">반드시 본인 확인이 필요합니다.</span>

화면낭독기에서는

화면낭독기 안내 예시 (표현은 화면낭독기·브라우저·버전에 따라 조금씩 다릅니다)
상황들리는 안내 (예)
문장 읽기 (강조 알림 켠 경우)강한 강조 주의: 강한 강조 끝 연체료는 하루 100원입니다

사용 지침

이렇게 쓰세요

  • 중요한 문구에 <strong>을 쓰고, 중요성을 문장으로도 드러냅니다.

이렇게 쓰지 마세요

  • 굵은 모양만을 위해 strong을 쓰지 않습니다.
emphasisinsertiondeletion

참고 자료