2026. 9. 3.에 점검함 · https://vercel.com/
심각한 장벽 2건n.
점수는 어떻게 산정되나요? (시작 점수 100)
| 확대/축소가 잠겨 있습니다 | -18 |
| 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 5개n | -18 |
| 결과 | 64 / 100 |
인식 가능
확대/축소가 잠겨 있습니다
viewport 메타에 user-scalable=no 또는 1에 가까운 maximum-scale이 포함되어 있습니다.
<meta name="viewport">
이렇게 하세요: user-scalable=no와 maximum-scale을 제거하세요: <meta name="viewport" content="width=device-width, initial-scale=1">.
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 5개n
필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: `.text-\[rgb\(250\`: #fafafa auf #fafafa (Vorfahren-Hintergrund) = 1.00:1 · `.text-\[\#a0a0a0\]`: #a0a0a0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.61:1 · `.text-\[\#33b279\]`: #33b279 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.70:1 · `.text-\[rgb\(29\`: #1d9bf0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.ghfe_a_dialog .ghfe_a_dialogcta`: #718900 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.98:1
.text-\[rgb\(250\, .text-\[\#a0a0a0\], .text-\[\#33b279\], .text-\[rgb\(29\, .ghfe_a_dialog .ghfe_a_dialogcta
이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
이미 올바르게 해결됨
- 텍스트 대안: 자동으로 인식 가능한 문제 없음
- <main> 랜드마크가 있습니다
다음 단계
- 확대/축소가 잠겨 있습니다. user-scalable=no와 maximum-scale을 제거하세요: <meta name="viewport" content="width=device-width, initial-scale=1">.
- 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 5개n. 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
주간 재스캔, JS 렌더링, 새 장벽 발생 시 이메일 — 곧 제공.
방법 & 한계
2026. 9. 3.에, vercel.com가 로그인 없이 첫 호출 시 제공하는 HTML과 동일 도메인의 연결된 CSS 파일 최대 4개를 점검했습니다. 점검 대상: 색상 대비(CSS에서), 텍스트 대안, 폼 라벨, 컨트롤 이름, 제목 구조, 페이지 제목과 언어, 확대/축소 잠금, 중복 id, 양수 tabindex 값, 랜드마크.
점검하지 않음: JavaScript로 생성되는 모든 것, 키보드 운용성, 보이는 포커스, 포커스 순서, 스크린 리더 안내, 로그인 뒤의 콘텐츠, 하위 페이지. 자동 테스트는 WCAG 위반의 약 20~35 %를 발견합니다 — 나머지는 수동 점검이 필요합니다. 스냅샷이며 법적 판단이 아닙니다.