# 可滚动区域必须可以键盘访问

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

WCAG 2.1.1 键盘 · A 级

某个滚动区域无法通过键盘到达，键盘用户无法滚动它。

## 此规则检查什么
确保有滚动内容的元素可以通过键盘访问.

## 为什么重要
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