נבדק ב‑31.8.2026 · https://www.spiegel.de/
32 מחסום קריטיn · בנוסף 7 לבדיקה.
כיצד נוצר הציון? (100 נקודות התחלה)
| {n} שדות טופס ללא תיוג מזוהה | -18 |
| {n} קישור(ים) ללא שם מזוהה ב‑HTML | -18 |
| {n} כפתור(ים) ללא שם ב‑HTML | -18 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -18 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -6 |
| אין כותרת <h1> ב‑HTML שנמסר | -7 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -2 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -2 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -2 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -2 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -2 |
| {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי | -2 |
| תוצאה | 0 / 100 |
ניתן לתפיסה
{n} שדות טופס ללא תיוג מזוהה
בדקו אם קיים aria-label שהוגדר באמצעות JavaScript.
input, select, textarea
זה מה שכדאי לעשות: קשרו כל שדה לאלמנט <label for> או הגדירו aria-label / aria-labelledby. placeholder בלבד אינו מספיק.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.button-spon
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.button-effi
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.button-mmo
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.button-hbm
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
input::placeholder, textarea::placeholder
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
body .richtext--inverted p
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
body .richtext--inverted a
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
body .richtext--inverted a:focus
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.richtextcredit.richtextcredit--inverted a
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.richtextsystem.richtextsystem--inverted a
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.richtextsystem.richtextsystem--inverted a:hover
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.richtextsystem.richtextsystem--inverted a:focus
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-shade-base
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-shade-light
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-shade-lighter
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-shade-lightest
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-white
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.placeholder-shade-base::-moz-placeholder
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.placeholder-shade-base::placeholder
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.hover\:text-shade-lighter:hover
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.hover\:text-shade-lightest:hover
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.hover\:text-white:hover
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.focus\:text-shade-base:focus
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.focus\:text-shade-lighter:focus
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.focus\:text-white:focus
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.disabled\:text-shade-base:disabled
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.disabled\:text-shade-light:disabled
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.debug.svelte-1x5iokp
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-effi-primary-base
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-elf-primary-base
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-shade-dark
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.text-spon-primary-base
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
{n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי
נדרש: 4.5:1 (רגיל) או 3:1 (טקסט גדול). ב“רקע עמוד משוער” לא ניתן היה לקבוע בוודאות את הרקע בפועל — בדקו בדפדפן במקרה של ספק. נמצא בין היתר: {examples}
.disabled\:text-shade-dark:disabled
זה מה שכדאי לעשות: הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
ניתן להפעלה
{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> משמעותית ככותרת הראשונה (רצוי כבר בצד השרת).
כבר פתור נכון
- Textalternativen: keine automatisch erkennbaren Probleme
- קיים קישור דילוג אל התוכן
- קיים ציון דרך <main>
הצעדים הבאים
- {n} שדות טופס ללא תיוג מזוהה. קשרו כל שדה לאלמנט <label for> או הגדירו aria-label / aria-labelledby. placeholder בלבד אינו מספיק.
- {n} קישור(ים) ללא שם מזוהה ב‑HTML. הוסיפו טקסט קישור נראה, או השתמשו ב‑aria-label או בתמונה עם alt בקישורי אייקון.
- {n} כפתור(ים) ללא שם ב‑HTML. הוסיפו טקסט לכפתור או הגדירו aria-label.
- {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי. הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
- {n} כלל{nPlural} CSS עם ניגודיות טקסט אפשרית נמוכה מדי. הכהו את צבע הטקסט או הבהירו את הרקע עד להשגת ערך המינימום הרלוונטי. לעולם אל תשתמשו בצבע כסימן ההבחנה היחיד.
סריקה מחודשת שבועית, עם עיבוד JS, מייל על מחסומים חדשים — בקרוב.
שיטה וגבולות
ב‑31.8.2026 נבדק ה‑HTML ש‑www.spiegel.de מספק בביקור ראשון ללא התחברות, בתוספת עד ארבעה קובצי CSS מקושרים מאותו הדומיין. נבדקו: ניגודיות צבע (מתוך ה‑CSS), טקסט חלופי, תיוג טפסים, שמות רכיבי הפעלה, מבנה כותרות, כותרת העמוד ושפת העמוד, נעילת זום, מזהי id כפולים, ערכי tabindex חיוביים, ציוני דרך (landmarks).
לא נבדקו: כל מה שנוצר באמצעות JavaScript, הפעלה במקלדת, מיקוד נראה, סדר המיקוד, הכרזת קורא מסך, תוכן מאחורי התחברות, עמודי משנה. הבדיקה האוטומטית מוצאת כ‑20–35% מהפרות ה‑WCAG — השאר מחייב בדיקה ידנית. תמונת מצב, לא הכרעה משפטית.