נבדק ב‑31.8.2026 · https://www.heise.de/
4 מחסום קריטיn · בנוסף 3 לבדיקה.
כיצד נוצר הציון? (100 נקודות התחלה)
| {n} מתוך {total} תמונות ללא תכונת alt | -18 |
| {n} שדות טופס ללא תיוג מזוהה | -18 |
| {n} קישור(ים) ללא שם מזוהה ב‑HTML | -18 |
| {n} כפתור(ים) ללא שם ב‑HTML | -18 |
| אין כותרת <h1> ב‑HTML שנמסר | -7 |
| {n} תכונות id כפולות | -7 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -7 |
| תוצאה | 7 / 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}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
ניתן להפעלה
{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.
- אין כותרת <h1> ב‑HTML שנמסר. הכניסו <h1> משמעותית ככותרת הראשונה (רצוי כבר בצד השרת).
סריקה מחודשת שבועית, עם עיבוד JS, מייל על מחסומים חדשים — בקרוב.
שיטה וגבולות
ב‑31.8.2026 נבדק ה‑HTML ש‑www.heise.de מספק בביקור ראשון ללא התחברות, בתוספת עד ארבעה קובצי CSS מקושרים מאותו הדומיין. נבדקו: ניגודיות צבע (מתוך ה‑CSS), טקסט חלופי, תיוג טפסים, שמות רכיבי הפעלה, מבנה כותרות, כותרת העמוד ושפת העמוד, נעילת זום, מזהי id כפולים, ערכי tabindex חיוביים, ציוני דרך (landmarks).
לא נבדקו: כל מה שנוצר באמצעות JavaScript, הפעלה במקלדת, מיקוד נראה, סדר המיקוד, הכרזת קורא מסך, תוכן מאחורי התחברות, עמודי משנה. הבדיקה האוטומטית מוצאת כ‑20–35% מהפרות ה‑WCAG — השאר מחייב בדיקה ידנית. תמונת מצב, לא הכרעה משפטית.
וידג׳טים מסוג overlay (כפתורי נגישות שמשנים ניגודיות או גופן) אינם הופכים אתר לתואם — יש לתקן את החסמים שנמצאו בקוד המקור. למה overlays לא עוזרים