زر بدون اسم متاح
العنصر التفاعلي موجود في DOM، لكن قارئ الشاشة لا يتلقى اسم إجراء واضحًا.
button.product-card__favoriteفحص إمكانية الوصول لموقع الويب وفق WCAG AA
اعثر على عوائق مثل الأزرار غير الواضحة والحقول بلا تسميات والنصوص صعبة القراءة. احصل على فحص آلي لإمكانية الوصول مع شرح للمشكلات.
نتيجة الفحص
تقرير يتحول مباشرة إلى مهام للفريق
يحدد التقرير العنصر المتأثر في DOM، أي شجرة عناصر المتصفح، مع محدد ومقتطف HTML. اعثر على المكون وأصلح المشكلة، ثم أعد اختبار استخدامه بلوحة المفاتيح وقارئ الشاشة.
المخالفاتناجحيحتاج مراجعةوسوم WCAG
accessibility-report3 مشكلات · 42 قاعدة ناجحة
حقل النموذج غير مرتبط بتسميته
يمكن للمستخدم رؤية التسمية، لكن العلاقة التقنية بين التسمية وحقل الإدخال مفقودة.
#checkout-emailتباين النص أقل من WCAG AA
حالة الزر ضعيفة بصريًا وقد تختفي مقابل خلفية الواجهة الداكنة.
.promo-banner .btn-secondaryراجع التأثير
ابدأ بالمشكلات الحرجة والخطيرة لإزالة أكثر حواجز الوصول وضوحًا بسرعة.
شارك المحدِّد
أرسل إلى المطوّر الهدف الدقيق، ومقتطف HTML، وسببًا موجزًا للمخالفة.
أعد فحص الإصدار
شغّل الفحص مرة أخرى بعد الإصلاحات وانظر أي المخالفات اختفت من التقرير.
ما نفحصه
الدلالات وARIA والنماذج والتباين في فحص واحد لإمكانية الوصول
يفحص التحقق الآلي لإمكانية الوصول واجهة الصفحة بعد عرضها بحثًا عن المشكلات القابلة للكشف. ترتبط النتائج بقواعد WCAG، لكن التقرير الناجح لا يثبت الامتثال الكامل لمستوى WCAG AA.
بنية الصفحة
نتحقق من عنوان المستند، ولغة الصفحة، وتسلسل العناوين، ومناطق المعالم، والقوائم، والنص البديل للصور.
تفاصيل للمطورين
- h1-h6 والمعالم
- النص البديل وSVG المخفية
- lang وtitle والدلالات الأساسية
ARIA والأسماء المتاحة
تصف سمات ARIA دور عنصر التحكم وحالته وعلاقاته للتقنيات المساعدة. نتحقق من العلاقات غير الصحيحة وعناصر التحكم التي تفتقر إلى أسماء واضحة؛ إضافة ARIA وحدها لا تجعل التفاعل متاحًا.
تفاصيل للمطورين
- اسم button وlink وinput
- مشكلات role/state/property
- أنماط combobox وdialog وmenu
النماذج والأخطاء والتباين
نتحقق من التسميات، والحالات المطلوبة وغير الصالحة، وعلاقات النص المساعد، وتباين النص، وقابلية قراءة العناصر المهمة.
تفاصيل للمطورين
- التسمية والنص المساعد
- نسبة تباين WCAG AA
- الأخطاء والرسائل المباشرة
الأسئلة الشائعة
الأسئلة الشائعة حول فحوصات إمكانية الوصول
إجابات موجزة عن WCAG، والقواعد الآلية، وعُقد DOM، وARIA، والنماذج، والتباين، وترتيب الإصلاح.
ما الذي يكتشفه الفحص الآلي؟
يكتشف المشكلات التي يمكن رصدها من HTML والأنماط المُصيَّرة: التسميات المفقودة، وأخطاء ARIA، والأدوار غير الصالحة، ومشكلات التباين، والروابط والأزرار الفارغة، والنص البديل، وبنية المعالم، وجزءًا من مجموعة قواعد WCAG.
ماذا يعني WCAG AA لموقع ويب؟
WCAG AA هو مستوى مستهدف عملي لإمكانية الوصول لمعظم الواجهات التجارية والعامة. تُوسَم قواعد التقرير بوسوم WCAG، بحيث يمكنك رؤية المتطلب الذي تتعلق به كل مخالفة.
هل يحل هذا محل التدقيق اليدوي؟
لا. يغطي الفحص المخالفات التقنية في DOM وCSS جيدًا، لكن السيناريوهات المعقدة، وترتيب التنقل الفعلي بلوحة المفاتيح، وسلوك قارئ الشاشة ينبغي تأكيدها في مرحلة يدوية منفصلة.
هل يمكنني البدء بصفحة واحدة؟
نعم. عادةً ما يفحص الفحص الأول الصفحة الرئيسية، أو نموذج العميل المحتمل، أو بطاقة المنتج، أو الدفع، أو منطقة الحساب. بالنسبة للمواقع القائمة على القوالب، من المفيد فحص صفحة واحدة من كل نوع ومقارنة المخالفات المتكررة.
ما الذي ينبغي إصلاحه أولًا إذا كانت هناك أخطاء كثيرة؟
ابدأ بالمشكلات الحرجة والخطيرة: العناصر بلا أسماء يمكن الوصول إليها، والحقول بلا تسميات، وأخطاء ARIA، والتباين غير الكافي، والعناصر التفاعلية الممثَّلة بشكل خاطئ في DOM. يمكن تجميع المشكلات المتوسطة والطفيفة مع تغييرات التصميم أو التخطيط القريبة.
خدمات ذات صلة
ما يجب فحصه بعد هذه الخدمة
فحص HTML
اعثر على أخطاء HTML وبنية الصفحة المعقدة أكثر من اللازم. يحدد التقرير العناصر المتأثرة.
فتحتدقيق CSS
اعثر على ملفات الأنماط الكبيرة والتكرارات والأنماط غير المستخدمة أثناء التحميل. قد تحتاج إليها صفحات أخرى أو حالات تظهر بعد إجراءات المستخدم.
فتحتدقيق SEO
افحص ما يصل إلى 5 صفحات لتحسين محركات البحث والبيانات الوصفية وتوفر المحتوى قبل تشغيل JavaScript وبعده.
فتحسرعة التحميل
تحقق من تحميل الصفحة بإعدادات الجهاز والشبكة التي تختارها. احصل على قياسات السرعة والمشكلات والتوصيات.
فتح