Hopp til hovedinnhold

Hva leter du etter?

Prøv å søke etter…

Komponenter

Card

Card fremhever informasjon eller oppgaver som hører sammen. Komponenten finnes i to varianter og kan inneholde tekst, bilde, tekstfelt, knapper og lenker.

Dette må du sjekke selv

Lenketeksten i card skal tydelig beskrive hvor lenken går.

Bruk en tydelig tittel eller lenketekst som forklarer målet med lenken.
Unngå generiske tekster som “Les mer” eller “Klikk her”.

WCAG: 2.4.4 Formål med lenke (i kontekst)


Det tilgjengelige navnet skal samsvare med synlig tekst.

Hvis du bruker aria-label eller andre teknikker som overstyrer det tilgjengelige navnet, må det fortsatt samsvare med den synlige teksten.

WCAG: 2.5.3 Ledetekst i navn


Bilder i lenkekort skal være dekorative.

Hvis hele card er en lenke med bilde, skal bildet ikke være informativt og ha tom alt-tekst.

WCAG: 1.1.1 Ikke-tekstlig innhold


Overskrifter i card skal bruke riktig nivå i forhold til resten av siden.

Ikke hopp over nivåer (for eksempel fra h1 til h3).

WCAG: 1.3.1 Informasjon og relasjoner

Rediger denne siden på github.com (åpnes i ny fane)