# يجب أن تكون المنطقة القابلة للتمرير قابلة للوصول بلوحة المفاتيح

<https://www.fixreports.com/ar/issues/scrollable-region-focusable>

WCAG ⁨2.1.1 Keyboard⁩ · المستوى ⁨A⁩

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

## ما الذي تفحصه هذه القاعدة
يتحقق من أن العناصر ذات المحتوى القابل للتمرير يمكن الوصول إليها بلوحة المفاتيح في Safari.

## لماذا يهم ذلك
يتطلب معيار WCAG 2.1.1 أن تعمل كل الوظائف بلوحة المفاتيح.

## كيف تصلحها
### في أي موقع
1. اجعل الحاوية القابلة للتمرير قابلة للتركيز باستخدام ⁨tabindex="0"⁩ وامنحها اسمًا، أو تأكد من أنها تحتوي على عنصر قابل للتركيز.

### في Shopify
1. اجعل الحاوية القابلة للتمرير قابلة للتركيز باستخدام ⁨tabindex="0"⁩ وامنحها اسمًا، أو تأكد من أنها تحتوي على عنصر قابل للتركيز.

### في WooCommerce وWordPress
1. اجعل الحاوية القابلة للتمرير قابلة للتركيز باستخدام ⁨tabindex="0"⁩ وامنحها اسمًا، أو تأكد من أنها تحتوي على عنصر قابل للتركيز.

## كيف تتحقق من الإصلاح
- انتقل إلى المنطقة بمفتاح Tab ومرّرها بمفاتيح الأسهم.

## المصادر
- وثائق قاعدة axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- فهم WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard