مدقق العناوين WCAG
الصق HTML للتحقق من تسلسل عناوينك وفقًا لمعيار WCAG 2.2 1.3.1. يحدد المستويات المُتخطَّاة وغياب h1 وh1 المُكرَّرة والعناوين الفارغة.
النتائج
الصق HTML وانقر على «تحقق من العناوين».
📚 الأسس العلمية والمصادر
لمن صُممت هذه الأداة
البنية الصحيحة للعناوين ضرورية لمستخدمي قارئات الشاشة والأشخاص ذوي الاضطرابات الإدراكية الذين يعتمدون على بنية المستند للتنقل والفهم. تلاحظ استطلاعات WebAIM Screen Reader User Surveys بانتظام أن التنقل بالعناوين هو إحدى الاستراتيجيات الأكثر شيوعًا وتقديرًا من قبل مستخدمي قارئات الشاشة. يستفيد الأشخاص ذوو الاضطرابات الإدراكية والتعلم أيضًا من تسلسل واضح، حيث توفر العناوين مخطط محتوى يقلل الحمل الإدراكي (W3C Cognitive Accessibility Guidance). يقدّر Global Report on Health Equity for Persons with Disabilities لمنظمة الصحة العالمية (2023) عدد الأشخاص الذين يعيشون مع إعاقة كبيرة بـ 1.3 مليار — حوالي 16% من سكان العالم — ومنهم كثيرون يستخدمون تقنيات مساعدة تعتمد على بنية عناوين دلالية.
متطلبات WCAG 2.2
- SC 1.3.1 (المعلومات والعلاقات، المستوى A): يجب أن تكون المعلومات والبنية والعلاقات المنقولة بصريًا قابلة للتحديد برمجيًا.
- SC 2.4.1 (تخطي الكتل، المستوى A): تتيح العناوين للمستخدمين التنقل بين الأقسام، بمثابة آلية تخطي.
- SC 2.4.6 (العناوين والتسميات، المستوى AA): تصف العناوين موضوع أو غرض المحتوى الذي تقدمه.
- SC 2.4.10 (عناوين الأقسام، المستوى AAA): تُستخدَم عناوين الأقسام لتنظيم المحتوى.
المراجع العلمية
- WebAIM (2024). «Screen Reader User Survey #10 Results.» webaim.org · يلاحظ باستمرار أن التنقل بالعناوين هو إحدى الاستراتيجيات الرئيسية التي يستخدمها مستخدمو قارئات الشاشة لفهم بنية الصفحة والعثور على المحتوى فيها.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). «Guidelines are only half of the story.» CHI '12, ACM. · وجد أن مشكلات بنية العناوين من بين العقبات الأكثر شيوعًا التي يواجهها المستخدمون المكفوفون.
- W3C Web Accessibility Initiative (2023). «Page Structure: Headings Tutorial.» w3.org/WAI · يحدد أفضل الممارسات لتسلسل العناوين، بما في ذلك h1 واحد فقط لكل صفحة وتداخل تسلسلي.
- WebAIM. «Semantic Structure: Using Headings.» webaim.org · إرشادات حول كيفية دعم بنية العناوين لكل من التنقل بقارئ الشاشة والفحص البصري.
- Deque Systems. «heading-order (قاعدة axe-core).» · فحص آلي: يجب ألا تزيد مستويات العناوين إلا بمستوى واحد في كل مرة لضمان مخطط مستند صالح.
- منظمة الصحة العالمية (2023). Global Report on Health Equity for Persons with Disabilities. · يقدّر بـ 1.3 مليار عدد الأشخاص (16% من سكان العالم) الذين يعيشون مع إعاقة كبيرة.
إخلاء المسؤولية
تتحقق هذه الأداة فقط من البنية الهرمية للعناوين. لا تقيّم جوانب أخرى من الامتثال لـ WCAG 2.2 مثل تباين الألوان أو إمكانية الوصول بلوحة المفاتيح أو استخدام ARIA. تسلسل عناوين صالح شرط ضروري لكنه غير كافٍ لإمكانية الوصول. للامتثال الكامل لـ WCAG 2.2، استخدم أداة تدقيق شاملة (axe وWAVE وLighthouse) بالإضافة إلى اختبارات يدوية بتقنيات مساعدة.
ملاحظة: تتحقق هذه الأداة فقط من البنية الهرمية للعناوين. للامتثال الكامل لـ WCAG 2.2، استخدم أداة تدقيق شاملة بالإضافة إلى الاختبارات اليدوية.