A11y Accessibility Arabic Web
إتاحة الويب (A11y) للمواقع العربية: أكثر من مجرد كود
ياسر نجيب •
الإتاحة ليست رفاهية
محركات البحث (Google) تعاقب المواقع غير المتاحة. والأهم من ذلك، هو حق إنساني.
قارئات الشاشة (Screen Readers) والعربية
قارئات الشاشة تعتمد بشكل كلي على HTML الدلالي (Semantic HTML).
- استخدم
<nav>,<main>,<header>بدلاً من<div>. - تأكد من وجود
lang="ar"في وسم<html>. هذا يخبر قارئ الشاشة بتبديل نطق الحروف إلى العربية.
التباين (Contrast) والخطوط
الخطوط العربية (مثل الكوفي والنسخ) قد تكون صعبة القراءة بأحجام صغيرة مقارنة باللاتينية.
- نصيحة: اجعل الحد الأدنى لحجم الخط العربي 16px أو 18px.
- تأكد من تباين الألوان (Color Contrast) خاصة في الأزرار.
نص Alt للصور
لا تترك وصف الصورة فارغاً، ولا تكتب “صورة”. اكتب وصفاً فعلياً: “مهندس برمجيات يعمل على لابتوب في مكتب حديث”.