updates to accordion

[JulianNymark]

https://github.com/navikt/team-aksel/issues/151

from blue -> gray
no header underline when open

[changeset-bot]

🦋 Changeset detected

Latest commit: d1a4177

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 10 packages

Name	Type
@navikt/ds-css	Major
@navikt/ds-react	Major
@navikt/aksel	Major
@navikt/ds-react-internal	Major
@navikt/ds-tokens	Major
@navikt/ds-tailwind	Major
@navikt/ds-css-internal	Major
@navikt/ds-codemod	Major
@navikt/aksel-icons	Major
@navikt/ds-icons	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Endringer til review: 8

762771a01 | 44 komponenter | 262 stories

[JulianNymark]

Hva er UU krav til navigering via keyboard her? er det greit med bare tab for å navigere fra accordion item til neste? eller burde piltaster også virke her? I mitt hode har jeg lyst til å bruke pil opp og ned til å velge Accordion.Item, og høyre for å "drill down" og åpne (venstre for å lukke), da blir det ganske likt som navigering av filtre hierarkier man ser der ute :)

[KenAJoh]

Hva er UU krav til navigering via keyboard her? er det greit med bare tab for å navigere fra accordion item til neste? eller burde piltaster også virke her? I mitt hode har jeg lyst til å bruke pil opp og ned til å velge Accordion.Item, og høyre for å "drill down" og åpne (venstre for å lukke), da blir det ganske likt som navigering av filtre hierarkier man ser der ute :)

Vi har valgt å implementere den "enkle" versjonen av Accordion relatert til keyboard-navigasjon og mønster https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/.
ArrowUp/Down, Home/End er tillat i Accordion (https://www.aditus.io/patterns/accordion/#keyboard-support), men ikke required. Husker ikke 100% alle nyansene til hvorfor vi gjorde dette, men mener en TLDR var at det enkle er ofte det beste.

Dette er også relatert til at Accordion blir brukt til å vise mye innhold på NAV (eks https://www.nav.no/yrkesskade#dekning) vs korte oppsummerende lister. ArrowUp/Down vil da potensielt flytte skjermen 1-X sider ned til neste accordion, istedenfor default-oppførselen der arrow-keys scroller siden rolig nedover slik at man kan lese innholdet.

[KenAJoh]

Bra jobba! 🙌 Har gått gjennom å funnet noen småting som kan ses på. Kan også legge til kode-eksempler for Aksel.nav.no i samme PR:
https://github.com/navikt/aksel/tree/main/aksel.nav.no/website/pages/eksempler/accordion
Howto