נבדק ב‑24.9.2026 · https://www.spiegel.de/
1 מחסום קריטי · בנוסף 4 לבדיקה.
מאז הסריקה הקודמת: אין שינוי.
כיצד נוצר הציון? (100 נקודות התחלה)
| 21 כפתור(ים) ללא שם ב‑HTML | -18 |
| 1 שדות טופס ללא תיוג מזוהה | -7 |
| 3 קישור(ים) ללא שם מזוהה ב‑HTML | -7 |
| אין כותרת <h1> ב‑HTML שנמסר | -7 |
| 5 כללn CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -7 |
| תוצאה | 54 / 100 |
ניתן לתפיסה
1 שדות טופס ללא תיוג מזוהה
בדקו אם קיים aria-label שהוגדר באמצעות JavaScript.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
זה מה שכדאי לעשות: קשרו כל שדה לאלמנט <label for> או הגדירו aria-label / aria-labelledby. placeholder בלבד אינו מספיק.
5 כללn CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
ניתן להפעלה
21 כפתור(ים) ללא שם ב‑HTML
כפתורים ללא טקסט וללא aria-label אילמים לקוראי מסך — אלא אם השם מוגדר באמצעות JavaScript.
<button class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
זה מה שכדאי לעשות: הוסיפו טקסט לכפתור או הגדירו aria-label.
3 קישור(ים) ללא שם מזוהה ב‑HTML
קישורים ריקים או רק אייקון/תמונה ללא alt. aria-label שהוגדר באמצעות JavaScript אינו מזוהה כאן.
<a target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
זה מה שכדאי לעשות: הוסיפו טקסט קישור נראה, או השתמשו ב‑aria-label או בתמונה עם alt בקישורי אייקון.
אין כותרת <h1> ב‑HTML שנמסר
כל עמוד צריך להתחיל ב‑h1 יחידה. בעמודים הנבנים באמצעות JavaScript ה‑h1 עשויה להיווצר רק בדפדפן — בדקו אז ב‑DOM המעובד.
body
זה מה שכדאי לעשות: הכניסו <h1> משמעותית ככותרת הראשונה (רצוי כבר בצד השרת).
כבר פתור נכון
- טקסט חלופי: אין בעיות הניתנות לזיהוי אוטומטי
- קיים קישור דילוג אל התוכן
- קיים ציון דרך <main>
הצעדים הבאים
- 21 כפתור(ים) ללא שם ב‑HTML. הוסיפו טקסט לכפתור או הגדירו aria-label.
- 1 שדות טופס ללא תיוג מזוהה. קשרו כל שדה לאלמנט <label for> או הגדירו aria-label / aria-labelledby. placeholder בלבד אינו מספיק.
- 3 קישור(ים) ללא שם מזוהה ב‑HTML. הוסיפו טקסט קישור נראה, או השתמשו ב‑aria-label או בתמונה עם alt בקישורי אייקון.
- אין כותרת <h1> ב‑HTML שנמסר. הכניסו <h1> משמעותית ככותרת הראשונה (רצוי כבר בצד השרת).
- 5 כללn CSS עם ניגודיות טקסט אפשרית נמוכה מדי. הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
סריקה מחודשת שבועית, עם עיבוד JS, מייל על מחסומים חדשים — בקרוב.
שיטה וגבולות
ב‑24.9.2026 נבדק ה‑HTML ש‑www.spiegel.de מספק בביקור ראשון ללא התחברות, בתוספת עד ארבעה קובצי CSS מקושרים מאותו הדומיין. נבדקו: ניגודיות צבע (מתוך ה‑CSS), טקסט חלופי, תיוג טפסים, שמות רכיבי הפעלה, מבנה כותרות, כותרת העמוד ושפת העמוד, נעילת זום, מזהי id כפולים, ערכי tabindex חיוביים, ציוני דרך (landmarks).
לא נבדקו: כל מה שנוצר באמצעות JavaScript, הפעלה במקלדת, מיקוד נראה, סדר המיקוד, הכרזת קורא מסך, תוכן מאחורי התחברות, עמודי משנה. הבדיקה האוטומטית מוצאת כ‑20–35% מהפרות ה‑WCAG — השאר מחייב בדיקה ידנית. תמונת מצב, לא הכרעה משפטית.
וידג׳טים מסוג overlay (כפתורי נגישות שמשנים ניגודיות או גופן) אינם הופכים אתר לתואם — יש לתקן את החסמים שנמצאו בקוד המקור. למה overlays לא עוזרים