ARIA 접근성 가이드

역할 · 문서 구조

role="superscript"

기준선 위에 작게 쓰는 위 첨자입니다. HTML <sup>에 대응합니다.

중급HTML 요소 우선

한눈에 보기

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

설명

superscript는 거듭제곱(m2), 서수 표기, 각주 번호처럼 관례상 위 첨자로 쓰는 문자입니다. 짝이 되는 역할은 subscript입니다.

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

“103”이 화면낭독기에서 “103”으로 들릴 수 있습니다. 의미가 중요하면 “10의 3제곱”처럼 텍스트로 풀어 쓰거나 MathML을 씁니다. 각주 번호는 각주로 이동하는 링크로 만들고 링크 텍스트에 “각주 1”처럼 의미를 담습니다.

함께 쓰는 속성

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

사용 예

단위

권장HTML
<p>열람실 면적은 120m<sup>2</sup>입니다.</p>

각주 링크

권장HTML
<p>2026년 기준<sup><a href="#fn1" id="r1" aria-label="각주 1">1</a></sup></p>

화면낭독기에서는

화면낭독기 안내 예시 (표현은 화면낭독기·브라우저·버전에 따라 조금씩 다릅니다)
상황들리는 안내 (예)
각주 링크에 포커스각주 1, 링크

사용 지침

이렇게 쓰세요

  • 거듭제곱·각주 번호 등에 <sup>를 씁니다.
  • 의미 혼동이 생기면 텍스트로 풀어 씁니다.

이렇게 쓰지 마세요

  • 위 첨자 표기만으로 수식의 의미를 전달하지 않습니다.
subscriptmath

참고 자료