# 스크롤 가능한 영역이 키보드 접근을 가져야 합니다

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