Standardit · WCAG 2.2

SC 2.4.9 Taso AAA WCAG 2.0

Linkin tarkoitus (pelkkä linkki)

2.4.4:n tiukempi AAA-versio: pelkän linkkitekstin — ilman ympäröivää kontekstia — on yksilöitävä kohde. 'Lue lisää' epäonnistuu, vaikka sitä edeltävä lause selittäisi sen. Suunniteltu ruudunlukuohjelman käyttäjille, jotka navigoivat linkkilistaustilan kautta.

Mitä vaaditaan

Tämä on 2.4.4 ilman turvaverkkoa. AA-tasolla linkkiteksti „kontekstissa“ riittää — edeltävä lause, ympäröivä taulukon rivi, lähellä oleva kortin otsikko. AAA-tasolla pelkän linkkitekstin on itsessään riitettävä. Käyttötapaus on ruudunlukuohjelman käyttäjät, jotka avaavat linkkilistavalintaikkunan ja kuulevat jokaisen linkin täysin irrallaan kontekstista; jos „Lue lisää“ esiintyy listassa 12 kertaa, heillä ei ole tapaa valita oikeaa.

Se on myös hyödyllinen tavoite kaikille tiimeille, jotka välittävät kognitiivisesta saavutettavuudesta, koska itsensä kuvailevat linkit hyödyttävät myös käyttäjiä, joilla on ADHD, dysleksia ja muistieroja.

Kuinka vaatimukset täytetään

  • Korvaa jokainen yleinen toimintokutsu („Lue lisää,“ „Katso lisää,“ „Katso“) kohdekohtaisella tekstillä: "Lue saavutettavuusraportti 2026".
  • Korttipohjaisissa asetteluissa, joissa muotoilu edellyttää lyhyttä toimintokutsua, piilota lisäkonteksti linkin sisälle .visually-hidden-elementillä: Lue lisää <span class="visually-hidden">saavutettavuusraportista 2026</span>.
  • Taulukon toistuville rivitoiminnoille (Muokkaa, Poista) käytä aria-label-määritettä rivin kontekstin lisäämiseksi: aria-label="Muokkaa laskua INV-2204".
  • Vältä aria-labelledby-ketjuja, jotka riippuvat linkin ulkopuolisesta näkyvästä tekstistä, koska „ohjelmallisesti määritettyä kontekstia“ koskeva poikkeus koskee AA-tasoa, ei AAA-tasoa.
  • Auditoi poimimalla kaikki sivun <a>-elementtien tekstit ja kysymällä, kertooko jokainen yksinään, minne se johtaa.

Yleisiä virheitä

  • Korttiruudukot, joissa on 20 „Näytä tiedot“ -linkkiä, jokainen osoittaen eri paikkaan.
  • „Tästä“-linkit kappaleiden sisällä — vaikka lause olisi selkeä, pelkkä linkki ei ole.
  • Kuvien linkit, joissa on tyhjä alt-teksti, ei näkyvää tekstiä eikä aria-label-määritettä.
  • Sivutuslinkit: pelkästään 1 2 3 4 5 ilman sivukontekstia („Sivu 3 hakutuloksista X“).
  • „Napsauta tästä tilataksesi“ -linkki, jossa „Napsauta tästä“ on ankkuri ja „tilataksesi“ on linkin ulkopuolella.

Miksi tällä on merkitystä

Ruudunlukuohjelman linkkilistaustila on nopeampi kuin rivi riviltä lukeminen, ja monet kokeneet JAWS- ja NVDA-käyttäjät navigoivat oletuksena siten. AAA-vaatimustenmukaisuus 2.4.9:n suhteen tekee sivustosta täysin käytettävän kyseisessä tilassa. Useimmat AA-tasoon tähtäävät tiimit eivät virallisesti sitoudu tähän onnistumiskriteeriin, mutta sen omaksuminen kirjoitussääntönä kaikelle uudelle sisällölle ei maksa mitään ja korjaa hiljaa yhden yleisimmistä ruudunlukuohjelmien käyttökivuista.