Kuvauslistat

Kuvauslistat tarkoittavat rakenteellista ratkaisua, jossa kuhunkin termiin liitetään siihen liittyvä kuvaus tai selitys. Ne ovat yleisiä sanastoissa, rekisteriteksteissä ja verkkosivuilla, joissa halutaan selventää käsitteitä ja avainsanoja.

HTML-terminologiassa kuvauslista (description list) on semanttinen rakenne, joka koostuu dl-elementistä, jonka sisällä on dt-elementtejä (definition term) ja dd-elementtejä (definition description).

Rakenne on periaatteessa vuorotellen esiintyviä termiä (dt) ja kuvausta (dd) -yksiköitä. Useita dd:itä voidaan liittää yhdelle dt:lle, ja listaa voidaan tarvittaessa jäsentää sisäkkäisillä kuvauslistoilla. Kuvauslistan ulkoas voidaan muuttaa CSS:llä, mutta semantiikka säilyy.

Käytännössä kuvauslistat sopivat johdonmukaisten määritelmien esittämiseen, kuten sanastoihin, tuotetietoihin tai teknisiin määrityksiin. Ne ovat hyödyllisiä erityisesti silloin, kun termi tarvitsee kuvauksen, mutta yksittäisillä kuvauksilla ei välttämättä ole ensisijaista järjestystä. Vältä kuvauslistojen käyttöä, jos lista on vain lueteltu ilman pareittaisia yhteyksiä; silloin UL/OL tai taulukko voi olla parempi valinta.

Saatavuuden kannalta kuvauslistan tulee olla selkeä ja oikeakielinen; ruudunlukija lukee dt- ja dd-elementit ja muodostaa niistä ryhmittymän. Tämän vuoksi on tärkeää, että käytetään paikkaansa pitävää termiä ja kuvausta sekä tarvittaessa lisäselitteitä.

Esimerkki:

<dl>

<dt>Termi A</dt>

<dd>Kuvaus A.</dd>

<dt>Termi B</dt>

<dd>Kuvaus B.</dd>

</dl>

Yhteenveto: kuvauslistat tarjoavat semanttisen tavan yhdistää termi ja sen määritelmä, ja ne ovat tärkeä osa webin semanttista rakennetta sekä käyttöliittymäsuunnittelua.