역할 · 문서 구조
role="insertion"
추가되었거나 추가 제안된 내용을 나타냅니다. HTML <ins>에 대응합니다.
중급HTML 요소 우선
한눈에 보기
- 분류
- 문서 구조
- 대응 HTML
<ins>- 이름 정하는 방법
- 금지 (prohibited)
- 이름 필수
- 아니요
- 필수 상위 요소
- 없음
- 필수 하위 요소
- 없음
설명
insertion은 두 판의 차이를 보여 주거나 공동 편집에서 추가를 제안할 때 새로 들어간 내용을 표시합니다. 짝이 되는 역할은 deletion입니다.
이 역할은 WAI-ARIA 1.2에서 HTML 텍스트 수준 요소와 짝을 맞추기 위해 추가되었습니다. 이름(aria-label, aria-labelledby)을 붙일 수 없고, 화면낭독기가 기본 설정에서 따로 알려 주지 않는 경우가 많습니다. 대응 HTML 요소를 쓰는 것이 가장 간단하고 확실합니다.
밑줄·색상만으로 추가 사실을 나타내면 색이나 모양을 구분하기 어려운 사용자에게 전달되지 않습니다(WCAG 1.4.1). 의미가 중요하면 숨긴 설명 텍스트를 함께 둡니다.
함께 쓰는 속성
전역 속성(이름·설명 등)은 모든 역할에 쓸 수 있어 생략했습니다.
사용 예
문서 수정 내역
<p>대출 기간은 <del>7일</del><ins>14일</ins>입니다.</p>역할로 지정
<span role="insertion">14일</span>화면낭독기에서는
| 상황 | 들리는 안내 (예) |
|---|---|
| 문장 읽기 (편집 표시 알림 켠 경우) | 대출 기간은 삭제됨 7일 삭제됨 끝 삽입됨 14일 삽입됨 끝 입니다 |
사용 지침
이렇게 쓰세요
- 추가된 내용은
<ins>로 표시합니다.
이렇게 쓰지 마세요
- 밑줄·색상만으로 추가 사실을 전달하지 않습니다.