0

مدقق نفاذية HTML

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

🔒 تتم معالجتها بالكامل في متصفحك — ولا يتم تحميل أي شيء تدخله هنا على الإطلاق.

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

تحقق من أي زوج لون أمامي/خلفي مباشرةً — الصيغ hex أو rgb() أو hsl() أو الألوان المُسماة مثل 'tomato' كلها تعمل.

جارٍ المعالجة... 0%
تحليل HTML إلى DOM حقيقي
استعراض الشجرة لفحوصات WCAG
حساب نسب التباين
تم

النتيجة

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

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

القطعة الأبرز هي رياضيات التباين الحقيقية، وليس استدلالاً سطحياً بمظهر ‹مقروء›. بالنسبة لأي عنصر يحمل نمط color و background-color سطرياً، تقرأ الأداة القيمتين، وتحلّهما إلى أرقام 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 شيوعاً وأكثرها تأثيراً — النصوص البديلة المفقودة، الحقول غير الموسومة، هيكلية العناوين المكسورة، النصوص منخفضة التباين والروابط المبهمة — قبل شحن الصفحة، على أن تكون مصاحبةً (وليس بديلةً عن) مراجعة يدوية كاملة أو أداة تدقيق مخصصة لأي شيء يُشحَن إلى بيئة الإنتاج.