<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="buttons" xml:lang="sv">

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <credit>
      <name>Calum Benson</name>
    </credit>
    <credit>
      <name>Adam Elman</name>
    </credit>
    <credit>
      <name>Seth Nickell</name>
    </credit>
    <credit>
      <name>Colin Robertson</name>
    </credit>

    <link type="guide" xref="ui-elements"/>
    <uix:thumb mime="image/svg" src="figures/ui-elements/buttons.svg"/>

    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Anders Jonsson</mal:name>
      <mal:email>anders.jonsson@norsjovallen.se</mal:email>
      <mal:years>2015, 2018</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Sebastian Rasmussen</mal:name>
      <mal:email>sebras@gmail.com</mal:email>
      <mal:years>2017, 2018</mal:years>
    </mal:credit>
  </info>

<title>Knappar</title>

<p>Knappar är ett av de vanligaste och mest grundläggande användargränssnittselementen. Knappar kan användas för att utföra åtgärder, justera inställningar eller vyer, aktivera verktyg eller för att visa dialoger, kontextfönster eller andra användargränssnittselement.</p>

<media type="image" mime="image/svg" src="figures/ui-elements/buttons.svg"/>

<section id="general-guidelines">
<title>Allmänna riktlinjer</title>

<list>
<item><p>En knapp kan innehålla en ikon, knapp eller, mer sällan, en bild. Följ riktlinjerna för ikoner och grafik när du beslutar vilken som ska användas.</p></item>
<item><p>Efter att en knapp tryckts ned bör en användare kunna förväntas se resultatet av deras åtgärd inom en sekund.</p></item>
<item><p>Använd inte mer än en eller två olika bredder för knappar i samma fönster, och se till att alla har samma höjd. Detta hjälper till att ge ett behagligt, likformigt visuellt utseende till ditt fönster, vilket gör det enklare att använda.</p></item>
<item><p>Tilldela inte åtgärder till dubbelklick eller högerklick på en knapp. Det är osannolikt att användare kommer att hitta dessa åtgärder, och om de gör det kommer det att förvränga deras förväntning på andra knappar på skrivbordet.</p></item>
<item><p>Gör ogiltiga knappar okänsliga snarare än att visa ett felmeddelande när användaren klickar på dem.</p></item>
<item><p>När flera knappar placeras intill varandra, säkerställ att de har samma bredd. Detta är särskilt viktigt för par av knappar så som Avbryt och OK.</p></item>
<item><p>I en dialog kan en knapp vara utpekad som standardknapp, vilket visas med en annorlunda ram och den aktiveras genom att trycka på Retur. Detta kommer ofta att vara OK-knappen eller något motsvarande. Om data skulle kunna gå förlorad om denna knapp trycks på av misstag, ställ inte in en standardknapp för fönstret.</p></item>
</list>

</section>

<section id="text-buttons">
<title>Textknappar</title>

<list>
<item><p>Etikettera alla knappar med verb i imperativ, använd <link xref="writing-style#capitalization">rubrikversalisering</link> (Detta gäller för engelska. För svenska är meningsversalisering att föredra). Till exempel, <gui>Spara</gui>, <gui>Sortera</gui> eller <gui>Uppdatera nu</gui>.</p></item>
<item><p>Använd <link xref="writing-style#ellipses">ellips</link> när en knapp kräver vidare inmatning från användaren för att slutföra en åtgärd.</p></item>
<item><p>Tillhandahåll en <link xref="keyboard-input#access-keys">snabbtangent</link> i etiketten som låter användaren direktaktivera knappen från tangentbordet.</p></item>
<item><p>Håll etiketter korta så att de inte förorsakar att en knapp använder för mycket utrymme. Det är också viktigt att ta hänsyn till hur etiketter kommer att ändra längd när de översätts.</p></item>
</list>

</section>

<section id="toggle-buttons">
<title>Växlingsknappar</title>

<p>Växlingsknappar ser likadana ut som vanliga knappar, men används för att visa eller indikera ett tillstånd snarare än att initiera en åtgärd. En växlingsknapps två tillstånd, satt och osatt, visas genom att den ser ”intryckt” eller ”ointryckt” ut.</p>

</section>

<section id="linked-buttons">
<title>Länkade knappar</title>

<p>Grupper av knappar med samma funktion kan grupperas. Detta hjälper till att kommunicera deras likheter. Länkning är en vanlig teknik för uppsättningar av växlingsknappar.</p>

</section>

<section id="suggested-and-destructive">
<title>Föreslagna och destruktiva åtgärder</title>

<p>I de fall när en knapp har en särskilt viktigt bekräftande roll kan den ges en föreslagen stil. Detta markerar knappen och hjälper till att särskilja den från andra synliga komponenter.</p>

<p>Knappar som har en destruktiv konsekvens, så som att rensa eller ta bort ett innehållsobjekt, kan ges en destruktiv stil. Detta markerar knappen genom att färgsätta den och fungerar som en varning för användaren.</p>

<p>Varje vy bör endast ha en enda föreslagen eller destruktiv knapp.</p>

</section>

<section id="api-reference">
<title>API-referens</title>

<list>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkButton.html">GtkButton</link></p></item>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkToggleButton.html">GtkToggleButton</link></p></item>
</list>

</section>

</page>
