أداة مجانية
فاحص إمكانية الوصول (ADA / WCAG) وتباين الألوان المجاني
اختبر لونين وفق قواعد التباين في WCAG واحصل على لون بديل ناجح إن لم يجتازا المعيار، أو أدخل رابط صفحة لتحصل على 19 فحصًا آليًا لإمكانية الوصول بلغة واضحة: صور بلا نص بديل، وحقول نماذج بلا تسميات، وأزرار وروابط فارغة، وترتيب العناوين، وحظر التكبير، ولغة الصفحة، ومناطق المحتوى، وغيرها. كل نتيجة تشرح أثرها على الزائر الحقيقي وطريقة إصلاحها.
الخطوة 1: أكّد بريدك الإلكتروني
نرسل رمزًا من 6 أرقام. تحقّق مرة واحدة واستخدم جميع الأدوات المجانية لمدة 30 يومًا. لا نرسل أي رسائل أخرى.
طريقتان لاستخدام الفاحص
املأ ما تحتاجه فقط: يمكنك فحص الألوان، أو صفحة، أو الاثنين معًا.
- تباين الألوان: أدخل لون النص ولون الخلفية برمز hex (مثل #1a73e8 و#ffffff). تحصل على نسبة التباين الدقيقة، ونتيجة النجاح أو الرسوب في مستويي AA وAAA للنص العادي والكبير والأزرار، مع معاينة حيّة، وأقرب لون للنص يجتاز المعيار إن لم يجتزه لونك.
- فحص الصفحة: أدخل رابط صفحة (الرئيسية، أو صفحة الحجز، أو التواصل). نقرأ كود الصفحة ونجري 19 فحصًا تغطي أكثر المشكلات ورودًا في شكاوى إمكانية الوصول، ثم نعطيك درجة وطريقة إصلاح لكل مشكلة.
ماذا تعني أرقام التباين في WCAG
نسبة التباين تقارن درجة سطوع النص بدرجة سطوع الخلفية، من 1:1 (اللون نفسه) إلى 21:1 (أسود على أبيض). المستوى AA، وهو المستوى الذي تستند إليه أغلب القوانين والتسويات، يتطلب 4.5:1 على الأقل للنص العادي، و3:1 للنص الكبير (24px، أو 18.66px بخط عريض) وللأيقونات وحدود الحقول والأزرار. أما المستوى AAA فيتطلب 7:1 و4.5:1.
أكثر خطأ نراه في مواقع الأعمال الصغيرة هو النص الرمادي الفاتح على خلفية بيضاء، والنص الأبيض على لون علامة تجارية ساطع كالبرتقالي أو الأصفر أو الأخضر الفاتح. تعديل بسيط في درجة اللون يحلّ المشكلة غالبًا دون تغيير هوية العلامة، ولذلك تقترح الأداة أقرب لون ناجح بدل الاكتفاء بكلمة "راسب".
ماذا يفحص فحص الصفحة
- البدائل النصية: لكل صورة نص بديل (alt)، وهذا النص ليس اسم ملف مثل IMG_2041.jpg.
- النماذج: لكل حقل إدخال أو قائمة أو مربع نص تسمية يقرؤها قارئ الشاشة. نماذج التواصل والحجز بلا تسميات من أكثر أسباب عجز المكفوفين عن التواصل مع النشاط التجاري.
- الأسماء: لكل زر ورابط نص أو aria-label، والروابط لا تقول فقط "اضغط هنا" أو "اقرأ المزيد".
- البنية: عنوان H1 واحد، ومستويات عناوين متسلسلة، ومنطقة main، ورابط تخطٍّ إلى المحتوى، ولغة الصفحة وعنوانها، وعدم تكرار المعرّفات، وعناوين للإطارات المضمّنة (الخرائط والفيديو وأدوات الحجز).
- التفاعل: التكبير غير محظور على الجوال، ولا يعمل صوت تلقائيًا، وترتيب التنقل بلوحة المفاتيح غير مفروض بقيم tabindex موجبة.
- التباين في التنسيقات المضمّنة، ووجود رابط لبيان إمكانية الوصول.
لماذا تهمّ إمكانية الوصول للأعمال الصغيرة
في الولايات المتحدة تُرفع كل عام آلاف الدعاوى والإنذارات بسبب مواقع لا يستطيع ذوو الإعاقة استخدامها، استنادًا إلى قانون الأمريكيين ذوي الإعاقة (ADA)، والمطاعم والمتاجر والعيادات وشركات الخدمات المحلية من أكثر المستهدفين. والمعيار العملي الذي تستند إليه المحاكم ووزارة العدل هو WCAG 2.1 أو 2.2 بالمستوى AA. وبعيدًا عن المخاطر القانونية، يعيش نحو ربع البالغين في أمريكا مع إعاقة ما، ويعتمد كثيرون غيرهم على التكبير أو لوحة المفاتيح يوميًا، وفي المنطقة العربية تتجه الجهات الحكومية والشركات الكبرى إلى اشتراط معايير الوصول نفسها. الموقع السهل الوصول يجلب ببساطة اتصالات وحجوزات أكثر.
أدوات "التراكب" والإضافات التي تعد بالامتثال بسطر واحد لا تصلح الكود نفسه، والمواقع التي تستخدمها ما زالت تُقاضى. الحل الموثوق هو كود HTML سليم: تسميات حقيقية، وأزرار حقيقية، وعناوين حقيقية، وتباين كافٍ. وهكذا نبني كل موقع، بما فيها المواقع التي نبنيها مجانًا ضمن عرضنا. ويمكنك الاطلاع على بيان إمكانية الوصول الخاص بنا كمثال.
حدود الفحص الآلي
الأدوات الآلية تكشف جزءًا فقط من معايير WCAG، يُقدَّر غالبًا بنحو الثلث. لا يمكنها الحكم على جودة وصف النص البديل للصورة، ولا على إمكانية استخدام الصفحة كاملة بلوحة المفاتيح، ولا على قدرة مستخدم قارئ الشاشة على إتمام الحجز. النتيجة النظيفة هنا بداية قوية، لا شهادة قانونية. للمراجعة الكاملة على يد شخص متخصص اطلب التدقيق المجاني للموقع، ولبقية الأساسيات التقنية جرّب فحص صحة الموقع المجاني.
الأسئلة الشائعة
- هل هذا الفاحص مجاني؟
- نعم. تؤكد بريدك مرة واحدة برمز من 6 أرقام، ثم تستخدمه مع جميع أدوات ITCM الأخرى بلا حدود لمدة 30 يومًا. لا توجد نسخة مدفوعة.
- ما نسبة التباين المطلوبة للامتثال لقانون ADA؟
- القانون نفسه لا يذكر أرقامًا، لكن المحاكم ووزارة العدل الأمريكية تعتمد WCAG بالمستوى AA: 4.5:1 على الأقل للنص العادي، و3:1 للنص الكبير والأيقونات وحدود الحقول والأزرار.
- ما المقصود بالنص الكبير في WCAG؟
- النص الذي لا يقل عن 24px (18pt)، أو 18.66px (14pt) إذا كان عريضًا. أغلب نصوص الفقرات والقوائم وتسميات الحقول تُعدّ نصًا عاديًا وتحتاج 4.5:1.
- هل الدرجة الكاملة تعني أن موقعي متوافق مع ADA؟
- لا توجد أداة آلية تثبت ذلك. الدرجة تعني أنك أصلحت المشكلات الشائعة التي يمكن اكتشافها آليًا. ما زال الاختبار اليدوي بلوحة المفاتيح وقارئ الشاشة ضروريًا، وهذه ليست استشارة قانونية.
- هل تجعل إضافة إمكانية الوصول (Overlay) موقعي متوافقًا؟
- غالبًا لا. هذه الإضافات تضيف شريط أدوات لكنها تترك الحقول بلا تسميات والأزرار الفارغة والعناوين الضعيفة في الكود، والشركات التي تستخدمها ما زالت تُقاضى. إصلاح كود HTML هو الطريق الموثوق.
- لماذا لا يفحص فحص الصفحة الألوان الموجودة في ملفات CSS؟
- الفحص يقرأ كود الصفحة والتنسيقات المضمّنة فقط. ألوان ملفات CSS تعتمد على تخطيط الصفحة ولا يمكن الحكم عليها بدقة دون متصفح، لذا افحص ألوان علامتك الأساسية بوضع الألوان هنا.
- هل يمكنكم إصلاح المشكلات بدلًا مني؟
- نعم. أغلب إصلاحات إمكانية الوصول تبدأ من 100 دولار. أو نبني لك موقعًا وتطبيقًا جديدين سهلي الوصول مجانًا، تراهما جاهزين، وتدفع 150 دولارًا مرة واحدة فقط إن أعجبك العمل.
مقالات وخدمات ذات صلة
موقع إلكتروني وتطبيق جوال لنشاطك — نبنيهما مجانًا
نبني موقعك الإلكتروني وتطبيقك أولًا، وتراهما جاهزين بالكامل. إن أعجبك العمل تدفع 150 دولارًا مرة واحدة فقط، وإن لم يعجبك فلا تدفع شيئًا.
اطّلع على العرض تدقيق مجاني لموقعكأدلة مرتبطة بهذه الأداة
أدوات مجانية أخرى
- فحص صحة الموقع المجاني
- فاحص شهادة SSL وترويسات الأمان المجاني
- فاحص إعدادات بريد الأعمال المجاني (SPF وDKIM وDMARC وMX)
- حاسبة تكلفة الموقع الإلكتروني المجانية
- مولّد بيانات Schema المجاني للأعمال المحلية (JSON-LD)
- مولّد رابط تقييم Google ورمز QR المجاني
- معاينة العنوان والوصف في نتائج Google مجانًا
- مولّد سياسة الخصوصية المجاني للأعمال الصغيرة
- تدقيق الموقع المجاني
- كل الأدوات المجانية