LinkList (Linkkilista)

Komponentin tekninen dokumentaatio ja käyttöesimerkit

Linkkilistakomponenttia käytetään linkkien esittämiseen listamuodossa. Se soveltuu käytettäväksi esimerkiksi linkkikokoelmiin, jossa linkit esitetään kategorioittain.

Palvelut

Saavutettavuus ja käytettävyys

Listan yhteydessä tulee käyttää listan sisältöä kuvaavaa otsikkoa, joka liitetään ariaLabelledBy-määreellä listaan. Tämä varmistaa, että ruudunlukija pystyy tunnistamaan listan tarkoituksen.
Jokaisen linkin tulee olla kuvaava ja sen tarkoituksen ymmärrettävissä pelkästä linkin nimestä. Vältä yleisluontoisia linkkitekstejä kuten "Lue lisää" tai "Klikkaa tästä".
Käytä ExternalLink-komponenttia ulkoisiin linkkeihin, jotka avautuvat uuteen välilehteen. Tällöin ruudunlukijakäyttäjä saa tiedon välilehden avautumisesta labelNewWindow-propsin kautta.

Mistä komponentti koostuu

Linkkilista koostuu listasta (HTML ul-elementti) sekä listan jäsenistä (li-elementti). Listan jäsenet voivat sisältää Link-, ExternalLink- tai RouterLink-komponentteja.

Komponentin koko ja käyttö

LinkList-komponentissa on kaksi visuaalista variaatiota: normaali ja mobiilioptioitu (smallScreen). Smallscreen variantti pienentää fontin ja ikonien kokoa, joka säästää tilaa pienillä ruuduilla.