إمكانية الوصول
كيف نبني للمستخدمين الذين يعتمدون على لوحة المفاتيح أو قارئ الشاشة أو ذوي الرؤية المنخفضة أو التقنيات المحدودة. لقطة صادقة ومؤرخة.
ما نلتزم به
- تنقل كامل بلوحة المفاتيح. كل عنصر تحكم في أداة التوليد وكل نافذة حوار وكل مسار تصدير يمكن الوصول إليه دون ماوس.
- حالات تركيز مرئية. تُظهر الحقول والأزرار والروابط عند التركيز عليها حلقة واضحة. لا نعتمد على اللون وحده.
- تسميات على كل حقل. تمتلك حقول النماذج عناصر
<label>مرتبطة أو سماتaria-label. لا تُستخدم نصوص العنصر النائب كتسمية وحيدة. - مناطق ARIA الحية لمعاينة QR والإشعارات المنبثقة. تسمع برامج قراءة الشاشة عبارة «تم توليد QR» ورسائل الإشعارات المنبثقة فور صدورها، لا عند انتقال التركيز إليها.
- بدائل نصية للأزرار التي تحتوي على أيقونة فقط. سمة
aria-labelعلى كل زر يحتوي على SVG فقط. - معنى الحالة مستقل عن اللون. تقرن شارات إمكانية المسح وشرائح التوافق اللونَ برمز ونص.
- أسماء تنسيقات تصدير صريحة. تُشير أزرار التنزيل إلى «تنزيل PNG» أو «تنزيل SVG» وما شابه، لا مجرد «تنزيل».
- أهداف لمس كبيرة على الأجهزة المحمولة. العناصر التفاعلية بحجم لا يقل عن 44 × 44 بكسل CSS على أجهزة الإشارة الخشنة، وفق WCAG 2.5.8.
- احترام تفضيل تقليل الحركة. تُعطَّل الانتقالات في ظل
prefers-reduced-motion: reduce.
مواطن القصور لدينا حتى الآن
- تغطية اختبار قارئ الشاشة غير متكافئة. جرى اختبار أداة التوليد مع VoiceOver (macOS/iOS) وNVDA. يحتاج JAWS وTalkBack إلى مزيد من الوقت.
- مصمم بطاقة العمل يعتمد على الماوس بطبيعته (السحب لتحديد الموضع، معاينة القماش). توجد بدائل لوحة مفاتيح لكل عنصر تحكم، لكن حلقة التغذية الراجعة للمعاينة الحية لا تزال بصرية في المقام الأول.
- المسارات المعقدة لأداة التوليد (CSV الجماعي، المعالج متعدد الخطوات) تحتاج إلى بنية ارتباط تخطي أفضل. مخطط لها.
- مصفوفة التوافق مُقدَّمة حالياً كجداول HTML. رؤوس أعمدة قارئ الشاشة تعمل، لكننا نود إضافة ملخصات وصفية أطول لكل صف.
المتصفحات والتقنيات المساعدة المختبرة
آخر اختبار شامل: أبريل 2026. بين الاختبارات نُجري فحصاً بعد كل تغيير مهم في واجهة المستخدم.
| المتصفح | التقنية المساعدة | المنصة | الحالة |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | مختبر، يجتاز |
| Firefox | NVDA | Windows 11 | مختبر، يجتاز |
| Chrome | NVDA | Windows 11 | مختبر، يجتاز |
| Chrome | ChromeVox | ChromeOS | فحص جزئي |
| Chrome | TalkBack | Android 14, 15 | فحص جزئي |
| Edge | Narrator | Windows 11 | فحص جزئي |
| Safari | JAWS | Windows 11 | لم يُختبر بعد |
خريطة لوحة المفاتيح
- Tab / Shift+Tab: التنقل للأمام / للخلف بين العناصر القابلة للتركيز.
- Enter / Space: تنشيط الأزرار والمفاتيح التبديلية.
- مفاتيح الأسهم: التنقل بين الخيارات داخل مجموعة الأزرار الدائرية (محدد النوع، منتقي القالب، شريط التبويب).
- Escape: إغلاق نوافذ الحوار (مصمم بطاقة العمل، الفحص المسبق، خدمات الطباعة، اقتصاص الصورة).
- Home / End داخل قائمة إضافية للانتقال إلى أول عنصر / آخر عنصر.
الإبلاغ عن مشكلة
إذا كان شيء ما لا يمكن الوصول إليه بلوحة المفاتيح أو كانت تسميته خاطئة أو كان يتعذر استخدامه بإعداداتك، راسلنا على hello@abundera.ai. أدرج متصفحك ونظام التشغيل والتقنية المساعدة والمسار المحدد. نعامل أخطاء إمكانية الوصول بوصفها مشكلات ذات أولوية.