# Vieritettävään alueeseen on päästävä näppäimistöllä

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

WCAG 2.1.1 Näppäimistö · Taso A

Vieritettävään alueeseen ei pääse näppäimistöllä, joten näppäimistön käyttäjät eivät voi vierittää sitä.

## Mitä tämä sääntö tarkistaa
Varmistaa, että elementteihin, joissa on vieritettävää sisältöä, pääsee näppäimistöllä Safarissa.

## Miksi sillä on merkitystä
WCAG 2.1.1 edellyttää, että kaikki toimii näppäimistöllä.

## Miten se korjataan
### Millä tahansa sivustolla
1. Tee vieritettävästä säiliöstä fokusoitava attribuutilla tabindex="0" ja anna sille nimi, tai varmista, että se sisältää fokusoitavan elementin.

### Shopifyssa
1. Tee vieritettävästä säiliöstä fokusoitava attribuutilla tabindex="0" ja anna sille nimi, tai varmista, että se sisältää fokusoitavan elementin.

### WooCommercessa ja WordPressissä
1. Tee vieritettävästä säiliöstä fokusoitava attribuutilla tabindex="0" ja anna sille nimi, tai varmista, että se sisältää fokusoitavan elementin.

## Miten korjaus tarkistetaan
- Siirry alueelle Tab-näppäimellä ja vieritä sitä nuolinäppäimillä.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Understanding WCAG 2.1.1: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard