521개 이미지 중 36개에 alt 속성이 없습니다

JavaScript로 로드되는 이미지는 여기에 포함되지 않습니다.

• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3983" height="2238">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1672" height="940">

이렇게 하세요: 각 <img>에 alt를 부여하세요: 의미 있는 이미지에는 짧은 설명, 순수 장식용에는 alt="".

인식 가능한 라벨이 없는 폼 필드 4개

JavaScript로 설정된 aria-label이 있는지 확인하세요.

• <input type="text" name="q" placeholder="Suchen">
• <input type="text" name="q" placeholder="Suchen">
• <select name="in">
• <input type="text" name="fs" placeholder="Im Preisvergleich suchen">

이렇게 하세요: 각 필드를 <label for> 요소와 연결하거나 aria-label / aria-labelledby를 설정하세요. placeholder만으로는 충분하지 않습니다.

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

필요: 4.5:1(일반) 또는 3:1(큰 텍스트). “가정된 페이지 배경”의 경우 실제 배경을 확실히 판단할 수 없었습니다 — 의심스러우면 브라우저에서 확인하세요. 발견된 예: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `a-color-scheme .a-color-scheme__icon--moon`: #959595 auf #c7c7c7 (Vorfahren-Hintergrund) = 1.77:1 · `a-opt-in[is-active] .opt-in__footnote`: #959595 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.a-android-native-app-prompt__load-app`: #fff auf #27a209 = 3.36:1 · `a-topic .topic-label`: #fff auf #ed3725 = 4.06:1

.dark a-gift-link dialog, a-color-scheme .a-color-scheme__icon--moon, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label

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

HTML에서 인식 가능한 이름이 없는 링크 13개

빈 링크 또는 alt 없는 아이콘/이미지만 있음. JavaScript로 설정된 aria-label은 여기서 인식되지 않습니다.

• <a-click-performance>
• <a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:
• <a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative
• <a name="topnavi.ho.magazine-nav.foto" class="hover:bg-brand dark:hove

이렇게 하세요: 보이는 링크 텍스트를 추가하거나, 아이콘 링크에는 aria-label 또는 alt 있는 이미지를 사용하세요.

HTML에서 이름이 없는 버튼 6개

텍스트도 aria-label도 없는 버튼은 이름이 JavaScript로 설정되지 않는 한 스크린 리더에 무음입니다.

• <button class="scroll-left text-ho-text">
• <button class="scroll-right text-ho-text">
• <button class="scroll-left text-ho-text">
• <button class="scroll-right text-ho-text">

이렇게 하세요: 버튼 텍스트를 추가하거나 aria-label을 설정하세요.

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

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

body

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

중복된 id 속성 6개

예: heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. label-for 및 aria 연결을 깨뜨립니다.

[id]

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