فحص إمكانية الوصول: www.spiegel.de

فُحِص في 31‏/8‏/2026 · https://www.spiegel.de/

54 / 100

1 حرج · 4 للتحقق

1 عائق حرج · إضافةً إلى 4 للتحقق.

منذ الفحص الأخير مُصلَح: 1 · جديد: 1

كيف تُحتسب الدرجة؟ (100 نقطة بداية)

{n} زر بلا اسم في الـ HTML	-18
{n} حقل نموذج بلا تسمية يمكن التعرف عليها	-7
{n} رابط بلا اسم يمكن التعرف عليه في الـ HTML	-7
لا يوجد عنوان <h1> في الـ HTML المُقدَّم	-7
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا	-7
النتيجة	54 / 100

?التباين (1)✓البدائل النصية✕التسمية (3)?البنية (1)✓اللغة✓التكبير✓المتانة

قابل للإدراك

للتحققWCAG 1.3.1 المعلومات والعلاقات / 4.1.2 الاسم والدور والقيمة

{n} حقل نموذج بلا تسمية يمكن التعرف عليها

تحقق مما إذا كان هناك aria-label مضبوط عبر JavaScript.

input, select, textarea

ما ينبغي فعله: اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.

للتحققWCAG 1.4.3 التباين (الحد الأدنى)

{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا

المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}

.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base

ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.

قابل للتشغيل

حرجWCAG 4.1.2 الاسم والدور والقيمة

{n} زر بلا اسم في الـ HTML

الأزرار بلا نص وبلا aria-label صامتة لقارئات الشاشة — ما لم يُضبَط الاسم عبر JavaScript.

button

ما ينبغي فعله: أضِف نص الزر أو اضبط aria-label.

للتحققWCAG 2.4.4 غرض الرابط / 4.1.2 الاسم والدور والقيمة

{n} رابط بلا اسم يمكن التعرف عليه في الـ HTML

روابط فارغة أو مجرد أيقونة/صورة بلا alt. لا يُتعرَّف هنا على aria-label المضبوط عبر JavaScript.

ما ينبغي فعله: أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.

للتحققWCAG 1.3.1 المعلومات والعلاقات / 2.4.6 العناوين والتسميات

لا يوجد عنوان <h1> في الـ HTML المُقدَّم

يجب أن تبدأ كل صفحة بعنوان h1 واحد بالضبط. في الصفحات المبنية عبر JavaScript قد لا ينشأ الـ h1 إلا في المتصفح — عندئذٍ تحقق في الـ DOM المعروض.

body

ما ينبغي فعله: أدرِج <h1> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).

تم حله بشكل صحيح بالفعل

Textalternativen: keine automatisch erkennbaren Probleme
يوجد رابط تخطٍّ إلى المحتوى
يوجد معلَم <main>

الخطوات التالية

{n} زر بلا اسم في الـ HTML. أضِف نص الزر أو اضبط aria-label.
{n} حقل نموذج بلا تسمية يمكن التعرف عليها. اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
{n} رابط بلا اسم يمكن التعرف عليه في الـ HTML. أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.
لا يوجد عنوان <h1> في الـ HTML المُقدَّم. أدرِج <h1> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا. غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.

مراقبة هذه الصفحة آليًا؟

إعادة فحص أسبوعية، بعرض JS، بريد إلكتروني عند العوائق الجديدة — قريبًا.

إنشاء بيان إمكانية الوصول ←

المنهجية & الحدود

في 31‏/8‏/2026 فُحِص الـ HTML الذي يُقدِّمه www.spiegel.de عند أول استدعاء دون تسجيل دخول، إضافةً إلى ما يصل إلى أربعة ملفات CSS مرتبطة من النطاق نفسه. ما فُحِص: تباين الألوان (من الـ CSS)، البدائل النصية، تسمية النماذج، أسماء عناصر التحكم، بنية العناوين، عنوان الصفحة ولغتها، قفل التكبير، معرّفات id مكررة، قيم tabindex موجبة، المعالم.

لم يُفحَص: كل ما ينشأ عبر JavaScript، وقابلية التشغيل بلوحة المفاتيح، والتركيز المرئي، وترتيب التركيز، وإعلان قارئ الشاشة، والمحتوى خلف تسجيل الدخول، والصفحات الفرعية. يكتشف الاختبار الآلي نحو 20–35 % من مخالفات WCAG — أما الباقي فيحتاج إلى فحص يدوي. لقطة لحظية، لا حكم قانوني.

لا تجعل أدوات الـ overlay (أزرار إمكانية الوصول التي تغيّر التباين أو الخط) الموقعَ مطابقًا للمعايير — يجب إصلاح العوائق المكتشفة في الشيفرة المصدرية. لماذا لا تفيد أدوات الـ overlay

فحص موقع آخر