36 מתוך 521 תמונות ללא תכונת 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 שדות טופס ללא תיוג מזוהה

בדקו אם קיים aria-label שהוגדר באמצעות JavaScript.

• <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 בלבד אינו מספיק.

5 כללn CSS עם ניגודיות טקסט אפשרית נמוכה מדי

נדרש: 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

זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.

13 קישור(ים) ללא שם מזוהה ב‑HTML

קישורים ריקים או רק אייקון/תמונה ללא alt. aria-label שהוגדר באמצעות JavaScript אינו מזוהה כאן.

• <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 בקישורי אייקון.

6 כפתור(ים) ללא שם ב‑HTML

כפתורים ללא טקסט וללא 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.

אין כותרת <h1> ב‑HTML שנמסר

כל עמוד צריך להתחיל ב‑h1 יחידה. בעמודים הנבנים באמצעות JavaScript ה‑h1 עשויה להיווצר רק בדפדפן — בדקו אז ב‑DOM המעובד.

body

זה מה שכדאי לעשות: הכניסו <h1> משמעותית ככותרת הראשונה (רצוי כבר בצד השרת).

6 תכונות id כפולות

למשל heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. שובר קישורי label-for ו‑aria.

[id]

זה מה שכדאי לעשות: הקצו מזהי id ייחודיים.