Komponenter

Avatar

Avatar viser et bilde, initialer eller ikon for en person, enhet eller profil.

Dette må du sjekke selv

Informativ Avatar skal ha et tilgjengelig navn.

Tilgjengelig navn kan legges til med aria-label. Hvis flere avatarer vises sammen, skal hvert navn være unikt.

Dekorativ Avatar skal skjules for skjermlesere.

Dette gjelder når Avatar kun er dekorasjon og ikke formidler informasjon. Eksempel: Hvis en Avatar vises inne i en knapp med teksten “Ola Nordmann”, kan avataren skjules fordi navnet allerede identifiserer personen.

WCAG: 1.1.1 Ikke-tekstlig innhold

Klikkbar Avatar skal ha et tilgjengelig navn.

Tilgjengelig navn kan legges til med aria-label. Eksempel: “Profil for Ola Nordmann”. Unngå: kun Innitialer eller “Avatar”.

WCAG: 4.1.2 Navn, rolle, verdi

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