إمكانية الوصول — جميع المقالات والدروس

3 مقالات

تُقاس إمكانية الوصول الرقمية في المقام الأول باستخدام أدوات متخصصة (axe-core، Lighthouse، Pa11y) تفحص الـ DOM وأدوار ARIA. غير أن جزءاً كبيراً من قواعد WCAG يمكن التحقق منه بصرياً أيضاً: نسبة التباين بين النص والخلفية المتوافقة مع معيار AA، وحالة التركيز المرئي الواضحة بدرجة كافية عند التنقل بلوحة المفاتيح، وحجم الأهداف اللمسية الذي يبلغ 44 بكسل، والتسلسل البصري الذي يعكس التسلسل الدلالي. لا يُعدّ الاختبار البصري بديلاً عن تدقيق إمكانية الوصول، لكنه مكمّل طبيعي وغالباً ما يُهمَل.

تستكشف مقالات هذه الصفحة هذا التقاطع: كيفية اكتشاف انحدار في التباين ناتج عن إعادة تصميم لوحة الألوان، وكيفية التحقق من أن حالة التركيز لم تختفِ بعد تحديث CSS، وكيفية اختبار أوضاع dark mode والسمات البديلة بشكل ممنهج من زاوية إمكانية الوصول، وكيفية الجمع بين linter axe-core داخل CI واختبار بصري مخصص للحالات التفاعلية. نتناول أيضاً الحدود الصادقة لهذه المقاربة — لن يخبرك الاختبار البصري ما إذا كان aria-label مكتوباً بشكل سيئ، ولا ما إذا كان قارئ الشاشة يفسّر البنية تفسيراً صحيحاً — لكنه يلتقط بفاعلية فئة الأخطاء التي يبقى فيها الكود سليماً بينما يصبح العرض غير قابل للاستخدام. مقاربة مكمّلة لا منافسة لأدوات إمكانية الوصول المتخصصة.

الاختبار البصري والتباين وعمى الألوان: تحقق مما يراه مستخدموك فعلاً
بواسطة Mohamed MCIRDI

الاختبار البصري والتباين وعمى الألوان: تحقق مما يراه مستخدموك فعلاً

8% من الرجال مصابون بعمى الألوان. التباين غير الكافي يؤثر على الجميع. اكتشف كيف يضمن الاختبار البصري مع محاكاة عمى الألوان موقعاً مقروءاً للجميع.

اقرأ المزيد →
اختبار WCAG حسب المنطقة: دليل المطابقة
بواسطة Mohamed MCIRDI

اختبار WCAG حسب المنطقة: دليل المطابقة

دليل اختبار WCAG حسب المنطقة: قارن متطلبات إمكانية الوصول في الاتحاد الأوروبي وأمريكا وكندا وبريطانيا. جدول مقارنة وخطوات اختبار وأسئلة شائعة للمطابقة.

اقرأ المزيد →
الاختبار البصري وإمكانية الوصول WCAG: لماذا لا يمكن فصلهما
بواسطة Mohamed MCIRDI

الاختبار البصري وإمكانية الوصول WCAG: لماذا لا يمكن فصلهما

اكتشف العلاقة بين الاختبار البصري وإمكانية الوصول WCAG. الانحدارات البصرية تكسر المطابقة: التباين، حجم النص، العناصر القابلة للتركيز. كيف تكتشفها قبل مستخدميك.

اقرأ المزيد →