بيان إمكانية الوصول
التزامي بـWCAG 2.1 AA — إيه اللي اتعمل، وإيه اللي لسه شغال عليه.
التزامي
عايز الموقع ده يكون قابل للاستخدام من أكبر عدد ممكن من الناس، بغض النظر عن الإعاقة أو الجهاز أو سياق التصفح. ده يشمل ناس بتستخدم قارئات الشاشة، التنقل بالكيبورد بس، التحكم الصوتي، أو إعدادات عرض مخصصة.
هدفي إني أوصل لمعايير WCAG 2.1 Level AA كحد أدنى. لو تخطيتها، هقول كده. لو قصّرت، هقول كده كمان.
إيه اللي اتطبق
- ✓بنية HTML دلالية في كل الموقع — العناوين والـlandmarks والقوائم مستخدمة صح.
- ✓دعم التنقل بالكيبورد لكل العناصر التفاعلية.
- ✓تباين الألوان بيطابق أو بيتخطى متطلبات WCAG 2.1 AA للوضعين الفاتح والداكن.
- ✓كل الصور فيها نص alt وصفي، أو معلّمة كديكورية لو مناسب.
- ✓حالات التركيز (focus) ظاهرة وغير مخفية.
- ✓الموقع بيحترم media query الخاص بـ`prefers-reduced-motion` — الأنيميشن بيتعطل للمستخدمين اللي بيفضّلوا حركة أقل.
- ✓أحجام الخط بتستخدم وحدات نسبية (`rem`) وبتتماشى مع إعدادات حجم خط المتصفح.
- ✓الوضع الداكن مدعوم عن طريق زرار يتحكم فيه المستخدم وإعداد `prefers-color-scheme` الخاص بالنظام.
القيود المعروفة
المشاكل دي معروفة وبيتم الشغل عليها أو متابعتها:
- △بعض تضمينات الطرف التالت (ودجات الجدولة، سكريبتات التحليلات) ممكن متطابقش نفس معايير إمكانية الوصول. بشتغل على تحديد واستبدال أي واحدة منهم.
- △الجداول المعقدة في سياسة الكوكيز ممكن متكونش محسّنة بالكامل لكل إعدادات قارئ الشاشة.
- △محتوى الفيديو، لو اتضاف مستقبلًا، هيشمل ترجمة. حاليًا، مفيش محتوى فيديو موجود.
الإبلاغ عن مشكلة
لو واجهت عائق في إمكانية الوصول في الموقع ده — حاجة مقدرتش تقراها أو تتنقل فيها أو تستخدمها — عايز أعرف عنها.
ابعت إيميل على hello@abdullahmekky.me بوصف للمشكلة والصفحة اللي واجهتها فيها. هرد خلال 5 أيام عمل وهحاول أحل العوائق الحقيقية بسرعة.
كإجراء مؤقت، لو محتوى مش متاح ليك، سعيد أقدمه بصيغة بديلة عند الطلب.
مراجعة مستمرة
إمكانية الوصول مش تدقيق لمرة واحدة. لما بضيف صفحات وميزات، بفحصهم بنفس المعايير. كمان بختبر بالتنقل بالكيبورد بس وبرامج قارئ الشاشة بشكل دوري.
البيان ده بيتراجع ويتحدث مرة على الأقل في السنة، أو كل ما يحصل تغيير مهم في الموقع.
"لو حاجة في الموقع ده مقدرتش توصلها، عايز أعرف. ابعتلي إيميل — هحل العوائق الحقيقية بسرعة."