فُحِص في 31/8/2026 · https://www.spiegel.de/
1 عائق حرج · إضافةً إلى 3 للتحقق.
كيف تُحتسب الدرجة؟ (100 نقطة بداية)
| {n} زر بلا اسم في الـ HTML | -18 |
| {n} حقل نموذج بلا تسمية يمكن التعرف عليها | -7 |
| {n} رابط بلا اسم يمكن التعرف عليه في الـ HTML | -7 |
| لا يوجد عنوان <h1> في الـ HTML المُقدَّم | -7 |
| النتيجة | 61 / 100 |
قابل للإدراك
{n} حقل نموذج بلا تسمية يمكن التعرف عليها
تحقق مما إذا كان هناك aria-label مضبوط عبر JavaScript.
input, select, textarea
ما ينبغي فعله: اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
قابل للتشغيل
{n} زر بلا اسم في الـ HTML
الأزرار بلا نص وبلا aria-label صامتة لقارئات الشاشة — ما لم يُضبَط الاسم عبر JavaScript.
button
ما ينبغي فعله: أضِف نص الزر أو اضبط aria-label.
{n} رابط بلا اسم يمكن التعرف عليه في الـ HTML
روابط فارغة أو مجرد أيقونة/صورة بلا alt. لا يُتعرَّف هنا على aria-label المضبوط عبر JavaScript.
a
ما ينبغي فعله: أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.
لا يوجد عنوان <h1> في الـ HTML المُقدَّم
يجب أن تبدأ كل صفحة بعنوان h1 واحد بالضبط. في الصفحات المبنية عبر JavaScript قد لا ينشأ الـ h1 إلا في المتصفح — عندئذٍ تحقق في الـ DOM المعروض.
body
ما ينبغي فعله: أدرِج <h1> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).
تم حله بشكل صحيح بالفعل
- Textalternativen: keine automatisch erkennbaren Probleme
- يوجد رابط تخطٍّ إلى المحتوى
- يوجد معلَم <main>
- التباين: لم يُعثَر على مخالفات واضحة في الـ CSS
الخطوات التالية
- {n} زر بلا اسم في الـ HTML. أضِف نص الزر أو اضبط aria-label.
- {n} حقل نموذج بلا تسمية يمكن التعرف عليها. اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
- {n} رابط بلا اسم يمكن التعرف عليه في الـ HTML. أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.
- لا يوجد عنوان <h1> في الـ HTML المُقدَّم. أدرِج <h1> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).
إعادة فحص أسبوعية، بعرض JS، بريد إلكتروني عند العوائق الجديدة — قريبًا.
المنهجية & الحدود
في 31/8/2026 فُحِص الـ HTML الذي يُقدِّمه www.spiegel.de عند أول استدعاء دون تسجيل دخول، إضافةً إلى ما يصل إلى أربعة ملفات CSS مرتبطة من النطاق نفسه. ما فُحِص: تباين الألوان (من الـ CSS)، البدائل النصية، تسمية النماذج، أسماء عناصر التحكم، بنية العناوين، عنوان الصفحة ولغتها، قفل التكبير، معرّفات id مكررة، قيم tabindex موجبة، المعالم.
لم يُفحَص: كل ما ينشأ عبر JavaScript، وقابلية التشغيل بلوحة المفاتيح، والتركيز المرئي، وترتيب التركيز، وإعلان قارئ الشاشة، والمحتوى خلف تسجيل الدخول، والصفحات الفرعية. يكتشف الاختبار الآلي نحو 20–35 % من مخالفات WCAG — أما الباقي فيحتاج إلى فحص يدوي. لقطة لحظية، لا حكم قانوني.
لا تجعل أدوات الـ overlay (أزرار إمكانية الوصول التي تغيّر التباين أو الخط) الموقعَ مطابقًا للمعايير — يجب إصلاح العوائق المكتشفة في الشيفرة المصدرية. لماذا لا تفيد أدوات الـ overlay