한국어
a11yglass · 웹사이트 접근성 점검

2026. 8. 31.에 점검함 · https://t3n.de/

C
61 / 100
심각 1건 · 확인 필요 3건

심각한 장벽 1건 · 추가로 3건 확인 필요.

점수는 어떻게 산정되나요? (시작 점수 100)
텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}-18
제공된 HTML에 <h1> 제목이 없습니다-7
건너뛴 제목 수준-7
중복된 id 속성 {n}개-7
결과61 / 100
대비 (1)텍스트 대안라벨?구조 (2)언어확대/축소?견고성 (1)

인식 가능

심각WCAG 1.4.3 대비(최소)

텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}

필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: {examples}

.ebmex, .deetqq

이렇게 하세요: 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.

운용 가능

확인 필요WCAG 1.3.1 정보와 관계 / 2.4.6 제목 및 레이블

제공된 HTML에 <h1> 제목이 없습니다

각 페이지는 정확히 하나의 h1로 시작해야 합니다. JavaScript로 구성되는 페이지에서는 h1이 브라우저에서만 생성될 수 있습니다 — 그럴 때는 렌더링된 DOM에서 확인하세요.

body

이렇게 하세요: 의미 있는 <h1>을 첫 제목으로 삽입하세요(가능하면 서버 측에서).

확인 필요WCAG 1.3.1 정보와 관계

건너뛴 제목 수준

순서: {seq}. 수준을 건너뛰면 안 됩니다(h2 → h4).

h1–h6

이렇게 하세요: 제목 수준을 빠짐없이 부여하세요.

견고함

확인 필요WCAG 4.1.1 구문 분석(폐지되었으나 연결에는 여전히 중요)

중복된 id 속성 {n}개

예: {examples}. label-for 및 aria 연결을 깨뜨립니다.

[id]

이렇게 하세요: 고유한 id를 부여하세요.

이미 올바르게 해결됨

다음 단계

  1. 텍스트 대비가 너무 낮을 수 있는 CSS 규칙 {n}개{nPlural}. 해당 최소값에 도달할 때까지 텍스트 색을 어둡게 하거나 배경을 밝게 하세요. 색을 유일한 구분 수단으로 사용하지 마세요.
  2. 제공된 HTML에 <h1> 제목이 없습니다. 의미 있는 <h1>을 첫 제목으로 삽입하세요(가능하면 서버 측에서).
  3. 건너뛴 제목 수준. 제목 수준을 빠짐없이 부여하세요.
  4. 중복된 id 속성 {n}개. 고유한 id를 부여하세요.
이 페이지를 자동으로 감시할까요?

주간 재스캔, JS 렌더링, 새 장벽 발생 시 이메일 — 곧 제공.

접근성 선언 만들기 →

방법 & 한계

2026. 8. 31.에, t3n.de가 로그인 없이 첫 호출 시 제공하는 HTML과 동일 도메인의 연결된 CSS 파일 최대 4개를 점검했습니다. 점검 대상: 색상 대비(CSS에서), 텍스트 대안, 폼 라벨, 컨트롤 이름, 제목 구조, 페이지 제목과 언어, 확대/축소 잠금, 중복 id, 양수 tabindex 값, 랜드마크.

점검하지 않음: JavaScript로 생성되는 모든 것, 키보드 운용성, 보이는 포커스, 포커스 순서, 스크린 리더 안내, 로그인 뒤의 콘텐츠, 하위 페이지. 자동 테스트는 WCAG 위반의 약 20~35 %를 발견합니다 — 나머지는 수동 점검이 필요합니다. 스냅샷이며 법적 판단이 아닙니다.

다른 웹사이트 점검