فحص البنية

طريقة الاستخدام

1. يمكنك فتح الصفحة المراد فحصها في متصفحك. ثم الضغط بالزر الأيمن على الصفحة واختيار «عرض مصدر الصفحة». في Edge و Chrome و Firefox يمكن ذلك أيضا باختصار Ctrl+U. على Mac الاختصار هو Cmd+Option+U.
2. يمكنك نسخ كل شيء (Ctrl+A ثم Ctrl+C) ولصقه في المربع.
3. ثم الضغط على «فحص HTML».
4. يمكنك قراءة النتيجة. لكل جزء يظهر ما ينقص، وأين هو، ولماذا يهم، وكيف يمكن إصلاحه. العناوين تظهر كقائمة متدرجة، مثل فهرس المحتويات.
5. يمكنك تعديل صفحتك والفحص من جديد. للاحتفاظ بالنتيجة أو إرسالها: يمكنك اختيار طباعة فوق الأداة.

لا توجد صفحة الآن؟ يمكنك اختيار «تجربة مثال». عندها يظهر ما يفعله الفحص مع صفحة مختلقة.

ما الذي يفحصه

• اللغة والعنوان والمحتوى الرئيسي. هل لغة الصفحة محددة، وهل للصفحة عنوان، وهل يوجد عنصر main؟ هذا يفحص فقط عند لصق صفحة كاملة.
• العناوين. تظهر العناوين كقائمة. الفحص ينبه إلى مستوى متخطى، وإلى صفحة بلا h1 أو بأكثر من h1 واحد، وإلى عناوين بلا نص.
• الصور بلا نص بديل، أو بنص بديل لا يقول كثيرا، مثل اسم ملف.
• الروابط بلا نص، أو بنص غامض مثل «انقر هنا» أو «اقرأ المزيد».
• الأزرار بلا اسم، مثل زر فيه أيقونة فقط.
• حقول الإدخال بلا تسمية، أو بنص مثال فقط داخل الحقل.

مع كل ملاحظة رقمها في WCAG. وهي الإرشادات الدولية للمواقع التي يمكن الوصول إليها. للمزيد: يمكنك قراءة ما هو WCAG.

ما مدى خطورة الملاحظة؟

لكل ملاحظة تصنيف بالكلمات:

• لا يطابق WCAG: هذا يجب أن يتغير.
• فحص يدوي: الأمر يتعلق بالمكان. «اقرأ المزيد» قد يكون جيدا إذا كانت الجملة حوله تقول إلى أين يذهب الرابط. الفحص لا يستطيع الحكم على ذلك.
• عادة جيدة: ليست شرطا ملزما في WCAG، لكن W3C ينصح بها. مثلا عدم تخطي مستوى عنوان.

فحص سريع، لا اختبار كامل

الفحص يقرأ HTML فقط. لا يرى شكل الصفحة، ولا ما يفعله CSS و JavaScript، ولا إن كان التحكم بها ممكنا بلوحة المفاتيح، ولا إن كان تباين الألوان كافيا. يرى فعلا إن كان هناك نص بديل، لكن ليس إن كان مناسبا للصورة.

لم يجد الفحص شيئا؟ هذا لا يعني بالضرورة أن صفحتك يمكن الوصول إليها. لاختبار كامل يلزم المرور على كل شروط WCAG (معايير النجاح)، أو تكليف خبير بذلك.

اختبارات أخرى:

• اختبار لوحة المفاتيح: هل يعمل موقعك بلوحة المفاتيح فقط؟
• نظارة الألوان: هل نصك سهل القراءة على الخلفية؟
• مساعد النص البديل: ما الذي يكتب في النص البديل لصورة؟
• جعل موقعك سهل الوصول: من أين البداية؟
• قائمة فحص لموقع يسهل الوصول إليه: كل شيء في مكان واحد.

المراجعة بنفسك

الفحص لا يعمل، أو المراجعة باليد أفضل لك؟ هكذا يمكن أيضا:

1. يمكنك فتح مصدر الصفحة (بالزر الأيمن، «عرض مصدر الصفحة»). ثم البحث باختصار Ctrl+F عن الأجزاء التالية.
2. يمكنك البحث عن <html: هل معه lang="nl"؟ والبحث عن <title: هل يقول العنوان موضوع الصفحة؟ والبحث عن <main: هل هو موجود؟
3. يمكنك البحث عن <h1 و <h2 وهكذا. وكتابة العناوين تحت بعضها على ورقة، مع المستوى قبلها. هل يوجد h1 واحد؟ هل ينزل المستوى خطوة واحدة فقط في كل مرة؟
4. يمكنك البحث عن <img: هل لكل صورة alt؟
5. يمكنك البحث عن <a و <button و <input. هل يقول نص كل رابط إلى أين يذهب؟ هل يقول كل زر ماذا يفعل؟ هل لكل حقل إدخال تسمية؟

كود HTML الخاص بك

كود HTML يبقى على جهازك. الفحص يتم في متصفحك ويقرأ HTML كنص. السكربتات في HTML لا تعمل، ولا يتم تحميل الصور والملفات الأخرى. لا نرسل شيئا ولا نحفظ شيئا. إذا أغلقت الصفحة، يذهب HTML.

تنبيه: إضافة متصفح تقرأ ما في الصفحة، مثل أداة مساعدة في الكتابة، يمكنها أن ترى ما يتم لصقه. وهي خارج هذه الصفحة. عند فحص صفحة مسجل دخولك فيها، قد تكون في HTML بيانات عنك أو عن مراجعين. الأفضل عندها فحص النسخة العامة.

المصادر

الشرح عند كل ملاحظة يتبع WCAG 2.2 وشرح W3C. تمت القراءة في 30 أيلول 2026.

• WCAG 2.2، الترجمة الهولندية (موقع خارجي)
• Headings (W3C WAI, Page Structure Tutorial) (موقع خارجي)
• Decorative Images (W3C WAI, Images Tutorial) (موقع خارجي)
• Understanding Success Criterion 2.4.4: Link Purpose (In Context) (موقع خارجي)
• Labeling Controls (W3C WAI, Forms Tutorial) (موقع خارجي)
• Form Instructions (W3C WAI, Forms Tutorial) (موقع خارجي)