مدقق مجاني لإمكانية الوصول
شغّل محرك إمكانية الوصول axe-core على صفحتك في متصفح حقيقي لاكتشاف العوائق الشائعة — مثل حقول النماذج بلا تسميات، والتباين المنخفض في الألوان، والصور بلا بدائل نصية، وأخطاء ARIA — وتعلّم كيفية إصلاحها.
ما الذي تفحصه هذه الأداة
البدائل النصية
الصور وأزرار الصور وغيرها من المحتوى غير النصي الذي لا يملك بديلًا نصيًا يستطيع قارئ الشاشة قراءته.
تسميات النماذج
حقول الإدخال ومربعات الاختيار والقوائم المنسدلة التي لا تملك تسمية قابلة للوصول، فلا تستطيع التقنيات المساعدة توضيح الغرض منها.
تباين الألوان
نص لونه قريب جدًا من خلفيته بحيث لا يحقق نسب التباين في WCAG AA.
أسماء الروابط والأزرار
روابط وأزرار بلا اسم مقروء — غالبًا أزرار تحتوي على أيقونة فقط.
ARIA
أدوار وسمات ARIA غير صالحة، أو غير مسموح بها على ذلك العنصر، أو ينقصها أجزاء مطلوبة.
بنية الصفحة
لغة الصفحة، وعنوان الصفحة، والمعالم (landmarks)، وغيرها من القواعد الهيكلية من WCAG وأفضل ممارسات axe-core.
عدد العناصر المتأثرة
لكل مشكلة (حتى 25 نوعًا)، عدد العناصر التي تفشل ومثال على مكان العثور على أحدها.
كيف يعمل الفحص
نحمّل صفحتك في Chromium دون واجهة، ونضيف مكتبة axe-core ونشغّل مجموعة قواعدها الافتراضية على الصفحة بعد عرضها، لذا يُختبر أيضًا المحتوى الذي تضيفه JavaScript. تغطي المجموعة الافتراضية قواعد WCAG 2.x للمستويين A وAA إضافةً إلى أفضل ممارسات axe-core.
كل قاعدة تفشل تخفض النتيجة بحسب تأثيرها: 15 نقطة للحرجة، و10 للخطيرة، و5 للمتوسطة، و2 للطفيفة. يكون الخصم لكل قاعدة لا لكل عنصر، لذا فإن غياب تسمية واحدة وغياب عشرين تسمية يكلّفان الشيء نفسه — وتخبرك المشكلة بعدد العناصر المتأثرة.
لا يكتشف الاختبار الآلي إلا جزءًا من مشكلات إمكانية الوصول التي قد تحتويها الصفحة. فكثير منها يحتاج إلى حكم إنسان — هل نص alt ذو معنى فعلًا، وهل ترتيب التنقل بلوحة المفاتيح منطقي، وهل المحتوى مفهوم. اعتبر هذا الفحص نقطة انطلاق، لا شهادة.
مشكلات شائعة نكتشفها
نص منخفض التباين
نص رمادي فاتح، ونص على أزرار ملونة، ونص توضيحي (placeholder) مستخدم بدلًا من التسمية.
صور بلا نص alt
الشعارات وصور المنتجات والصور المستخدمة كروابط.
حقول نماذج بلا تسميات
مربعات البحث ونماذج الاشتراك في النشرات البريدية التي تعتمد على النص التوضيحي فقط.
أزرار وروابط بأيقونات فقط
أيقونات القائمة والإغلاق والشبكات الاجتماعية وسلة التسوق بلا نص لقارئات الشاشة.
غياب لغة الصفحة
لا توجد سمة lang على عنصر html، فقد تستخدم قارئات الشاشة نطقًا خاطئًا.
استخدام ARIA بشكل خاطئ
أدوار على عناصر غير مناسبة، أو إشارات إلى معرّفات (IDs) غير موجودة.
كيفية إصلاحها
اجعل النص أغمق أو الخلفية أفتح
استهدف نسبة تباين لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير. تعرض أداة فحص التباين في أدوات المطوّر بمتصفحك هذه النسبة.
أضف نص alt يوضح الغرض من الصورة
صِف ما يهم في السياق — «نزّل قائمة الأسعار» لرابط أيقونة، لا «أيقونة». واستخدم alt="" للصور الزخرفية البحتة.
أعطِ كل حقل تسمية ظاهرة
استخدم عنصر label مرتبطًا بحقل الإدخال. إذا كان التصميم لا يسمح بإظهارها فعلًا، فاستخدم aria-label — لكن التسميات الظاهرة تساعد الجميع.
سمِّ أزرار الأيقونات
أضف نصًا مخفيًا بصريًا أو aria-label، مثل aria-label="Open menu".
فضّل HTML الأصلي على ARIA
عنصر button أو رابط حقيقي قابل للوصول افتراضيًا. لا تضف ARIA إلا عندما لا يوجد عنصر أصلي يؤدي المهمة.
اختبر يدويًا أيضًا
جرّب استخدام الصفحة بلوحة المفاتيح فقط، ومع قارئ شاشة مثل NVDA أو VoiceOver، لاكتشاف ما لا تستطيع القواعد الآلية اكتشافه.
الأسئلة الشائعة
إذا اجتزت هذا الفحص، فهل موقعي متوافق مع WCAG؟
لا. الاجتياز يعني أن القواعد الآلية لم تجد مشكلات. وكثير من متطلبات WCAG لا يمكن التحقق منها إلا بواسطة إنسان، لذا يحتاج التوافق إلى مراجعة يدوية أيضًا.
هل يختبر التنقل بلوحة المفاتيح أو قارئات الشاشة؟
لا. يفحص axe-core شيفرة الصفحة وأنماطها المحسوبة. ولا يستطيع معرفة ما إذا كان ترتيب التنقل منطقيًا أو كيف يقرأ قارئ الشاشة الصفحة فعلًا — اختبر ذلك يدويًا.
ما إصدار WCAG ومستواه المستخدمان؟
مجموعة القواعد الافتراضية في axe-core: قواعد WCAG 2.x للمستويين A وAA، إضافةً إلى قواعد أفضل الممارسات. ولا تُشمل قواعد المستوى AAA.
لماذا لم تتغير نتيجتي بعد إصلاح عنصر واحد؟
تنخفض النتيجة مرة واحدة لكل قاعدة فاشلة، مهما كان عدد العناصر. ولا تتوقف القاعدة عن خفض نتيجتك إلا بعد إصلاح كل عنصر أشارت إليه.
هل يمكنه فحص الصفحات التي تتطلب تسجيل الدخول؟
لا. لا يمكننا اختبار إلا الصفحات المتاحة للعامة دون تسجيل الدخول.
أدلة مفيدة
أدوات مجانية ذات صلة
- مدقق التوافق مع الجوالشاهد صفحتك على شاشات الهاتف والجهاز اللوحي وسطح المكتب، واكتشف المحتوى الذي يفيض خارج الشاشة.افتح مدقق التوافق مع الجوال
- مدقق SEOافحص عنوان صفحتك ووصفها وعناوينها الفرعية وأوصاف الصور وعنوان URL الأساسي (canonical) وrobots.txt وخريطة الموقع.افتح مدقق SEO
- تدقيق الموقعافحص صفحة واحدة بحثًا عن مشكلات SEO والسرعة والجوال وإمكانية الوصول والأمان والروابط المعطّلة والخادم في تقرير واحد.افتح تدقيق الموقع
تفضّل أن يصلحها أحد نيابةً عنك؟
هذه الفحوص مجانية وكذلك الأدلة. وإذا كنت تفضّل أن يُجري شخص التغييرات، يقدم فريقنا مساعدة مدفوعة.