digdir / designsystemet

Designsystemet
https://designsystemet.no
MIT License
77 stars 37 forks source link

Pattern: Button placement and order #508

Open mrosvik opened 1 year ago

mrosvik commented 1 year ago

Relevant


Vi ønsker å lande et anbefalt mønster for rekkefølgen på sidestilte knapper!

Frem til nå har vi i Altinn plassert «Forrige» og «Neste» i denne rekkefølgen. Altså hovedknapp sist. For å legge grensesnittet best mulig tilrette for folk med nedsatt syn (som bare ser en liten del av nettsiden samtidig), bør vi revurdere rekkefølgen på knappene.

Brønnøysundregistrene har av denne grunn gått for å alltid ha hovedknapper først og sekundærknapper etterpå (når på samme linje). Altså alltid det viktigste til venstre og først når det er på linje med andre ting.

Bør vi gjøre dette i Altinn også? Og skrive om det som et anbefalt mønster i designsystemet eller under retningslinjer for knapper?

At «Neste» står foran «Forrige» kan resultere i språklig forvirring, og vi bør derfor vurdere om vi kan gi knappene andre navn dersom vi går for dette alternativet.

Image

mrosvik commented 1 year ago

There will be a meeting about this to find the best solution on friday 9th of june.

mrosvik commented 1 year ago

Notes: https://www.figma.com/file/V4dzf3m1sapmU048OQnu7L/Arbeidsomr%C3%A5de%3A-Felles-komponenter?type=design&node-id=143%3A26145&mode=design&t=3ubcz4tI0DJRymLr-1