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 dekorativ og ikke formidler informasjon. Eksempel: Hvis en avatar vises i en knapp med teksten “Ola Nordmann”, kan avataren skjules med aria-hidden 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 initialer eller “Avatar”.

WCAG: 4.1.2 Navn, rolle, verdi

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