# Linkkien on erotuttava ilman värin varaan jättämistä

<https://www.fixreports.com/fi/issues/link-in-text-block>

WCAG 1.4.1 Värien käyttö · Taso A

Kappaleiden sisällä olevat linkit erottuvat vain värin perusteella, joten ihmiset, jotka eivät erota värieroa, eivät huomaa niitä.

## Mitä tämä sääntö tarkistaa
Varmistaa, että linkit erottuvat ympäröivästä tekstistä tavalla, joka ei perustu pelkkään väriin.

## Miksi sillä on merkitystä
WCAG 1.4.1 edellyttää, ettei tieto välity pelkän värin varassa.

## Miten se korjataan
### Millä tahansa sivustolla
1. Alleviivaa leipätekstin linkit tai anna niille kontrasti 3:1 ympäröivään tekstiin nähden sekä muu kuin värivihje osoitettaessa ja kohdistettaessa.

### Shopifyssa
1. Alleviivaa leipätekstin linkit tai anna niille kontrasti 3:1 ympäröivään tekstiin nähden sekä muu kuin värivihje osoitettaessa ja kohdistettaessa.

### WooCommercessa ja WordPressissä
1. Alleviivaa leipätekstin linkit tai anna niille kontrasti 3:1 ympäröivään tekstiin nähden sekä muu kuin värivihje osoitettaessa ja kohdistettaessa.

## Miten korjaus tarkistetaan
- Skannaa kyseiset sivut uudelleen.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/link-in-text-block
- Understanding WCAG 1.4.1: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/use-of-color