# ARIA-piilotettu elementti ei saa olla fokusoitava eikä sisältää fokusoitavia elementtejä

<https://www.fixreports.com/fi/issues/aria-hidden-focus>

WCAG 4.1.2 Nimi, rooli, arvo · Taso A

Fokusoitavat elementit on piilotettu ruudunlukijoilta, mutta niihin pääsee silti näppäimistöllä.

## Mitä tämä sääntö tarkistaa
Varmistaa, että aria-hidden-elementit eivät ole fokusoitavia eivätkä sisällä fokusoitavia elementtejä.

## Miksi sillä on merkitystä
Näppäimistön käyttäjät päätyvät elementteihin, joita ruudunlukijat eivät ilmoita (WCAG 4.1.2).

## Miten se korjataan
### Millä tahansa sivustolla
1. Poista aria-hidden säiliöistä, joissa on fokusoitavia elementtejä, tai lisää piilotettuihin sivupaneelivalikoihin ja diakuviin tabindex="-1" ja inert -attribuutti.

### Shopifyssa
1. Poista aria-hidden säiliöistä, joissa on fokusoitavia elementtejä, tai lisää piilotettuihin sivupaneelivalikoihin ja diakuviin tabindex="-1" ja inert -attribuutti.

### WooCommercessa ja WordPressissä
1. Poista aria-hidden säiliöistä, joissa on fokusoitavia elementtejä, tai lisää piilotettuihin sivupaneelivalikoihin ja diakuviin tabindex="-1" ja inert -attribuutti.

## Miten korjaus tarkistetaan
- Käy sivu läpi Tab-näppäimellä ruudunlukija päällä.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Understanding WCAG 4.1.2: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value