# ناحیه قابل اسکرول باید با صفحه‌کلید در دسترس باشد

<https://www.fixreports.com/fa/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