# Linkeillä on oltava tunnistettava teksti WCAG 2.4.4 Linkin tarkoitus (kontekstissa), 4.1.2 Nimi, rooli, arvo · Taso A Joissakin linkeissä ei ole tekstiä, jonka ruudunlukija voisi lukea. Usein kyse on pelkistä kuvakelinkeistä, kuten somekuvakkeista tai ostoskorin kuvakkeesta. ## Mitä tämä sääntö tarkistaa Varmistaa, että linkeillä on tunnistettava teksti. ## Miksi sillä on merkitystä WCAG 2.4.4 ja 4.1.2 edellyttävät, että linkeillä on saavutettava nimi, joka kuvaa niiden tarkoitusta. ## Miten se korjataan ### Millä tahansa sivustolla 1. Etsi linkit, joilla ei ole nimeä. Useimmat ovat -tagin sisällä olevia kuvakkeita tai kuvia. 2. Lisää linkin sisään visuaalisesti piilotettu teksti tai aria-label, kuten aria-label="Instagram" tai aria-label="Cart". 3. Jos linkin sisällä on kuva, anna sen sijaan kuvalle kuvaava alt-teksti. ### Shopifyssa 1. Etsi linkit, joilla ei ole nimeä. Useimmat ovat -tagin sisällä olevia kuvakkeita tai kuvia. 2. Lisää linkin sisään visuaalisesti piilotettu teksti tai aria-label, kuten aria-label="Instagram" tai aria-label="Cart". 3. Jos linkin sisällä on kuva, anna sen sijaan kuvalle kuvaava alt-teksti. ### WooCommercessa ja WordPressissä 1. Etsi linkit, joilla ei ole nimeä. Useimmat ovat -tagin sisällä olevia kuvakkeita tai kuvia. 2. Lisää linkin sisään visuaalisesti piilotettu teksti tai aria-label, kuten aria-label="Instagram" tai aria-label="Cart". 3. Jos linkin sisällä on kuva, anna sen sijaan kuvalle kuvaava alt-teksti. ## Miten korjaus tarkistetaan - Skannaa uudelleen ja varmista, ettei sääntöä link-name enää esiinny. - Siirry Tab-näppäimellä jokaiseen linkkiin ruudunlukija päällä ja kuuntele nimi. ## Lähteet - axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name - Understanding WCAG 2.4.4: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context - Understanding WCAG 4.1.2: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value