تقرير إصلاح

تقرير إصلاح إمكانية الوصول

نختبر موقعك وفق WCAG 2.2 للمستويين A وAA في متصفح حقيقي، ونسلك مساره الرئيسي باستخدام لوحة المفاتيح وحدها (في المتجر، حتى زر إتمام الشراء)، ونقدّم لمطوّرك التغيير المطلوب لكل عائق، مبنيًا من ترميز صفحاتك نفسه.

  • اختبار حتى 25 صفحة
  • اختبار رحلة لوحة المفاتيح
  • 5 إعادات اختبار مشمولة

ما نفحصه

  • قواعد WCAG 2.2 للمستويين A وAA

    اختبارات axe-core آلية على صفحاتك الأساسية وعلى ما يصل إلى 20 صفحة إضافية من خريطة موقعك: النص البديل، وتباين الألوان، وأسماء الأزرار والروابط، وتسميات حقول النماذج، والعناوين، والمعالم (landmarks)، وARIA.

  • اختبار رحلة لوحة المفاتيح

    باستخدام لوحة المفاتيح فقط: في المتجر، من الصفحة الرئيسية إلى المنتج، ثم الخيارات، ثم زر الإضافة إلى السلة، ثم السلة، مع التوقف عند زر إتمام الشراء؛ وفي المواقع الأخرى، من الصفحة الرئيسية إلى الصفحة الأساسية ودعوتها الرئيسية إلى اتخاذ إجراء وحقول نموذجها. لا يُرسَل أي شيء أبدًا.

  • مصائد التركيز والتركيز المرئي

    هل يعلق التركيز في مكان ما، في لافتة ملفات تعريف الارتباط مثلًا، وهل يستطيع الزوار رؤية موضعه.

  • إعادة التدفق على الهاتف بعرض 320 px

    هل تحتاج الصفحات إلى تمرير أفقي على هاتف صغير (WCAG 1.4.10).

  • خريطة ادعاءات خطاب المطالبة

    إذا لصقت خطابًا، يُطابَق كل ادعاء فيه مع ما أكدته اختباراتنا، مع عدد الحالات في كل صفحة.

  • عناصر تحتاج إلى فحص بشري

    ما تشير إليه الاختبارات لكنها لا تستطيع الحكم عليه، مثل النص فوق الصور، مع طريقة فحص كل عنصر.

ما تحصل عليه

  • قائمة مرتبة حسب الأولوية: أصلِح أولًا، ثم أصلِح لاحقًا، ثم حسِّن
  • كود قبل التغيير وبعده مبني من كل عنصر فاشل
  • خطوات لـ Shopify أو WordPress أو WooCommerce أو المنصة التي نكتشفها
  • أمر جاهز للذكاء الاصطناعي لكل نتيجة
  • لقطات شاشة مع تحديد العنصر الفاشل
  • مسودة بيان إمكانية الوصول وسجل أدلة
  • 5 إعادات اختبار للتأكد من إصلاحاتك، وملف PDF

كيف يُعدّ التقرير

  1. 1

    تُحمَّل الصفحات الخمس من فحصك المجاني، إضافةً إلى ما يصل إلى 20 صفحة من خريطة موقعك، في Chromium وتُختبر باستخدام axe-core.

  2. 2

    تسلك جلسة متصفح منفصلة المسار الرئيسي للموقع باستخدام لوحة المفاتيح فقط، وتسجّل كل خطوة، مع لقطة شاشة عند أي فشل.

  3. 3

    يحصل كل فشل على إصلاح مكتوب لمنصتك، ثم يُجمَع التقرير ويُرسَل إليك بالبريد الإلكتروني.

نتائج من التقرير النموذجي

مُخرَج حقيقي لـ Harbor & Pine، وهو متجر وهمي أنشأناه بمشكلات شائعة.

افتح التقرير النموذجي كاملًا
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

ما لا يشمله

  • مخرجات قارئ الشاشة، والترجمة النصية، والوصف الصوتي (تُرفق قائمة تحقق يدوية)
  • صفحة الدفع، والمدفوعات، وإرسال النماذج
  • الصفحات التي تتطلب تسجيل الدخول
  • الاستشارة القانونية، أو شهادة امتثال لقانون ADA أو EAA

أسئلة حول هذا التقرير

هل هذا تدقيق WCAG كامل؟

إنه تدقيق آلي مع اختبار رحلة لوحة المفاتيح. تكتشف الاختبارات الآلية جزءًا من مشكلات WCAG في الموقع، لذا يسرد التقرير أيضًا ما يحتاج إلى فحص بشري وكيفية إجرائه.

هل يساعدني إذا وصلني خطاب مطالبة ADA؟

إذا لصقت الخطاب، يبيّن التقرير الادعاءات التي تؤكدها اختباراتنا على موقعك، مع الأدلة. إنه سجل وقائعي، لا استشارة قانونية؛ تحدّث إلى محامٍ بشأن الخطاب نفسه.

مع أي منصات يعمل الكود؟

تُكتب الإصلاحات للمنصة التي نكتشفها: قوالب Shopify، وWordPress وWooCommerce، وWebflow، وBigCommerce، وWix، وSquarespace، وأطر العمل مثل Next.js، أو HTML العادي. وحين لا نستطيع رؤية الكود المصدري لديك، نقدّم مواقع الملفات على سبيل الإرشاد.

ما إعادات الاختبار الخمس؟

بعد أن يُجري مطوّرك التغييرات، يمكنك تشغيل الفحوصات نفسها مرة أخرى من التقرير، حتى خمس مرات، ورؤية المشكلات التي لم تعد تظهر.

افحص موقعك اليوم

اكتشف المشكلة. أصلحها. تحقّق من إصلاحها.

ما نوع هذا الموقع؟

تحدد إجابتك الفحوص المناسبة، مثل مسار التسوق للمتاجر الإلكترونية. ونظل نتحقق من أدلة الموقع نفسه ونعرض الاثنين معًا.

ما نوع هذا الموقع؟

فحص مجاني. لا حاجة إلى بطاقة ائتمان.