åtgärdsknappar

Åtgärdsknappar är användargränssnittskontroller som används för att initiera eller avsluta handlingar i en applikation eller på webbplatser. De fungerar som triggerpunkter som överför användarens intention till programvaran och placeras ofta i handlingsflöden som bekräftelse, åtgärder eller navigering. Knappens innehåll kan vara text, ikon eller en kombination av båda.

Vanliga typer inkluderar primära knappar som betonar den dominerande åtgärden, sekundära och destruktiva knappar för åtgärder som raderar eller ändrar viktiga data, bekräftelseknappar (OK/Confirm) och Avbryt. Det finns också växlingsknappar (toggle-knappar) som uppträder i två tillstånd, samt ikonknappar utan text när utrymme är begränsat.

Designen ska underlätta igenkänning och genomförande av åtgärder: konsekvent färgkodning, tydlig text, rätt storlek som fungerar som beröringsmål och bra placering i grupper som speglar användarflödet. Knappen bör visa tydliga fokus- och hover-tillstånd.

Tillgänglighet är central: knappar måste kunna aktiveras med tangentbordet (Tab och Enter/Space), ha tydliga etiketter för skärmläsare och, vid behov, använda ARIA-attribut som aria-label eller aria-pressed för toggle-knappar. Färg ensam får inte kommunicera funktionens betydelse.

På webben och i mobila gränssnitt följs ofta plattformsriktlinjer som Material Design och Apple Human Interface Guidelines. För utvecklare är det vanligt att använda standardknappselement och bara tillämpa anpassade ARIA-egenskaper när man skapar egna komponenter.