0

مدقق إمكانية الوصول إلى HTML

الصق ملف HTML الخام واحصل على تدقيق حقيقي لإمكانية الوصول إلى WCAG: يقوم جهاز DOM المبني يدويًا بفحص الصور وتسميات النماذج وترتيب العناوين ونص الارتباط، بالإضافة إلى آلة حاسبة حقيقية لنسبة تباين السطوع النسبي تم تسجيلها مقابل حدود AA/AAA الحقيقية - لا توجد مكتبة خارجية، ولا يتم إرسال أي شيء إلى أي مكان.

مدقق التباين مستقل

تحقق من أي زوج من ألوان المقدمة/الخلفية مباشرة - يعمل كل من hex أو rgb() أو hsl() أو لون مسمى مثل 'tomato'.

Buy Me a Coffee at ko-fi.com
جارٍ المعالجة... 0%
تحليل HTML إلى DOM حقيقي
المشي على الشجرة لفحوصات WCAG
حساب نسب التباين
تم

النتيجة

معظم عمليات التحقق من إمكانية الوصول السريعة تكون إما عبارة عن فحص سطحي للكلمات الرئيسية أو مكتبة ثقيلة الوزن يجب أن تثق بها كمربع أسود. تأخذ هذه الأداة مسارًا ثالثًا: فهي تقوم بتحليل أي HTML تلصقه باستخدام DOMParser المدمج في المتصفح - بدون محور محوري، ولا توجد مكتبة إمكانية وصول خارجية، ولا يتم تنزيل أي شيء - ثم تنتقل إلى شجرة DOM الناتجة مع مجموعة من الاختبارات المكتوبة بخط اليد التي تعكس أنماط فشل WCAG 2.1 الحقيقية الشائعة. وهذا يعني أن المنطق قابل للفحص بالكامل وأن عملية التدقيق تتم بالكامل داخل متصفحك: لا يتم تحميل العلامات التي تلصقها، وأي زوج ألوان تختبره، أو إرسالها إلى أي مكان.

تغطي عمليات التحقق حالات الفشل التي تظهر غالبًا في الصفحات الحقيقية: عناصر <img> بدون سمة alt على الإطلاق (فشل WCAG حقيقي، يختلف عن alt="" الفارغ عمدًا المستخدم للصور المزخرفة، والذي يتم تركه بشكل صحيح بدون علامة)، عناصر التحكم في النموذج مع عدم وجود طريقة للتكنولوجيا المساعدة لمعرفة الغرض منها (يتم فحصها مقابل كل مسار حقيقي إلى تسمية - مطابقة <label for>، أو تغليفها داخل <label>، أو سمة aria-label/aria-labelledby)، ومستويات العناوين التي تقفز دون تحذير (<h1> مباشرة إلى <h3>، أو مستند لا يحتوي على <h1> على الإطلاق، أو أكثر من واحد)، وروابط لا تحتوي على href أو تحتوي على نص غامض خارج السياق مثل "انقر هنا" أو "اقرأ المزيد"، وسمة lang مفقودة عند لصق مستند HTML كامل (وليس مجرد جزء).

القطعة المميزة عبارة عن رياضيات تباين حقيقية، وليست استدلالًا سطحيًا "يبدو قابلاً للقراءة". بالنسبة لأي عنصر يحمل لونًا مضمّنًا ولون خلفية، تقرأ الأداة كلتا القيمتين، وتحلهما إلى أرقام RGB حقيقية عبر محرك CSS الخاص بالمتصفح (لذلك تعمل كل من hex وrgb() وhsl() والألوان المسماة مثل "tomato" بشكل متماثل)، وتحسب النصوع النسبي WCAG الدقيق لكل منها - L = 0.2126×R + 0.7152×G + 0.0722×B، مع كل قناة تم تصحيح غاما أولاً باستخدام منحنى نقل sRGB الحقيقي - قبل دمجها في صيغة نسبة التباين الرسمية، (L أفتح + 0.05) / (L أغمق + 0.05). يحدد حجم الخط الخاص بالعنصر ووزن الخط ما إذا كانت عتبات "النص العادي" الأكثر صرامة أو عتبات "النص الكبير" الأكثر تساهلاً (18pt+، أو 14pt+ غامق) تنطبق، ويتم التحقق من النتيجة مقابل جميع أرقام WCAG الأربعة الحقيقية في وقت واحد: 4.5:1 و3:1 لـ AA، و7:1 و4.5:1 لـ AAA - لا ينهار أبدًا في حكم واحد جيد/سيء مزيف.

هذه مجموعة فرعية صادقة وعملية بشكل متعمد من تدقيق كامل لإمكانية الوصول، وليست أداة اعتماد: فهي لا تقيم التفاعل القائم على JavaScript، أو أنماط عناصر واجهة المستخدم ARIA بما يتجاوز التصنيف الأساسي، أو ترتيب تركيز لوحة المفاتيح، أو أي شيء يتطلب عرض الصفحة وتشغيلها فعليًا. تعامل معها على أنها تمريرة أولى سريعة تكتشف بعض حالات فشل WCAG الأكثر شيوعًا والأكثر تبعية - النص البديل المفقود، والحقول غير المسماة، والتسلسل الهرمي للعناوين المعطلة، والنص منخفض التباين والروابط الغامضة - قبل شحن الصفحة، جنبًا إلى جنب (وليس بدلاً من) مراجعة يدوية كاملة أو أداة تدقيق مخصصة لأي شيء يتم شحنه إلى الإنتاج.