فُحِص في 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 موجبة، المعالم.
لم يُفحَص: كل ما ينشأ عبر JavaScript، وقابلية التشغيل بلوحة المفاتيح، والتركيز المرئي، وترتيب التركيز، وإعلان قارئ الشاشة، والمحتوى خلف تسجيل الدخول، والصفحات الفرعية. يكتشف الاختبار الآلي نحو 20–35 % من مخالفات WCAG — أما الباقي فيحتاج إلى فحص يدوي. لقطة لحظية، لا حكم قانوني.
لا تجعل أدوات الـ overlay (أزرار إمكانية الوصول التي تغيّر التباين أو الخط) الموقعَ مطابقًا للمعايير — يجب إصلاح العوائق المكتشفة في الشيفرة المصدرية. لماذا لا تفيد أدوات الـ overlay