# Kaikkien kosketuskohteiden on oltava 24px:n kokoisia tai niiden ympärillä on oltava riittävästi tilaa

<https://www.fixreports.com/fi/issues/target-size>

WCAG 2.5.8 Kohteen koko (minimi) · Taso AA

Jotkin kosketuskohteet ovat pienempiä kuin 24 × 24 pikseliä ja liian lähellä toisiaan, joten niihin on vaikea osua puhelimella.

## Mitä tämä sääntö tarkistaa
Varmistaa, että kosketuskohteet ovat riittävän suuria ja niiden ympärillä on riittävästi tilaa.

## Miksi sillä on merkitystä
WCAG 2.5.8 (uusi WCAG 2.2:ssa) edellyttää vähintään 24×24 CSS-pikselin kohteita tai riittävästi tilaa niiden ympärillä.

## Miten se korjataan
### Millä tahansa sivustolla
1. Suurenna pienten linkkien ja painikkeiden napsautettavaa aluetta paddingilla tai min-width/min-height-arvoilla, tai lisää niiden väliin tilaa.

### Shopifyssa
1. Suurenna pienten linkkien ja painikkeiden napsautettavaa aluetta paddingilla tai min-width/min-height-arvoilla, tai lisää niiden väliin tilaa.

### WooCommercessa ja WordPressissä
1. Suurenna pienten linkkien ja painikkeiden napsautettavaa aluetta paddingilla tai min-width/min-height-arvoilla, tai lisää niiden väliin tilaa.

## Miten korjaus tarkistetaan
- Skannaa uudelleen ja kokeile sitten säätimiä puhelimella.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/target-size
- Understanding WCAG 2.5.8: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum