נבדק ב‑31.8.2026 · https://www.heise.de/
5 מחסום קריטיn · בנוסף 2 לבדיקה.
כיצד נוצר הציון? (100 נקודות התחלה)
| {n} מתוך {total} תמונות ללא תכונת alt | -18 |
| {n} שדות טופס ללא תיוג מזוהה | -18 |
| {n} קישור(ים) ללא שם מזוהה ב‑HTML | -18 |
| {n} כפתור(ים) ללא שם ב‑HTML | -18 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -18 |
| אין כותרת <h1> ב‑HTML שנמסר | -7 |
| {n} תכונות id כפולות | -7 |
| תוצאה | 0 / 100 |
ניתן לתפיסה
{n} מתוך {total} תמונות ללא תכונת alt
תמונות הנטענות באמצעות JavaScript אינן נכללות כאן.
img
זה מה שכדאי לעשות: תנו לכל <img> ערך alt: תיאור קצר לתמונות בעלות משמעות, alt="" לתמונות דקורטיביות בלבד.
{n} שדות טופס ללא תיוג מזוהה
בדקו אם קיים aria-label שהוגדר באמצעות JavaScript.
input, select, textarea
זה מה שכדאי לעשות: קשרו כל שדה לאלמנט <label for> או הגדירו aria-label / aria-labelledby. placeholder בלבד אינו מספיק.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.dark a-gift-link dialog, .a-android-native-app-prompt__close-banner, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
ניתן להפעלה
{n} קישור(ים) ללא שם מזוהה ב‑HTML
קישורים ריקים או רק אייקון/תמונה ללא alt. aria-label שהוגדר באמצעות JavaScript אינו מזוהה כאן.
a
זה מה שכדאי לעשות: הוסיפו טקסט קישור נראה, או השתמשו ב‑aria-label או בתמונה עם alt בקישורי אייקון.
{n} כפתור(ים) ללא שם ב‑HTML
כפתורים ללא טקסט וללא aria-label אילמים לקוראי מסך — אלא אם השם מוגדר באמצעות JavaScript.
button
זה מה שכדאי לעשות: הוסיפו טקסט לכפתור או הגדירו aria-label.
אין כותרת <h1> ב‑HTML שנמסר
כל עמוד צריך להתחיל ב‑h1 יחידה. בעמודים הנבנים באמצעות JavaScript ה‑h1 עשויה להיווצר רק בדפדפן — בדקו אז ב‑DOM המעובד.
body
זה מה שכדאי לעשות: הכניסו <h1> משמעותית ככותרת הראשונה (רצוי כבר בצד השרת).
יציב
{n} תכונות id כפולות
למשל {examples}. שובר קישורי label-for ו‑aria.
[id]
זה מה שכדאי לעשות: הקצו מזהי id ייחודיים.
הצעדים הבאים
- {n} מתוך {total} תמונות ללא תכונת alt. תנו לכל <img> ערך alt: תיאור קצר לתמונות בעלות משמעות, alt="" לתמונות דקורטיביות בלבד.
- {n} שדות טופס ללא תיוג מזוהה. קשרו כל שדה לאלמנט <label for> או הגדירו aria-label / aria-labelledby. placeholder בלבד אינו מספיק.
- {n} קישור(ים) ללא שם מזוהה ב‑HTML. הוסיפו טקסט קישור נראה, או השתמשו ב‑aria-label או בתמונה עם alt בקישורי אייקון.
- {n} כפתור(ים) ללא שם ב‑HTML. הוסיפו טקסט לכפתור או הגדירו aria-label.
- {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי. הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
סריקה מחודשת שבועית, עם עיבוד JS, מייל על מחסומים חדשים — בקרוב.
שיטה וגבולות
ב‑31.8.2026 נבדק ה‑HTML ש‑www.heise.de מספק בביקור ראשון ללא התחברות, בתוספת עד ארבעה קובצי CSS מקושרים מאותו הדומיין. נבדקו: ניגודיות צבע (מתוך ה‑CSS), טקסט חלופי, תיוג טפסים, שמות רכיבי הפעלה, מבנה כותרות, כותרת העמוד ושפת העמוד, נעילת זום, מזהי id כפולים, ערכי tabindex חיוביים, ציוני דרך (landmarks).
לא נבדקו: כל מה שנוצר באמצעות JavaScript, הפעלה במקלדת, מיקוד נראה, סדר המיקוד, הכרזת קורא מסך, תוכן מאחורי התחברות, עמודי משנה. הבדיקה האוטומטית מוצאת כ‑20–35% מהפרות ה‑WCAG — השאר מחייב בדיקה ידנית. תמונת מצב, לא הכרעה משפטית.
וידג׳טים מסוג overlay (כפתורי נגישות שמשנים ניגודיות או גופן) אינם הופכים אתר לתואם — יש לתקן את החסמים שנמצאו בקוד המקור. למה overlays לא עוזרים