Husk pÄ
- Hold deg til korte, konsise tekster i knappene. Det skal vÊre enkelt for brukeren Ä forstÄ hva som skjer om de trykker pÄ knappen.
- Dersom du bruker andre farger i knappene: dobbeltsjekk at du har god nok kontrast, minst 4.5:1 (bruk Stark plugin i Figma for Ă„ sjekke).
- Ikke glem visuell feedback - bruk riktige hover, active og focus-states!
- SĂ„ godt det lar seg gjĂžre: prioriter Ă„ bruke aktiv knapp med feilmelding i stedet for âdisabledâ-variant av knappen.
- SĂžrg for at knappen er forstĂ„elig for de som bruker skjermleser, dette er spesielt viktig om du bruker knapp med bare ikon. I tilfeller hvor ikonet er meningsbĂŠrende, for eksempel en knapp med et e-post-ikon og teksten âsendâ, sĂ„ kan skjermleseren bare lese âbutton, sendâ. I disse tilfellene bĂžr du bruke aria-label eller vĂ„r CSS-klasse âpkt-sr-onlyâ for Ă„ skjule beskrivelsen av knappen visuelt, men den leses opp av skjermleseren.
- Hvis du bruker animasjon for Ä gi tilbakemelding pÄ knappens tilstand, bÞr du sÞrge for at det er mulig Ä slÄ av eller dempe animasjonen.