diff --git a/packages/react/src/components/Details/Details.mdx b/packages/react/src/components/Details/Details.mdx index 0e0e53a70b..5b85b83d7d 100644 --- a/packages/react/src/components/Details/Details.mdx +++ b/packages/react/src/components/Details/Details.mdx @@ -94,11 +94,9 @@ Details skal brukes til maksimalt to avsnitt innenfor hvert nedtrekk. Sørg for ## Tilgjengelighet -Som standard er `Details.Summary` et `h1` element. Du må selv velge riktig overskriftsnivå for din side. Hvis `Details.Summary` er en del av en større overskrift, kan du bruke `h2`, `h3` osv. for å opprettholde en logisk rekkefølge. - [`Chevron`](https://aksel.nav.no/ikoner/ChevronDown)-ikonet er bevisst plassert til venstre for teksten, av hensyn til brukerer med nedsatt synsfelt. Der er det lettere for brukeren å se det (fordi vi leser fra venstre). Mange brukere tror at de må peke på og velge ikonet for å åpne. -Ikke plasser andre interaktive elementer inn i `Details`-heading, da hele raden skal være klikkbar. Ikonet og teksten skal _ikke_ lenke til ulike handlinger (for eksempel at teksten går videre til en side, mens ikonet åpner listen). Brukerne forventer ikke at ikon og tekst skal gi ulikt resultat når de velger dem. +Ikke plasser andre interaktive elementer inn i `Details.Summary`, da hele raden skal være klikkbar. Ikonet og teksten skal _ikke_ lenke til ulike handlinger (for eksempel at teksten går videre til en side, mens ikonet åpner listen). Brukerne forventer ikke at ikon og tekst skal gi ulikt resultat når de velger dem. `Tab` : Flytter fokus til neste element som kan ha fokus \ `Shift` + `Tab` : Flytter fokus til forrige element som kan ha fokus \