إمكانية الوصول، بصراحة.

#ملخّص

الدعم على مستوى المكوّن. أمّا معايير الصفحة والمحتوى فمسؤولية مشتركة معك، انظر أدناه.

#كيف بُنِيت

السلوك المعقّد يقوم على أُسُس موثوقة قابلة للوصول، بدل إعادة بنائه.

• أُسُس موثوقةالقوائم والحوارات والتبويبات والمنزلقات ومنتقيات التاريخ تعتمد Radix و React Aria للوحة المفاتيح و ARIA.
• تركيز ظاهر للوحة المفاتيححلقات التركيز تظهر لمستخدمي لوحة المفاتيح لا عند النقر بالفأرة، ونتحقّق منها في الاختبارات.
• وضع التباين العاليالتركيز والحدود والحالات تصمد في وضع التباين العالي بويندوز عبر 63 من 66 ملف أنماط.
• تقليل الحركةكل حركة تحترم إعداد تقليل الحركة.
• العربية أصلًا، ومفروضةكل التخطيط يستخدم الخصائص المنطقية، واختبار يُفشل البناء إذا تسلّل أي CSS يمين/يسار.
• تحذيرات أثناء البناءأثناء التطوير، تنبّه العناصر عند غياب اسم وصول مطلوب.

#كيف نختبرها

نُقيّم التوافق بأنفسنا، باختبارات آلية ويدوية.

axe-core

فحوص آلية على كل المكوّنات الـ64، بالإنجليزية والعربية.

Playwright

47 اختبارًا شاملًا للوحة المفاتيح والتركيز والأسهم و Escape والعربية.

بوّابة RTL

اختبار يُفشل البناء عند أي CSS يمين/يسار.

اختبارات الوحدة

أكثر من 1700 اختبار عبر المكوّنات.

#حدود معلومة

• لا تدقيق خارجي ولا VPAT معتمد، هذا تقييم ذاتي.
• لا نقيس تباين الألوان في اختباراتنا. الألوان الافتراضية تستهدف الحدود، لكن تغيير السمة أو الخلفيات المخصّصة قد يُقصّر عنها، فتحقّق بنفسك.
• حجم الهدف الأدنى مُحقّق لحقول النماذج، لكنه غير مُدقّق عبر كل مكوّن ومقاس.
• الفحوص الآلية بداية. اختبر بقارئ شاشة حقيقي ومحتوى حقيقي.

#ما يقع عليك

تمنحك المكتبة لبِنات قابلة للوصول. ويبقى على تطبيقك:

• إعطاء العناصر والأزرار الأيقونية والمناطق اسمًا واضحًا.
• إضافة نص بديل للصور والأيقونات والوسائط التي تمرّرها.
• الحفاظ على ترتيب عناوين سليم، ومعالم، وعنوان صفحة، ولغة واتجاه للصفحة.
• إعادة فحص التباين إذا غيّرت السمة.
• كتابة نصوص خطأ ومساعدة واضحة، نحن نربطها وأنت تكتبها.
• الاختبار بقارئ شاشة (NVDA و VoiceOver و JAWS) وبلوحة المفاتيح، على محتواك الحقيقي.

#أبلِغ عن مشكلة

نتعامل مع أخطاء الوصول بأولوية عالية. أرفِق المكوّن، وتقنيتك المساعِدة، والمتصفّح والنظام، وما توقّعته وما حدث.