2026. 8. 31.에 점검함 · https://www.heise.de/
심각한 장벽 96건n · 추가로 11건 확인 필요.
점수는 어떻게 산정되나요? (시작 점수 100)
| {total}개 이미지 중 {n}개에 alt 속성이 없습니다 | -18 |
| 인식 가능한 라벨이 없는 폼 필드 {n}개 | -18 |
| HTML에서 인식 가능한 이름이 없는 링크 {n}개 | -18 |
| HTML에서 이름이 없는 버튼 {n}개 | -18 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -18 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -6 |
| 제공된 HTML에 <h1> 제목이 없습니다 | -7 |
| 중복된 id 속성 {n}개 | -7 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural} | -2 |
| 결과 | 0 / 100 |
인식 가능
{total}개 이미지 중 {n}개에 alt 속성이 없습니다
JavaScript로 로드되는 이미지는 여기에 포함되지 않습니다.
img
이렇게 하세요: 각 <img>에 alt를 부여하세요: 의미 있는 이미지에는 짧은 설명, 순수 장식용에는 alt="".
인식 가능한 라벨이 없는 폼 필드 {n}개
JavaScript로 설정된 aria-label이 있는지 확인하세요.
input, select, textarea
이렇게 하세요: 각 필드를 <label for> 요소와 연결하거나 aria-label / aria-labelledby를 설정하세요. placeholder만으로는 충분하지 않습니다.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
input::placeholder, textarea::placeholder
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-blue-100
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-blue-50
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-blue-500
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-gray-100
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-gray-300
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-gray-400
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-gray-50
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-green-50
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heiseblau-200
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heiseblau-400
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heisegrau-50
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heisegrau-600
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heisegrau-light
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heisehellblau
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-ho-text
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-purchase
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-red-400
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-red-50
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-white
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-yellow-50
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.ho-text:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.ho-text-muted:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.ho-inline-link:visited, .ho-has-inline-links a:visited, .rte h2 a:visited, .rte h3 a:visited, .rte h4 a:visited, .rte h5 a:visited, .rte h6 a:visited, .rte p a:visited, .rte ul a:visited, .rte ol a:visited
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
code:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
&:is(.dark *)::before
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.tx_green
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.placeholder\:text-gray-400::-moz-placeholder
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.placeholder\:text-gray-400::placeholder
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.visited\:text-gray-400:visited
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.hover\:text-blue-100:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.hover\:text-gray-50:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.hover\:text-white:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.hover\:ho-text:hover:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.group\/magazine-tile:hover .group-hover\/magazine-tile\:text-white
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.group\/teaser:hover .group-hover\/teaser\:text-red-300
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.group\/teaser:hover .group-hover\/teaser\:text-white
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-blue-50:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-gray-100:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-gray-200:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-gray-50:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-green-50:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heiseblau-300:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heiseblau-400:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heiseblau-500:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heisegrau-300:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heisegrau-400:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heisehellblau-400:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-heisehellblau-50:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-red-400:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-red-50:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-white:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-yellow-50:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:placeholder-white:is(.dark *)::-moz-placeholder
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:placeholder-white:is(.dark *)::placeholder
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.before\:dark\:text-heisehellblau-400:is(.dark *)::before
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.after\:dark\:text-heisehellblau-400:is(.dark *)::after
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:hover\:\!text-white:hover:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:hover\:text-gray-50:hover:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:hover\:text-heiseblau-300:hover:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:hover\:text-white:hover:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:hover\:ho-text:hover:is(.dark *):is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.group\/teaser:hover .dark\:group-hover\/teaser\:text-red-300:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.group\/teaser:hover .dark\:group-hover\/teaser\:text-white:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-android-native-app-prompt__load-app
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-android-native-app-prompt__close-banner
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-color-scheme .a-color-scheme__icon--auto::before
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-color-scheme[state=system] .a-color-scheme__icon--auto::before, a-color-scheme .a-color-scheme__option--auto:hover .a-color-scheme__icon--auto::before
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-color-scheme[state=dark] .a-color-scheme__icon--moon, a-color-scheme .a-color-scheme__option--dark:hover .a-color-scheme__icon--moon
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link a, .dark a-gift-link a:visited
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link a:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link dialog
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link dialog a, .dark a-gift-link dialog a:visited
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link dialog a:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link dialog .close-btn
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark a-gift-link dialog .close-btn:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-gift-create-link .create-link-btn:disabled
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-lightbox__caption
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-opt-in[is-active] .opt-in__cta.is-disabled, a-opt-in[is-active] .opt-in__cta[disabled]
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-opt-in[is-active] .opt-in__footnote
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-opt-in[is-active] .opt-in__footnote a
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-pur-indicator [data-collapse-content]
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-pur-indicator [data-collapse-content]>a
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-pvg-deal__shipping
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-pvg-deal__button, .a-pvg-deal__button:visited, .a-pvg-deal__button:link
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-pvg-deal__button.is-disabled, .a-pvg-deal__button[disabled]
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.supporter__submit[type=submit].is-disabled, .supporter__submit[type=submit][disabled]
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.supporter__submit[type=submit], .supporter__submit[type=submit]:visited, .supporter__submit[type=submit]:link
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-topic-dialog-close
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-topic-dialog-button.is-disabled, .a-topic-dialog-button[disabled]
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-gray-500
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.text-heisehellblauweb-light
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.tx_blue
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-blue-600:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:text-red-500:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.dark\:hover\:text-blue-600:hover:is(.dark *)
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.a-pvg-deal__button:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
.supporter__submit[type=submit]:hover
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}
a-topic .topic-label
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
운용 가능
HTML에서 인식 가능한 이름이 없는 링크 {n}개
빈 링크 또는 alt 없는 아이콘/이미지만 있음. JavaScript로 설정된 aria-label은 여기서 인식되지 않습니다.
a
이렇게 하세요: 보이는 링크 텍스트를 추가하거나, 아이콘 링크에는 aria-label 또는 alt 있는 이미지를 사용하세요.
HTML에서 이름이 없는 버튼 {n}개
텍스트도 aria-label도 없는 버튼은 이름이 JavaScript로 설정되지 않는 한 스크린 리더에 무음입니다.
button
이렇게 하세요: 버튼 텍스트를 추가하거나 aria-label을 설정하세요.
제공된 HTML에 <h1> 제목이 없습니다
각 페이지는 정확히 하나의 h1로 시작해야 합니다. JavaScript로 구성되는 페이지에서는 h1이 브라우저에서만 생성될 수 있습니다 — 그럴 때는 렌더링된 DOM에서 확인하세요.
body
이렇게 하세요: 의미 있는 <h1>을 첫 제목으로 삽입하세요(가능하면 서버 측에서).
견고함
중복된 id 속성 {n}개
예: {examples}. label-for 및 aria 연결을 깨뜨립니다.
[id]
이렇게 하세요: 고유한 id를 부여하세요.
다음 단계
- {total}개 이미지 중 {n}개에 alt 속성이 없습니다. 각 <img>에 alt를 부여하세요: 의미 있는 이미지에는 짧은 설명, 순수 장식용에는 alt="".
- 인식 가능한 라벨이 없는 폼 필드 {n}개. 각 필드를 <label for> 요소와 연결하거나 aria-label / aria-labelledby를 설정하세요. placeholder만으로는 충분하지 않습니다.
- HTML에서 인식 가능한 이름이 없는 링크 {n}개. 보이는 링크 텍스트를 추가하거나, 아이콘 링크에는 aria-label 또는 alt 있는 이미지를 사용하세요.
- HTML에서 이름이 없는 버튼 {n}개. 버튼 텍스트를 추가하거나 aria-label을 설정하세요.
- 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}. 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
주간 재스캔, JS 렌더링, 새 장벽 발생 시 이메일 — 곧 제공.
방법 & 한계
2026. 8. 31.에, www.heise.de가 로그인 없이 첫 호출 시 제공하는 HTML과 동일 도메인의 연결된 CSS 파일 최대 4개를 점검했습니다. 점검 대상: 색상 대비(CSS에서), 텍스트 대안, 폼 라벨, 컨트롤 이름, 제목 구조, 페이지 제목과 언어, 확대/축소 잠금, 중복 id, 양수 tabindex 값, 랜드마크.
점검하지 않음: JavaScript로 생성되는 모든 것, 키보드 운용성, 보이는 포커스, 포커스 순서, 스크린 리더 안내, 로그인 뒤의 콘텐츠, 하위 페이지. 자동 테스트는 WCAG 위반의 약 20~35 %를 발견합니다 — 나머지는 수동 점검이 필요합니다. 스냅샷이며 법적 판단이 아닙니다.