brukergrensesnittknapper

Brukergrensesnittknapper, eller bare knapper, er grafiske kontrollere i et grafisk brukergrensesnitt som lar brukeren utløse handlinger ved å klikke, trykke eller berøre. De fungerer som inngangsporter for kommandoer som å sende et skjema, lagre data, åpne en dialog eller navigere mellom skjermer.

Vanlige typer inkluderer trykkknapper (vanlige knapper), av/på-vippeknapper (toggle), radioknapper (radioknapper) for å velge ett alternativ blant flere, og avkrysningsbokser (avkrysningsbokser) for flere valg. Noen knapper kombinerer tekst og ikon. Designen kan også inkludere ikonknapper som formidler funksjon gjennom symboler.

God knappdesign gir tydelig tilbakemelding når den er fokusert, hovret eller trykket, og endrer utseende ved deaktivert tilstand. Tilgjengelighet er sentralt: knappen må kunne nås med tastatur, ha tilstrekkelig kontrast og beskrivelser som leses av skjermlesere (for eksempel aria-label eller synlig tekst). Berøringsmål bør være store nok på mobile enheter. Konsistens i språk, plassering og visuelt språk gjør at brukeren forstår hva som skjer ved klikk.

På web bygges knapper ofte med button-elementet eller rolle=button, med hendelseshåndtering som onClick eller onTap. Tilgjengelighetsattributter som aria-pressed kan brukes for toggle-knapper. På mobil og desktop varierer native komponentenes oppførsel og utseende, men prinsippene er like.

Standarder og retningslinjer som WCAG for tilgjengelighet og designguider som Material Design og Apple Human Interface Guidelines gir anbefalinger om kontrast, størrelse, tilbakemelding og konsekvent atferd.