# Certificar-se de que regiões roláveis tenham acesso via teclado

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

WCAG 2.1.1 Teclado · Nível A

Uma área com rolagem não pode ser alcançada pelo teclado, então quem navega pelo teclado não consegue rolá-la.

## O que esta regra verifica
Elementos que tenham conteúdo rolável devem ser acessíveis via teclado.

## Por que isso importa
O critério 2.1.1 da WCAG exige que tudo funcione com o teclado.

## Como corrigir
### Em qualquer site
1. Torne o contêiner com rolagem focável com tabindex="0" e dê um nome a ele, ou garanta que ele contenha um elemento focável.

### Na Shopify
1. Torne o contêiner com rolagem focável com tabindex="0" e dê um nome a ele, ou garanta que ele contenha um elemento focável.

### No WooCommerce e no WordPress
1. Torne o contêiner com rolagem focável com tabindex="0" e dê um nome a ele, ou garanta que ele contenha um elemento focável.

## Como conferir a correção
- Vá até a área com Tab e role-a com as setas do teclado.

## Fontes
- Documentação da regra do axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Entendendo a WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard