데모

제목

이 제목은 레벨을 건너뛰었습니다:

이 제목에는 텍스트가 전혀 없습니다:

이 짧은 인용구는 제목일 수 있습니다:

이 전체 굵은 단락은 제목일 수 있습니다:

저는 가짜 제목입니다

이 제목은 매우 깁니다:

이미지를 위한 대체 텍스트

이 제목은 대체 텍스트가 없는 텍스트 이미지로 만들어졌습니다:

alt 속성이 전혀 없는 이미지:

잘못된 alt 속성이 있는 이미지, 예: alt="'"

파일명을 alt로 사용하는 이미지

“image of:”와 같은 불필요한 텍스트가 포함된 alt를 가진 이미지

“image of:”와 같은 불필요한 텍스트가 포함된 alt를 가진 링크 이미지

자리 표시자 alt를 가진 이미지:

링크된 자리 표시자 alt를 가진 이미지:

기계 코드 alt를 가진 이미지:

기계 코드 alt를 가진 링크 이미지:

매우 긴 alt 텍스트를 가진 이미지:

링크 대신 이미지를 설명하는 alt 텍스트를 가질 수 있는 링크 내 이미지

이 링크에는 텍스트와 이미지가 있습니다.

모든 링크 이미지(기본적으로 테스트 꺼짐)

장식용으로 표시된 figure 내 이미지:

figcaption과 동일한 alt를 가진 figure 내 이미지:

alt가 없는 캐러셀 내 이미지:

명도 대비

판독하기 어려운 색상 조합:

색상에 수동 확인이 필요합니다:

명도 대비가 부족한 SVG 그래픽

명도 대비 수동 확인이 필요한 SVG 그래픽

임베드 & 미디어

캡션 확인이 필요하다고 플래그된 동영상:

오디오에는 자막이 필요합니다:

제목이 없고 수동 확인도 필요한 Iframe:

포커스할 수 없는 iframe:

중첩된 인터랙티브 컴포넌트

의미 있는 링크

텍스트가 전혀 없는 링크

빈 링크

URL로만 표시된 링크:

https://www.youtube.com/watch?v=DLzxrzFCyOs

기호로만 표시된 링크:

↣

동일한 이름을 가지지만 다른 곳으로 이동하는 링크

거북이 거북이

DOI 번호로만 표시된 링크:

doi.org/10.1145/3493612.3520468

의미 없는 레이블을 가진 링크:

여기를 클릭

텍스트 대안이 없는 링크 아이콘:

외부 링크 아이콘이나 텍스트 경고 없이 새 창에서 열리는 링크

새 창 열기 테스트에 대한 알림.

PDF로의 링크

즐겨보세요.

다른 문서로의 링크

가짜 문서 링크.

중복된 title 속성을 가진 링크

마우스 올리기

탭 인덱스에서 제거하는 속성을 가진 링크:

음수 tabindex 없이 aria-hidden 처리된 링크.

텍스트가 없는 요소로의 aria-labelledby 속성을 가진 링크:

aria 레이블에 일반 단어가 포함된 링크:

자세히 알아보기

alt 텍스트가 없는 링크 이미지:

발음할 수 없는 alt 텍스트를 가진 링크 이미지:

alt 텍스트 속성이 없는 링크 이미지:

텍스트가 있는 링크 내 alt 텍스트 속성이 없는 링크 이미지:

검색

파일명만 alt 텍스트로 가진 링크 이미지:

의심스럽게 긴 alt 텍스트를 가진 링크 이미지:

깨진 페이지 내 링크

해당 ID는 존재하지 않습니다.

개발 서버로의 링크

이런

중복 앵커

앵커 1 앵커 2

표

유효한 헤더가 없는 표

가독성

밑줄 처리된 텍스트

약간의 기울임체는 괜찮지만, 강조 텍스트의 큰 블록은 가독성이 좋지 않습니다. 물론 어느 정도는 허용되지만 한계가 있으며, 문단 전체가 기울임체인 것은 너무 많습니다. 예를 들어, 이것은 전체 문단입니다. 읽기가 좀 어렵죠? 하지만 이 테스트는 이 정도 길이가 될 때까지 트리거되지 않으므로, 이처럼 긴 문단을 정기적으로 작성하지 않는다면 콘텐츠에서 오탐(false positive)을 보지 않을 것입니다.

양쪽 정렬 텍스트

과도한 위 첨자 또는 아래 첨자; _{아래 첨자는 작은 참조와 각주에 사용해야 하며, 전체 문장이나 문단에는 사용하지 마세요.}

매우 작은 글꼴

양식

레이블이 없는 버튼

표시되는 레이블도 있는지 묻는, 보이지 않는 레이블이 있는 입력 필드.

표시되는 레이블도 있는지 묻는, 자리 표시자 레이블만 있는 입력 필드.

탭 인덱스 순서 뒤섞기