إتاحة الويب (Accessibility)
15% من سكان العالم لديهم إعاقة. الإتاحة ليست فقط واجب أخلاقي، بل تحسّن SEO وتجربة الجميع.
مبادئ WCAG
- قابل للإدراك: المحتوى يمكن رؤيته أو سماعه
- قابل للتشغيل: يمكن التنقل بالكيبورد
- قابل للفهم: لغة واضحة ومتوقعة
- متين: يعمل مع تقنيات مساعدة
تحسينات أساسية
- Alt text لكل صورة
- تباين ألوان كافي (4.5:1 للنص)
- حجم خط 16px كحد أدنى
- تنقل كامل بالكيبورد
- عناوين منظمة (H1 > H2 > H3)
- نصوص واضحة للروابط (ليس "اضغط هنا")
- تسميات للحقول (labels)
أدوات الفحص
- WAVE (web accessibility evaluation)
- Lighthouse في Chrome DevTools
- axe DevTools (إضافة متصفح)
ARIA Labels
استخدم aria-label, aria-describedby, role لمساعدة قارئات الشاشة.
التعليقات (0)
أضف تعليقك
كن أول من يعلّق!