فُحِص في 31/8/2026 · https://www.heise.de/
4 عائق حرجn · إضافةً إلى 3 للتحقق.
كيف تُحتسب الدرجة؟ (100 نقطة بداية)
| {n} من {total} صورة بلا سمة alt | -18 |
| {n} حقل نموذج بلا تسمية يمكن التعرف عليها | -18 |
| {n} رابط بلا اسم يمكن التعرف عليه في الـ HTML | -18 |
| {n} زر بلا اسم في الـ HTML | -18 |
| لا يوجد عنوان <h1> في الـ HTML المُقدَّم | -7 |
| {n} سمة id مكررة | -7 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -7 |
| النتيجة | 7 / 100 |
قابل للإدراك
{n} من {total} صورة بلا سمة alt
الصور التي تُحمَّل عبر JavaScript غير مشمولة هنا.
img
ما ينبغي فعله: امنح كل <img> سمة alt: وصف قصير للصور الحاملة للمعنى، alt="" للصور الزخرفية البحتة.
{n} حقل نموذج بلا تسمية يمكن التعرف عليها
تحقق مما إذا كان هناك aria-label مضبوط عبر JavaScript.
input, select, textarea
ما ينبغي فعله: اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
قابل للتشغيل
{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> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).
متين
{n} سمة id مكررة
مثلًا {examples}. يكسر ارتباطات label-for وaria.
[id]
ما ينبغي فعله: امنح معرّفات id فريدة.
الخطوات التالية
- {n} من {total} صورة بلا سمة alt. امنح كل <img> سمة alt: وصف قصير للصور الحاملة للمعنى، alt="" للصور الزخرفية البحتة.
- {n} حقل نموذج بلا تسمية يمكن التعرف عليها. اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
- {n} رابط بلا اسم يمكن التعرف عليه في الـ HTML. أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.
- {n} زر بلا اسم في الـ HTML. أضِف نص الزر أو اضبط aria-label.
- لا يوجد عنوان <h1> في الـ HTML المُقدَّم. أدرِج <h1> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).
إعادة فحص أسبوعية، بعرض JS، بريد إلكتروني عند العوائق الجديدة — قريبًا.
المنهجية & الحدود
في 31/8/2026 فُحِص الـ HTML الذي يُقدِّمه www.heise.de عند أول استدعاء دون تسجيل دخول، إضافةً إلى ما يصل إلى أربعة ملفات CSS مرتبطة من النطاق نفسه. ما فُحِص: تباين الألوان (من الـ CSS)، البدائل النصية، تسمية النماذج، أسماء عناصر التحكم، بنية العناوين، عنوان الصفحة ولغتها، قفل التكبير، معرّفات id مكررة، قيم tabindex موجبة، المعالم.
لم يُفحَص: كل ما ينشأ عبر JavaScript، وقابلية التشغيل بلوحة المفاتيح، والتركيز المرئي، وترتيب التركيز، وإعلان قارئ الشاشة، والمحتوى خلف تسجيل الدخول، والصفحات الفرعية. يكتشف الاختبار الآلي نحو 20–35 % من مخالفات WCAG — أما الباقي فيحتاج إلى فحص يدوي. لقطة لحظية، لا حكم قانوني.
لا تجعل أدوات الـ overlay (أزرار إمكانية الوصول التي تغيّر التباين أو الخط) الموقعَ مطابقًا للمعايير — يجب إصلاح العوائق المكتشفة في الشيفرة المصدرية. لماذا لا تفيد أدوات الـ overlay