gnome-devel-docs master - en to sv translation catalogue (1193 entries)

note: (itstool) path: p/link
en: Creative Commons Attribution-Share Alike 4.0 International License
sv: Creative Commons Erkännande-DelaLika 4.0 Internationell

note: (itstool) path: license/p
en: This work is licensed under a <_:link-1/>.
sv: Detta verk är licensierat under licensen <_:link-1/>.

note: (itstool) path: info/desc
en: Bottom bar that contains actions
sv: Rad längs nedre kanten som innehåller åtgärder

note: (itstool) path: page/title
en: Action bars
sv: Åtgärdsrader

note: (itstool) path: page/p
en: An action bar is a horizontal container that is placed along the bottom edge of a window. It is used to present actions for the content that is displayed above.
sv: En åtgärdsrad är en horisontell behållare som är placerad längs nedre kanten i ett fönster. Den används för att presentera åtgärder för innehållet som visas ovanför.

note: (itstool) path: section/title
en: When to use
sv: När ska de användas

note: (itstool) path: section/p
en: Use an action bar when content items are primarily displayed for editing or management. Since they prominently display potential actions, action bars are not appropriate if content is generally viewed and not edited. In these cases, potential actions can be placed within a <link xref="header-bar-menus">header bar menu</link> instead.
sv: Använd en åtgärdsrad när innehållsobjekten primärt visas för redigering eller hantering. Eftersom möjliga åtgärder visas på ett framträdande sätt är åtgärdsrader inte lämpliga om innehållet vanligtvis visas och inte redigeras. I dessa fall kan möjliga åtgärder istället placeras inom en <link xref="header-bar-menus">rubrikradsmeny</link>.

note: (itstool) path: section/p
en: Action bars can be shown temporarily, when a <link xref="selection-mode">selection</link> or edit mode is active.
sv: Åtgärdsrader kan visas tillfälligt när ett <link xref="selection-mode">markerings-</link> eller redigerings-läge är aktivt.

note: (itstool) path: section/title
en: Guidelines
sv: Riktlinjer

note: (itstool) path: item/p
en: Group sets of similar functionality together, by aligning them to the left and right of the action bar, or by using separators. The most commonly used items should be placed on the left.
sv: Gruppera liknande funktionalitet tillsammans genom att justera dem till vänster och höger i åtgärdsraden eller genom att använda avskiljare. De objekt som används mest frekvent bör placeras till vänster.

note: (itstool) path: item/p
en: Try to separate potentially destructive actions, and <link xref="buttons#suggested-and-destructive">style them appropriately</link>.
sv: Försök att separera eventuellt destruktiva åtgärder och <link xref="buttons#suggested-and-destructive">ge dem en lämplig stil</link>.

note: (itstool) path: section/title
en: API reference
sv: API-referens

note: (itstool) path: info/desc
en: Basic application characteristics.
sv: Grundläggande programegenskaper.

note: (itstool) path: page/title
en: Application basics
sv: Grundläggande om program

note: (itstool) path: page/p
en: These Human Interface Guidelines provide design guidance on the creation of GNOME applications. Given this focus on applications, this page provides a definition of applications from a user experience perspective. It also provides guidance on basic application behavior and characteristics.
sv: Dessa riktlinjer för mänskliga gränssnitt tillhandahåller designråd vid skapande av GNOME-program. Givet detta fokus på program så tillhandahåller den här sidan en definition av program från ett användarupplevelseperspektiv. De tillhandahåller också råd för grundläggande beteende och egenskaper hos program.

note: (itstool) path: page/p
en: The application model allows users to understand how software is distributed, installed and removed, as well as how that software behaves when in use. Ensuring that your software behaves according to this model will therefore help to ensure that it is predictable and conforms to user expectations. It will also ensure correct integration with system tools for installing and removing applications.
sv: Programmodellen låter användare förstå hur program distribueras, installeras och tas bort, såväl som hur programvara beter sig då den används. Att försäkra dig om att din programvara beter sig enligt denna modell kommer därför att hjälpa till att säkerställa att den är förutsägbar och följer användarnas förväntningar. Det kommer också att garantera korrekt integration med systemverktyg för installation och borttagning av program.

note: (itstool) path: section/title
en: What is an application?
sv: Vad är ett program?

note: (itstool) path: section/p
en: The following list of characteristics provides a basic definition of an application. An application is a distinct piece of software which:
sv: Följande lista över egenskaper tillhandahåller en grundläggande definition av ett program. Ett program är en distinkt programvara som:

note: (itstool) path: item/p
en: Can be individually installed and removed from the system.
sv: Kan installeras och tas bort från systemet var för sig.

note: (itstool) path: item/p
en: Does not affect or interfere with the behavior of other applications.
sv: Påverkar eller stör inte beteendet hos andra program.

note: (itstool) path: item/p
en: Does not rely on other applications in order to run.
sv: Beror inte på andra program för att kunna köras.

note: (itstool) path: item/p
en: Provides at least one <link xref="primary-windows">primary window</link>.
sv: Tillhandahåller minst ett <link xref="primary-windows">primärt fönster</link>.

note: (itstool) path: item/p
en: Has a unique name and <link xref="icons-and-artwork#application-icons">icon</link>.
sv: Har ett unikt namn och en unik <link xref="icons-and-artwork#application-icons">ikon</link>.

note: (itstool) path: item/p
en: Has an application launcher.
sv: Har en programstartare.

note: (itstool) path: section/p
en: A key theme in this definition is that applications are intended to be independent of other applications. This ensures flexibility, predictability, and simplicity of use.
sv: Ett nyckeltema i denna definition är att program är avsedda att vara oberoende av andra program. Detta säkerställer flexibilitet, förutsägbarhet och lättanvändhet.

note: (itstool) path: section/p
en: Of course, there are other characteristics that are expected of applications, including standard window behavior, system integration, and application metadata. Guidance on these aspects of applications can be found elsewhere.
sv: Det finns förstås andra egenskaper som förväntas av program, innefattande standardbeteende för fönster, systemintegration samt metadata för program. Råd för dessa aspekter av program går att hitta på andra platser.

note: (itstool) path: section/title
en: Naming your application
sv: Att namnge ditt program

note: (itstool) path: section/p
en: An application’s name is vital. It is what users will be first exposed to, and will help them decide whether they want to use an application or not. It is a major part of your application’s public face.
sv: Ett programs namn är mycket viktigt. Det är vad användare först kommer att exponeras för och kommer att hjälpa dem att avgöra huruvida de vill använda ett program eller ej. Det är en väsentlig del av ditt programs ansikte utåt.

note: (itstool) path: section/p
en: An application name plays a number of functions:
sv: Att programnamn fyller ett antal funktioner:

note: (itstool) path: item/p
en: It must advertise your application to potential users.
sv: Det måste göra reklam för ditt program till potentiella användare.

note: (itstool) path: item/p
en: It should serve to reinforce a positive identity, and have expressive qualities.
sv: Det borde förstärka en positiv identitet och ha uttrycksfulla kvaliteter.

note: (itstool) path: item/p
en: It needs to identify your application in the systems where it is installed and run.
sv: Det bör identifiera ditt program på systemen det är installerat och kör på.

note: (itstool) path: section/p
en: Ensure that your application name is short — fewer than 15 characters. This will ensure that it is always displayed in full within a GNOME 3 environment.
sv: Försäkra dig om att ditt programnamn är kort — kortare än 15 tecken. Detta kommer att göra att det alltid visas i sin helhet i en GNOME 3-miljö.

note: (itstool) path: section/p
en: Additionally, choose an application name that is easy to understand and communicates your application’s functionality. Avoid references which will not be understood or be familiar to potential users, such as obscure cultural references, inside jokes and acronyms. Instead, pick a name that references what your application does, or the domain in which it operates.
sv: Dessutom, välj ett programnamn som är enkelt att förstå och kommunicerar ditt programs funktion. Undvik referenser som inte kommer att förstås eller inte kommer att vara bekant för potentiella användare, så som obskyra kulturella referenser, interna skämt och förkortningar. Välj istället ett namn som refererar till det ditt program gör, eller området inom vilket det används.

note: (itstool) path: info/desc
en: Global application menu that is accessed from the top bar
sv: Den globala programmenyn som nås från systemraden

note: (itstool) path: page/title
en: Application menus
sv: Programmenyer

note: (itstool) path: page/p
en: <em>Application menus are no longer recommended, and their contents will not be included in GNOME 3's top bar from GNOME 3.32. <link xref="primary-menus">Primary</link> and <link xref="secondary-menus">secondary menus</link> should be used as alternatives.</em>
sv: <em>Programmenyer rekommenderas inte längre och deras innehåll kommer inte att visas i GNOME 3:s systemrad från och med GNOME 3.32. <link xref="primary-menus">Primär-</link> och <link xref="secondary-menus">sekundärmenyer</link> bör användas som alternativ.</em>

note: (itstool) path: page/title
en: Button menus
sv: Knappmenyer

note: (itstool) path: page/p
en: A menu that is opened by pressing a button. They can be incorporated into a range of container widgets, such as header bars, action bars, sidebars or toolbars. <link xref="header-bar-menus">Header bar menus</link> are the most common example.
sv: En meny som öppnas genom att trycka på en knapp. De kan användas i en rad behållarkomponenter, som rubrikrader, åtgärdsrader, sidopaneler eller verktygsfält. <link xref="header-bar-menus">Rubrikradsmenyer</link> är det vanligaste exemplet.

note: (itstool) path: section/p
en: A menu button is a way to present additional actions or options. They are appropriate when it is necessary to provide secondary actions or options which cannot be comfortably incorporated into your primary user interface. There are two primary types of button menu:
sv: En menyknapp är ett sätt att presentera ytterligare åtgärder eller alternativ. De är lämpliga när det är nödvändigt att tillhandahålla sekundära åtgärder eller alternativ som bekvämt kan införlivas i ditt programs primära användargränssnitt. Det finns två primära typer av knappmenyer:

note: (itstool) path: item/p
en: <em style="strong">Overflow menus</em>: here, the button menu serves as an extension of an existing set of controls. This can be seen in the example of <link xref="header-bar-menus">header bar menus</link>, where the menu acts a continuation of the controls presented in the header bar itself. This approach can be applied to other containers, such as action bars. These generic button menus can contain a variety of miscellaneous items that relate to the context of the menu.
sv: <em style="strong">Överspillsmenyer</em>: här fungerar knappmenyn som en utökning av en existerande mängd komponenter. Detta kan ses i exemplet med <link xref="header-bar-menus">rubrikradsmenyer</link>, där menyer fungerar som en fortsättning av komponenterna som syns i rubrikraden i sig. Detta tillvägagångssätt kan appliceras på andra behållare så som åtgärdsrader. Dessa generiska knappmenyer kan innehålla en mängd olika objekt som relaterar till menyns kontext.

note: (itstool) path: item/p
en: <em style="strong">Single purpose menus</em>: these provide actions and/or options for a specific area of functionality. In the same way that a menu bar presents a series of menus on different topics, so individual menu buttons can present groups of functionality, such as editing, changing the view, or providing navigation controls.
sv: <em style="strong">Menyer med endast ett syfte</em>: dessa tillhandahåller åtgärder och/eller alternativ för ett specifikt funktionsområde. På samma sätt som en menyrad presenterar en serie av menyer som rör olika områden så kan individuella menyknappar presentera grupper av funktioner så som redigering, ändring av vy eller tillhandahålla navigeringskomponenter.

note: (itstool) path: section/p
en: Menus provide a clear and consistent way to present diverse sets of actions and settings. At the same time, a popover with embedded controls, like buttons, sliders, spin buttons, lists and text entries, can provide a more effective interface for many tasks.
sv: Menyer tillhandahåller ett klart och tydligt sätt att presentera en mångfald av åtgärder och inställningar. Samtidigt kan ett kontextfönster med inbäddade komponenter, så som knappar, skjutreglage, stegningsrutor, listor och textinmatningsfält ge ett mer effektivt gränssnitt för många uppgifter.

note: (itstool) path: item/p
en: Evaluate each function within a button menu, in order to decide whether it would be better served by a different <link xref="ui-elements">user interface element</link>. While simple actions or settings can be effectively represented by menu items, others cannot. In particular, sliders, spin buttons, switches and text entries provide functionality that cannot be easily reproduced with a menu. Likewise, some entries might be better represented as icons rather than text — in which case, buttons could be more appropriate than a menu.
sv: Utvärdera varje funktion i en knappmeny, för att besluta huruvida det hade varit bättre med ett annat <link xref="ui-elements">användargränssnittselement</link>. Även om enkla åtgärder eller inställningar effektivt kan representeras av menyobjekt, går det inte med andra. Speciellt kan skjutreglage, stegningsrutor, brytare och textinmatningsfält inte enkelt reproduceras med en meny. På samma sätt kan vissa inmatningsfält kanske bättre representeras som ikoner snarare än text — och då kan knappar vara lämpligare än en meny.

note: (itstool) path: item/p
en: If a menu button contains a small number of items that can be more effectively represented as a group of controls, a popover containing different interface elements can be a more interesting and efficient user interface. However, this approach can easily become over-complex for larger and more diverse button menus.
sv: Om en menyknapp innehåller ett litet antal objekt som mer effektivt kan representeras som en grupp av komponenter, kan ett kontextfönster som innehåller olika gränssnittselement vara ett mer intressant och effektivt användargränssnitt. Detta tillvägagångssätt kan dock lätt bli alltför komplext för större eller mer varierade knappmenyer.

note: (itstool) path: item/p
en: A menu button can be combined with a small number of other interface elements, such as buttons, sliders and switches (see example below). This can enable some menu items to be presented in a more space-efficient manner, or to provide interactions that are not possible with a standard menu. However, be careful not to mix too many types of control or make the menu too complex in the process.
sv: En menyknapp kan kombineras med ett litet antal andra gränssnittselement, så som knappar, skjutreglage och brytare (se exempel nedan). Detta kan möjliggöra en mer utrymmeseffektiv presentation för vissa menyobjekt, eller tillhandahålla interaktionsmöjligheter som inte är möjliga med en standardmeny. Var dock aktsam för att under processens gång inte blanda allt för många typer av komponenter eller göra menyn allt för komplex.

note: (itstool) path: section/title
en: General guidelines
sv: Allmänna riktlinjer

note: (itstool) path: item/p
en: Each context — whether it is a view or delineated area of your interface — should only include one generic button menu.
sv: Varje kontext — oavsett om det är en vy eller ett avgränsat område i ditt gränssnitt — bör endast inkludera en allmän knappmeny.

note: (itstool) path: item/p
en: Ensure that single purpose button menus are effectively labelled. While an icon is more compact, only use them when they will be commonly understood by your users. The <link xref="icons-and-artwork">icon usage guidelines</link> provide more advice on this.
sv: Säkerställ att knappmenyer med endast ett syfte är bra etiketterade. Även om en ikon är mer kompakt, så använd dem endast när de allmänt kommer att förstås av dina användare. <link xref="icons-and-artwork">Riktlinjerna för ikonanvändning</link> ger mer råd om detta.

note: (itstool) path: item/p
en: Single purpose buttons should be clearly and consistently defined. Their menu items should have an obvious relationship with the overall purpose of the menu.
sv: Knappar med endast ett syfte bör vara klart och tydligt definierade. Deras menyobjekt bör ha ett uppenbart samband med det övergripande syftet med menyn.

note: (itstool) path: item/p
en: While multiple button menus can be used simultaneously, be careful about introducing too many disclosure points into your user interface. The more of these that you introduce, the harder it will be for users to find the controls they need, and human error will be increased.
sv: Även om flera knappmenyer kan användas samtidigt, var aktsam för att introducera allt för många punkter av avslöjande i ditt användargränssnitt. Ju fler av dessa du introducerar, desto svårare kommer det att bli för användare att hitta de komponenter de behöver, och mänskliga misstag kommer att öka.

note: (itstool) path: page/title
en: Buttons
sv: Knappar

note: (itstool) path: page/p
en: Buttons are one of the most common and basic user interface elements. Buttons can be used to perform actions, toggle settings or views, activate tools, or to display dialogs, popovers, or other user interface elements.
sv: 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.

note: (itstool) path: section/title
en: General Guidelines
sv: Allmänna riktlinjer

note: (itstool) path: item/p
en: A button can contain an icon, button, or — more unusually — an image. Follow the icons and artwork guidelines when deciding which to use.
sv: 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.

note: (itstool) path: item/p
en: After pressing a button, the user should expect to see the result of their action within 1 second.
sv: Efter att en knapp tryckts ned bör en användare kunna förväntas se resultatet av deras åtgärd inom en sekund.

note: (itstool) path: item/p
en: Do not use more than one or two different widths of button in the same window, and make all of them the same height. This will help give a pleasing uniform visual appearance to your window that makes it easier to use.
sv: 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.

note: (itstool) path: item/p
en: Do not assign actions to double-clicking or right-clicking a button. Users are unlikely to discover these actions, and if they do, it will distort their expectations of other buttons on the desktop.
sv: 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.

note: (itstool) path: item/p
en: Make invalid buttons insensitive, rather than popping up an error message when the user clicks them.
sv: Gör ogiltiga knappar okänsliga snarare än att visa ett felmeddelande när användaren klickar på dem.

note: (itstool) path: item/p
en: When several buttons are placed next to each other, ensure that they have the same width. This is particularly important for pairs of Cancel and OK buttons.
sv: 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.

note: (itstool) path: item/p
en: In a dialog, one button may be made the default button, which is shown with a different border and is activated by pressing Return. Often this will be the OK or equivalent button. However, if pressing this button by mistake could cause a loss of data, do not set a default button for the window.
sv: 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.

note: (itstool) path: section/title
en: Text buttons
sv: Textknappar

note: (itstool) path: item/p
en: Label all buttons with imperative verbs, using <link xref="writing-style#capitalization">header capitalization</link>. For example, <gui>Save</gui>, <gui>Sort</gui> or <gui>Update Now</gui>.
sv: 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>.

note: (itstool) path: item/p
en: Use <link xref="writing-style#ellipses">ellipses</link> when a button requires further input from the user to complete an action.
sv: 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.

note: (itstool) path: item/p
en: Provide an <link xref="keyboard-input#access-keys">access key</link> in the label that allows the user to directly activate the button from the keyboard.
sv: Tillhandahåll en <link xref="keyboard-input#access-keys">snabbtangent</link> i etiketten som låter användaren direktaktivera knappen från tangentbordet.

note: (itstool) path: item/p
en: Keep labels short, so they don't cause a button to use too much space. It is also important to consider how labels will change length when localized.
sv: 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.

note: (itstool) path: section/title
en: Toggle buttons
sv: Växlingsknappar

note: (itstool) path: section/p
en: Toggle buttons look the same as regular buttons, but are used to show or change a state rather than initiate an action. A toggle button’s two states, set and unset, are shown by its appearing “pushed in” or “popped out” respectively.
sv: 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.

note: (itstool) path: section/title
en: Linked buttons
sv: Länkade knappar

note: (itstool) path: section/p
en: Groups of buttons with a similar function can be grouped. This helps to communicate their similarity. Linking is a common technique for sets of toggle buttons.
sv: 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.

note: (itstool) path: section/title
en: Suggested and destructive actions
sv: Föreslagna och destruktiva åtgärder

note: (itstool) path: section/p
en: In cases where a button has a particularly important affirmative role, it can be given a suggested style. This highlights the button, and helps to distinguish it from other visible controls.
sv: 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.

note: (itstool) path: section/p
en: Buttons which have a destructive consequence, such as removing or deleting a content item, can be given a destructive style. This highlights the button by coloring it, and acts as a warning to the user.
sv: 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.

note: (itstool) path: section/p
en: Each view should only include a single suggested or destructive button.
sv: Varje vy bör endast ha en enda föreslagen eller destruktiv knapp.

note: (itstool) path: page/title
en: Check boxes
sv: Kryssrutor

note: (itstool) path: page/p
en: Check boxes are used to show or change a setting. Its two states, set and unset, are shown by the presence or absence of a checkmark in the labeled box.
sv: Kryssrutor används för att visa eller ändra en inställning. Deras två tillstånd, satt och osatt, visas av närvaron eller frånvaron av en bock i den etiketterade rutan.

note: (itstool) path: item/p
en: Clicking a check box should not affect the values of any other controls. It may sensitize, insensitize, hide or show other controls, however.
sv: Att klicka på en kryssruta bör inte påverka värdena av andra komponenter. Det kan dock göra andra komponenter klickbara eller oklickbara, eller dölja eller visa dem.

note: (itstool) path: item/p
en: If toggling a check box affects the sensitivity of other controls, place the check box immediately above or to the left of the controls that it affects. This helps to indicate that the controls are dependent on the state of the check box.
sv: Om växlandet av en kryssruta påverkar klickbarheten för andra komponenter, placera kryssrutan omedelbart till vänster om komponenterna som den påverkar. Detta hjälper till att indikera att komponenterna är beroende av tillståndet hos kryssrutan.

note: (itstool) path: item/p
en: Use <link xref="writing-style#capitalization">sentence capitalization</link> for check box labels, for example <gui>Use custom font</gui>.
sv: Använd <link xref="writing-style#capitalization">stor bokstav i början på mening</link> för kryssruteetiketter, till exempel <gui>Använd anpassat typsnitt</gui>.

note: (itstool) path: item/p
en: Label check boxes to clearly indicate the effects of both their checked and unchecked states, for example, <gui>Show icons in menus</gui>. If the two states of a check box cannot be clearly communicated, consider using two radio buttons instead so both states can be given labels.
sv: Etikettera kryssrutor för att tydligt indikera effekterna av både deras ikryssade och avmarkerade tillstånd, exempelvis <gui>Visa ikoner i menyer</gui>. Om båda tillstånden för en kryssruta inte kan kommuniceras tydligt så kan du överväga att istället använda två radioknappar så att båda tillstånden kan ges etiketter.

note: (itstool) path: item/p
en: Avoid negative check box labels, as this can be confusing and hard to understand. <gui>Play alert sound</gui> is better than <gui>Disable alert sound</gui>, for example.
sv: Undvik negativa kryssruteetiketter, då detta kan vara förvirrande och svårt att förstå. <gui>Spela upp varningsljud</gui> är till exempel bättre än <gui>Inaktivera varningsljud</gui>.

note: (itstool) path: item/p
en: Provide an <link xref="keyboard-input#access-keys">access key</link> in all check box labels that allows the user to set or unset the check box directly from the keyboard.
sv: Tillhandahåll en <link xref="keyboard-input#access-keys">snabbtangent</link> i alla kryssruteetiketter som låter användaren kryssa i eller avmarkera kryssrutan direkt från tangentbordet.

note: (itstool) path: item/p
en: If the check box represents a setting in a multiple selection that is set for some objects in the selection and unset for others, show the check box in its mixed state. When a check box is in its mixed state:
sv: Om kryssrutan representerar en inställning i en markering av flera objekt som är inställd för några av objekten i markeringen och ej inställd för andra, visa kryssrutan i dess mixade tillstånd. Då en kryssruta är i sitt mixade tillstånd:

note: (itstool) path: item/p
en: Clicking the box once should check the box, applying that setting (when confirmed) to all the selected objects.
sv: Bör att klicka på rutan en gång kryssa i rutan, och tillämpa den inställningen (då det bekräftats) för alla markerade objekt.

note: (itstool) path: item/p
en: Clicking the box a second time should uncheck the box, removing that setting (when confirmed) to all the selected objects.
sv: Bör att klicka på rutan en andra gång avmarkera rutan, och ta bort den inställningen (då det bekräftats) för alla markerade objekt.

note: (itstool) path: item/p
en: Clicking the box a third time should return the box to its mixed state, restoring each selected object’s original value for that setting (when confirmed).
sv: Bör att klicka på rutan en tredje gång återföra rutan till sitt mixade tillstånd, och återställa det ursprungliga värdet för den inställningen (då det bekräftats) för alla markerade objekt.

note: (itstool) path: item/p
en: Label a group of check boxes with a descriptive heading above or to the left of the group.
sv: Etikettera en grupp av kryssrutor med en beskrivande rubrik ovanför eller till vänster om gruppen.

note: (itstool) path: item/p
en: Do not place more than about eight check boxes under the same group heading. If you need more than eight, try to use blank space or heading labels to divide them into smaller groups. Otherwise, consider using a check box list instead— but you probably also need to think about how to simplify your user interface.
sv: Placera inte mer än ungefär åtta kryssrutor under samma grupprubrik. Om du behöver fler än åtta kan du försöka att använda tomt utrymme eller rubriketiketter för att dela in dem i mindre grupper. Överväg annars att använda en kryssrutelista istället — men du behöver förmodligen också tänka över hur du kan förenkla ditt användargränssnitt.

note: (itstool) path: item/p
en: Try to align groups of check boxes vertically rather than horizontally, as this makes them easier to scan visually. Use horizontal or rectangular alignments only if they greatly improve the layout of the window.
sv: Försök arrangera grupper av kryssrutor vertikalt snarare än horisontellt, då detta gör dem lättare att läsa av visuellt. Använd horisontella eller rektangulära arrangemang endast om det kraftigt förbättrar fönstrets layout.

note: (itstool) path: info/desc (itstool) path: td/p
en: Using the HIG for cross-platform or GNOME 2 style applications.
sv: Använda riktlinjerna för program på flera plattformar eller program av GNOME 2-stil.

note: (itstool) path: page/title
en: Compatibility
sv: Kompatibilitet

note: (itstool) path: page/p
en: These Human Interface Guidelines are primarily targeted towards new GTK and GNOME applications, with an emphasis on GNOME 3 integration. However, they are also intended to be useful to cross-platform applications, as well as older applications, which may have been designed and implemented in accordance with the GNOME 2 HIG.
sv: Dessa riktlinjer för mänskliga gränssnitt riktar sig främst mot nya GTK- och GNOME-program, med betoning på GNOME 3-integration. De är dock även avsedda att vara användbara för plattformsoberoende program, så väl som för äldre program som kan ha designats och implementerats i enlighet med riktlinjerna för GNOME 2.

note: (itstool) path: section/title
en: Cross-platform compatibility
sv: Kompatibilitet mellan plattformar

note: (itstool) path: section/p
en: Generally speaking, the design patterns found in the HIG can be used on any desktop platform. Most of the conventions, like menus and menu buttons, views and view switchers, and popovers, are common and will be generally understood.
sv: Allmänt kan designmönstren som hittas i riktlinjerna för mänskliga gränssnitt användas på alla skrivbordsplattformar. De flesta konventionerna, så som menyer och menyknappar, vyer och vyväxlare, samt kontextfönster är vanliga och kommer allmänt att bli förstådda.

note: (itstool) path: section/p
en: The primary example of a design pattern that varies across desktop platforms is the <link xref="menu-bars">menu bar</link>, which takes different forms on different platforms. See the design page on this for more guidance on cross-platform considerations.
sv: Det främsta exemplet på ett designmönster som varierar mellan skrivbordsplattformar är <link xref="menu-bars">menyraden</link>, vilken antar olika former på olika plattformar. Se designsidan för detta för mer råd om saker att ha i åtanke för program på flera plattformar.

note: (itstool) path: section/title
en: GNOME 2 compatibility
sv: Kompatibilitet med GNOME 2

note: (itstool) path: section/p
en: These Human Interface Guidelines are an evolution of the GNOME 2 HIG. Applications that follow the new version of the HIG will use space more efficiently, will provide a more focused user experience, and will use modern interpretations of key functionality, such as search, online integration, or notifications.
sv: Dessa riktlinjer för mänskliga gränssnitt är en vidareutveckling av riktlinjerna för GNOME 2. Program som följer den nya versionen av riktlinjerna kommer att använda utrymme mer effektivt, tillhandahåller en mer fokuserad användarupplevelse, och kommer att använda moderna tolkningar av nyckelfunktionalitet, så som sökning, integration med nätet eller aviseringar.

note: (itstool) path: section/p
en: Following some of the design patterns in these guidelines may imply larger-scale design changes for GNOME 2 style applications, particularly if those applications are complex. In particular, replacing window title bars and <link xref="menu-bars">menu bars</link> with a <link xref="header-bars">header bar</link> could be a big change for your application.
sv: Att följa några av designmönstren i dessa riktlinjer kan implicera storskaliga designändringar för program av GNOME 2-stil, speciellt om dessa program är komplexa. Specifikt skulle att ersätta namnlister och <link xref="menu-bars">menyrader</link> för fönster med en <link xref="header-bars">rubrikrad</link> kunna vara en stor ändring för ditt program.

note: (itstool) path: section/p
en: However, much of the advice contained within this HIG can be incorporated into GNOME 2 style applications with minimal disruption, and will lead to an improved experience for users. This includes:
sv: Många av råden som finns i dessa riktlinjer för mänskliga gränssnitt kan dock införlivas i program av GNOME 2-stil med minimal störning, och kommer att leda till en förbättrad upplevelse för användare. Detta inkluderar:

note: (itstool) path: item/p
en: Utilizing new user interface elements, such as popovers.
sv: Att använda nya användargränssnittselement så som kontextfönster.

note: (itstool) path: item/p
en: Guidance on new GTK abilities, like animations.
sv: Råd om nya GTK-möjligheter, som animationer.

note: (itstool) path: item/p
en: Modernized guidance on subjects such as visual layout, typography and icon usage.
sv: Moderniserade råd för ämnen så som visuell layout, typografi och ikonanvändning.

note: (itstool) path: section/p
en: Incorporating these elements of the guidelines can enhance your application without requiring a major redesign, and all GTK and GNOME applications can benefit from them.
sv: Att införliva dessa element ur riktlinjerna kan förbättra ditt program utan att kräva en stor designändring, och alla GTK- och GNOME-program kan dra nytta av dem.

note: (itstool) path: section/p
en: These Human Interface Guidelines have been designed to assist you in determining the best design for your application, rather than proposing a single template to be used in all applications. As such, while they recommend <link xref="header-bars">header bars</link> over <link xref="menu-bars">menu bars</link>, they provide guidance on both approaches.
sv: Dessa riktlinjer för mänskliga gränssnitt har designats för att ge dig stöd i att avgöra den bästa designen för ditt program, snarare än att föreslå en enda mall som ska användas i alla program. Därför tillhandahåller de, även om de rekommenderar <link xref="header-bars">rubrikrader</link> över <link xref="menu-bars">menyrader</link>, riktlinjer för båda infallsvinklarna.

note: (itstool) path: info/desc (itstool) path: td/p
en: General design guidelines and advice.
sv: Generella designråd och riktlinjer.

note: (itstool) path: page/title
en: Design principles
sv: Designprinciper

note: (itstool) path: page/p
en: The following design principles constitute a set of general rules that, when followed, will enable you to produce a high-quality experience for your users.
sv: Följande designprinciper utgör en uppsättning allmänna regler som om de följs låter dig skapa en högkvalitativ upplevelse för dina användare.

note: (itstool) path: section/title
en: Give your application a clear focus
sv: Ge ditt program ett tydligt fokus

note: (itstool) path: section/p
en: Clear, tightly defined goals are the key to good design. Identify a conceptually coherent set of functionality that you want to provide, and be careful to avoid mission creep. An application that tries to do too many disparate things will end up being complex and potentially confusing to users.
sv: Tydliga, väl definierade mål är nyckeln till bra design. Identifiera en konceptuellt sammanhängande mängd funktioner som du vill tillhandahålla, och akta dig för att utöka målen för mycket. Ett program som försöker göra för många skilda saker kommer att bli komplext och potentiellt förvirrande för användare.

note: (itstool) path: section/p
en: Remember: the best applications provide an elegant solution to a specific task area.
sv: Kom ihåg: de bästa programmen tillhandahåller en elegant lösning till ett visst uppgiftsområde.

note: (itstool) path: section/title
en: Keep user interface complexity to a minimum
sv: Minimera komplexitet på användargränssnitt

note: (itstool) path: section/p
en: Every control or piece of information that you add to your application creates additional work for users, and increases the complexity of your application — potentially making it more difficult and less pleasurable to use. Therefore, only include essential controls and information in your application interface.
sv: Varje komponent eller bit av information som du lägger till i ditt program skapar ytterligare arbete för användare och ökar komplexiteten i ditt program — vilket eventuellt kan göra det svårare och mindre njutbart att använda. Inkludera därför endast nödvändiga komponenter och information i ditt programgränssnitt.

note: (itstool) path: section/p
en: When adding a new control or piece of information, always take a moment to question whether it is necessary.
sv: När du lägger till en ny komponent eller informationsbit, ifrågasätt alltid huruvida den är nödvändig.

note: (itstool) path: section/title
en: Use progressive disclosure to show controls when they are needed
sv: Använd stegvis avslöjande för att visa komponenter allt eftersom de behövs

note: (itstool) path: section/p
en: Showing every possible control all the time makes an application harder to use, since users have to navigate controls that are often not relevant. Instead, only show controls when they are needed. This makes applications simpler to use, even if the same amount of functionality is provided.
sv: Att visa varje möjlig komponent hela tiden gör ett program svårare att använda då användarna måste navigera varje komponent, som ofta är irrelevant. Visa istället komponenter allteftersom de behövs. Detta gör program enklare att använda, även om samma mängd funktioner tillhandahålls.

note: (itstool) path: section/p
en: There are various ways to progressively disclose controls, from using different views or modes, to showing transient or floating controls when particular content items are selected.
sv: Det finns olika sätta att stegvis avslöja komponenter, allt från att använda olika vyer eller lägen till att visa tillfälliga eller svävande komponenter när särskilt innehåll markeras.

note: (itstool) path: section/title
en: Require as little work from the user as possible
sv: Kräv så lite arbete från användaren som möjligt

note: (itstool) path: section/p
en: An application that is laborious to use can become the source of irritation, so strive to make your software work for your users, not the other way around. Every time your application requires input from users, either in the form of using controls or providing information, ask yourself whether it is possible to do that work for them.
sv: Ett program som är mödosamt att använda kan bli en källa till irritation, så eftersträva att få ditt program att göra arbete för dina användare, inte åt andra hållet. Varje gång ditt program kräver inmatning från användaren, antingen i form av att komponenter ska användas eller information ska tillhandahållas, fråga dig själv om det är möjligt att göra det arbetet åt dem.

note: (itstool) path: section/p
en: Try to avoid the need for a manual setup screen or assistant, and make it easy to go back to recently used content.
sv: Försök att undvika behovet av en skärm för manuella inställningar eller en guide, och gör det enkelt att gå tillbaka till tidigare använt innehåll.

note: (itstool) path: section/title
en: Create a clear hierarchy
sv: Skapa en tydlig hierarki

note: (itstool) path: section/p
en: People tend to “read” an interface from left to right and top to bottom. Items that are encountered first are seen to be dominant over those that come later. Use this implied hierarchy to communicate which parts of your application are most important.
sv: Människor tenderar att ”läsa” ett gränssnitt från vänster till höger och uppifrån och ner. Objekt som anträffas först ses som om de dominerar de som kommer senare. Använd denna implicita hierarki för att kommunicera vilka delar av ditt program som är de viktigaste.

note: (itstool) path: section/p
en: Position the most important controls towards the top-left of your windows, and place dominant controls prior to other controls they affect. See the <link xref="visual-layout">visual layout</link> guidelines for more details.
sv: Placera de viktigaste komponenterna i övre vänstra hörnet av dina fönster och placera dominerande komponenter tidigare än de komponenter som påverkas av dem. Se riktlinjerna för <link xref="visual-layout">visuell layout</link> för vidare information.

note: (itstool) path: section/title
en: Prioritize content
sv: Prioritera innehåll

note: (itstool) path: section/p
en: Applications typically present content, whether it is images, text, messages or more complex data. It is this content that your users will be interested in, and too many controls or user interface elements will distract from the focus of their attention.
sv: Program presenterar vanligtvis innehåll, så som bilder, text, meddelanden eller mer komplex data. Det är detta innehåll som din användare är intresserade av och för många komponenter eller element i användargränssnittet kommer att distrahera och flytta deras uppmärksamhet.

note: (itstool) path: section/p
en: Give content as much space as possible in your user interface, by reducing the number of controls. Don’t crowd out the primary object of interest with secondary information.
sv: Ge innehåll så mycket plats som möjligt i ditt användargränssnitt genom att reducera antalet komponenter. Träng inte undan huvudobjektet med sekundär information.

note: (itstool) path: section/title
en: Anticipate errors
sv: Förutse fel

note: (itstool) path: section/p
en: People make mistakes. Anticipating these mistakes will prevent damaging consequences, and will make your application more pleasurable and satisfying to use. The first line of defense here is to design your application so that mistakes cannot be made. Secondly, if it is possible to make a mistake, make it easy to recover.
sv: Folk gör fel. Att förutse dessa misstag kommer att hindra skadliga konsekvenser, och gör ditt program mer angenämt och tillfredsställande att använda. Första försvarslinjen här är att designa ditt program så att misstag inte kan göras. I andra hand, om det är möjligt att göra misstag, att göra det enkelt att återställa.

note: (itstool) path: section/p
en: Automatically correct potentially invalid input, and always make it possible to undo destructive operations.
sv: Korrigera automatiskt eventuellt ogiltig inmatning och gör det alltid möjligt att göra destruktiva åtgärder ogjorda.

note: (itstool) path: section/title
en: Avoid interruptions
sv: Undvik avbrott

note: (itstool) path: section/p
en: Interruptions cause frustration and annoyance, and prevent people from focusing on what they are interested in. Design your application so that it stays out of the way when it is not in use, and does not surprise when it is in use.
sv: Avbrott orsakar frustration och irritation samt förhindrar människor från att fokusera på det som de är intresserade av. Designa ditt program så att det håller sig ur vägen när det inte används, och inte förvånar när det används.

note: (itstool) path: section/p
en: Use <link xref="notifications">notifications</link> with restraint, always avoid spontaneously popping up dialogs without user intent, and avoid disruptive feedback mechanisms like message dialogs.
sv: Använd <link xref="notifications">aviseringar</link> med återhållsamhet, undvik alltid att spontant visa dialogrutor utan användarens avsikt, och undvik störande återkopplingsmekanismer så som meddelandedialoger.

note: (itstool) path: section/title
en: Provide quick and effective search
sv: Tillhandahåll snabb och effektiv sökning

note: (itstool) path: section/p
en: <link xref="search">Search</link> is a powerful mechanism that can be used to quickly find content. Provide it whenever you present large amounts of content, whether in the form of lists or grids. When you provide a search function, it is vital that it is as immediate as possible, and that it returns the results that are sought by your users.
sv: <link xref="search">Sökning</link> är en kraftfull mekanism som kan användas för att snabbt hitta innehåll. Tillhandahåll den så fort du presenterar stora mängder data, oavsett om det är i form av listor eller rutnät. När du tillhandahåller en sökfunktion är det av yttersta vikt att den är så snabb som möjligt och att den visar de resultat eftersöks av användaren.

note: (itstool) path: section/p
en: GNOME 3 also provides an integrated search facility. Integrating application search into this gives people a quick and easy way to access the content provided by your application.
sv: GNOME 3 tillhandahåller också en integrerad sökfunktion. Att integrera programsökning med denna ger människor ett snabbt och enkelt sätt att komma åt innehåll som hanteras av ditt program.

note: (itstool) path: section/title
en: Use configuration options sparingly
sv: Använd inställningsval sparsamt

note: (itstool) path: section/p
en: Adding options often seems like a simple design fix. However, most people will never see or use configuration options. Instead of adding options, try to make the default behaviour of your application work for as many people as possible.
sv: Att lägga till inställningar verkar ofta som en enkel designåtgärd. Men de flesta kommer dock aldrig att se eller använda konfigurationsinställningar. Istället för att lägga till inställningar, försök att få standardbeteendet i ditt program att fungera för så många människor som möjligt.

note: (itstool) path: section/title
en: Give your application an instructive name and an attractive icon
sv: Ge ditt program ett informativt namn och en attraktiv ikon

note: (itstool) path: section/p
en: Your application’s <link xref="application-basics#application-names">name</link> and <link xref="icons-and-artwork#application-icons">icon</link> are two of the most expressive things about it, so design them in order to communicate its function and identity. Make sure that people will understand the purpose of your application from its name. Ensure that you have a beautiful, recognizable application icon, to give your application an attractive and distinctive visual identity.
sv: Ditt programs <link xref="application-basics#application-names">namn</link> och <link xref="icons-and-artwork#application-icons">ikon</link> är två av de mest uttrycksfulla delarna av det, så designa dem för att kommunicera dess funktion och identitet. Se till att folk kommer att förstå syftet med ditt program utifrån dess namn. Säkerställ att du har en vacker, igenkänningsbar programikon för att ge ditt program en attraktiv och distinkt visuell identitet.

note: (itstool) path: section/title
en: Use emotion and humor (sparingly)
sv: Använd känslor och humor (sparsamt)

note: (itstool) path: section/p
en: Used effectively, emotion and humor can lift the experience provided by your application, and help to develop a positive relationship with your users. Be careful not to over-use these techniques, though — it is far more effective to pick a small number of moments to use emotion, rather than spraying them throughout your user interface.
sv: Effektivt använt kan känslor och humor lyfta upplevelsen av ditt program och hjälpa till att utveckla en positiv relation med dina användare. Var dock försiktig så att du inte överanvänder dessa tekniker — det är väsentligt effektivare att välja ett litet antal tillfällen att använda känslor, snarare än att peta in dem i hela ditt användargränssnitt.

note: (itstool) path: section/p
en: Be welcoming when your application is used for the first time. Using humor when things go wrong is another effective technique.
sv: Var välkomnande då ditt program används för första gången. Att använda humor då saker går fel är en annan effektiv teknik.

note: (itstool) path: info/desc
en: Secondary windows that appear over primary, parent windows
sv: Sekundära fönster som visas ovanpå primära, överordnade fönster

note: (itstool) path: page/title
en: Dialog windows
sv: Dialogfönster

note: (itstool) path: page/p
en: Dialogs are secondary windows that appear over a primary, parent window. They are used to present additional information or controls, including preferences and properties, or to present messages or questions.
sv: Dialoger är sekundära fönster som visas ovanpå ett primärt överordnat fönster. De används för att presentera ytterligare information eller komponenter, inklusive inställningar och egenskaper, eller för att presentera meddelanden eller frågor.

note: (itstool) path: page/p
en: GTK provides a number of stock dialogs that can be used, such as for printing or color selection.
sv: GTK tillhandahåller ett antal standarddialoger som kan användas, så som de för utskrifter eller färgval.

note: (itstool) path: page/p
en: There are three basic types of dialogs.
sv: Det finns tre grundläggande typer av dialoger.

note: (itstool) path: section/p
en: Dialogs are a commonly recognized design pattern, and there are established conventions for the different types of dialogs that you might want to use. The guidelines on each type of dialog provides further information on this.
sv: Dialoger är ett vanligt designmönster och det finns etablerade konventioner för de olika typerna av dialoger som du eventuellt vill använda. Riktlinjerna för varje typ av dialog tillhandahåller vidare information om detta.

note: (itstool) path: section/p
en: While dialogs can be an effective way to disclose additional controls or information, they can also be a source of interruption for the user. For this reason, always question whether a dialog is necessary, and work to avoid the situations in which they are required.
sv: Även om dialoger kan vara ett effektivt sätt att visa ytterligare komponenter eller information kan de också vara en störningskälla för användaren. Av denna orsak bör du alltid ifrågasätta huruvida dialogen är nödvändig och arbeta på att undvika situationer där de är nödvändiga.

note: (itstool) path: section/p
en: There are many ways to avoid using dialogs:
sv: Det finns många sätt att undvika att använda dialoger:

note: (itstool) path: item/p
en: Use inline composition for new messages, records or contacts.
sv: Använd inbäddad komponering för nya meddelanden, poster eller kontakter.

note: (itstool) path: item/p
en: In-application notifications are an alternative to message dialogs.
sv: Aviseringar i programmet är ett alternativ till meddelandedialoger.

note: (itstool) path: item/p
en: <link xref="popovers">Popovers</link> can be a way to display additional controls or options in a less disruptive manner.
sv: <link xref="popovers">Kontextfönster</link> kan vara ett sätt att visa ytterligare komponenter eller alternativ på ett mindre störande sätt.

note: (itstool) path: section/title
en: Message Dialogs
sv: Meddelandedialoger

note: (itstool) path: section/p
en: Message dialogs are the simplest type of dialog. They present a message or question, along with 1-3 buttons with which to respond. They are always modal, meaning that they prevent access to their parent window. Message dialogs are an appropriate choice when it is essential that the user sees and responds to a message.
sv: Meddelandedialoger är den enklaste typen av dialog. De presenterar ett meddelande eller en fråga tillsammans med 1-3 knappar som kan användas för att svara. De är alltid modala, vilket innebär att de förhindrar åtkomst till sitt överordnade fönster. Meddelandedialoger är ett lämpligt val när det är viktigt att användaren ser och svarar på ett meddelande.

note: (itstool) path: section/title
en: Examples
sv: Exempel

note: (itstool) path: section/p
en: Confirmation dialogs use a message dialog to check — or confirm — that the user wants to carry out an action. They have two buttons: one to confirm that the action should be carried out and one to cancel the action.
sv: Bekräftelsedialoger använder en meddelandedialog för att kontrollera, eller bekräfta, att användaren vill utföra en åtgärd. De har två knappar: en för att bekräfta att åtgärden ska utföras och en för att avbryta åtgärden.

note: (itstool) path: note/p
en: Confirmation dialogs will often be accidentally or automatically acknowledged, and will not always prevent mistakes from happening. It is often better to provide undo functionality instead.
sv: Bekräftelsedialoger kommer ofta att bekräftas av misstag eller per automatik, och kommer inte alltid att förhindra misstag från att ske. Det är ofta bättre att tillhandahålla möjligheten att ångra sig.

note: (itstool) path: section/p
en: Error dialogs present an error message to the user. They often include a single button that allows the user to acknowledge and close the dialog.
sv: Feldialoger presenterar ett felmeddelanden till användaren. De inkluderar ofta endast en knapp som låter användaren bekräfta och stänga dialogen.

note: (itstool) path: note/p
en: Error dialogs should generally be a last resort. You should design your application so that errors do not occur, and to automatically recover if something does go wrong.
sv: Feldialoger bör generellt vara det sista alternativet. Du bör designa ditt program så att fel inte inträffar och att det automatiskt återhämtar sig om något faktiskt går fel.

note: (itstool) path: section/title
en: Action Dialogs
sv: Åtgärdsdialoger

note: (itstool) path: section/p
en: Action dialogs present options and information about a specific action before it is carried out. They have a heading (which typically describes the action) and two primary buttons — one which allows the action to be carried out and one which cancels it.
sv: Åtgärdsdialoger presenterar alternativ och information om en specifik åtgärd innan den utförs. De har en rubrik (som typiskt beskriver åtgärden) och två primära knappar: en som låter åtgärden utföras och en som avbryter den.

note: (itstool) path: section/p
en: Sometimes, the user may be required to choose options before an action can be carried out. In these cases, the affirmative dialog button should be insensitive until the required options have been selected.
sv: Ibland kan användaren behöva välja alternativ innan en åtgärd utförs. I dessa fall bör den bekräftande dialogknappen vara okänslig tills att de nödvändiga alternativen har valts.

note: (itstool) path: section/p
en: Many of the stock GTK dialogs are action dialogs. The print dialog is a good example: it is displayed in response to the user using the print action, and presents information and options for that print action. The two header bar buttons allow the print action to either be cancelled or carried out.
sv: Många av standarddialogerna i GTK är åtgärdsdialoger. Utskriftsdialogen är ett bra exempel: den visas när användaren använder utskriftsåtgärden och presenterar information och alternativ för utskriftsåtgärden. De två rubrikradsknapparna låter utskriftsåtgärden antingen avbrytas eller utföras.

note: (itstool) path: section/title
en: Presentation Dialogs
sv: Presentationsdialoger

note: (itstool) path: section/p
en: Presentation dialogs present information or controls. Like action dialogs, they have a header bar and a subject. However, instead of prefixing an action, their content relates to an application or content item.
sv: Presentationsdialoger presenterar information eller komponenter. I likhet med åtgärdsdialoger har de en rubrikrad och ett ämne. Men istället för att föregå en åtgärd relaterar deras innehåll till ett program eller ett innehållsobjekt.

note: (itstool) path: section/p
en: Preferences and properties are both examples of presentation dialogs, and both present information and settings in relation to a specific entity (either an application or a content item). Properties dialogs are a good example of how dialogs can be used to disclose additional information which is not always needed in the main application window.
sv: Inställningar och egenskaper är båda exempel på presentationsdialoger och båda presenterar information och inställningar som relaterar till en specifik post (antingen ett program eller ett innehållsobjekt). Egenskapsdialoger är ett bra exempel på hur dialoger kan användas för att avslöja ytterligare information som inte alltid behövs i programmets huvudfönster.

note: (itstool) path: note/p
en: Resist the temptation to provide a preference window for your application. Always question whether additional settings are really necessary. Most people will not bother to investigate the preferences that you provide, and configuration options will contribute to the complexity of your application. Make an effort to ensure that your application design works for everybody without the need to change its settings.
sv: Motstå frestelsen att tillhandahålla ett inställningsfönster för ditt program. Ifrågasätt alltid huruvida ytterligare inställningar verkligen är nödvändiga. De flesta användare kommer inte att bry sig om att undersöka inställningarna du tillhandahåller och konfigurationsinställningar kommer att bidra till komplexiteten i ditt program. Gör en ansträngning för att säkerställa att din programdesign fungerar för alla utan att behöva ändra dess inställningar.

note: (itstool) path: section/title
en: Instant and Explicit Apply
sv: Omedelbart och uttryckligt verkställande

note: (itstool) path: section/p
en: Presentation dialogs are either instant or explicit apply. In instant apply dialogs, changes to settings or values are immediately updated. In contrast, explicit apply dialogs include a button for applying changes.
sv: Presentationsdialoger får antingen effekt omedelbart eller kräver explicit verkställande. I dialoger med omedelbar effekt kommer ändring av inställningar eller värden att omedelbart uppdateras. Detta står i kontrast till dialoger som kräver explicit verkställande, vilka har en knapp för att verkställa ändringarna.

note: (itstool) path: section/p
en: Instant apply should be used wherever possible. Instant apply presentation dialogs have a close button in their header bar, like a <link xref="primary-windows">primary window</link>.
sv: Dialoger med omedelbart effekt bör användas där så är möjligt. Dialoger med omedelbar effekt har en stängningsknapp i deras rubrikrad, i likhet med ett <link xref="primary-windows">primärfönster</link>.

note: (itstool) path: section/p
en: Explicit apply is only necessary if changes in the dialog have to be applied simultaneously in order to have the desired behaviour. Explicit apply dialogs include a <gui>Done</gui> and <gui>Cancel</gui> button (<gui>Cancel</gui> resets all values in the dialog to the state before it was opened and Done applies all changes and closes the window).
sv: Dialoger som kräver explicit verkställande är endast nödvändiga om ändringar i dialogen måste tillämpas samtidigt för att få det önskade beteende. Dialoger med explicit verkställande har en <gui>Klar</gui>- och <gui>Avbryt</gui>-knapp. (<gui>Avbryt</gui> återställer alla värden i dialogen till tillståndet de hade innan den öppnades och <gui>Klar</gui> tillämpar alla ändringar och stänger fönstret).

note: (itstool) path: section/title
en: Primary buttons
sv: Primärknappar

note: (itstool) path: section/p
en: Message and action dialogs include primary buttons which affect the whole window. The order of these buttons, as well as the labels used, are a key part of the dialog.
sv: Meddelande- och åtgärdsdialoger inkluderar primärknappar som påverkar hela fönstret. Ordningen på dessa knappar, samt de etiketter de använder, spelar en nyckelroll i dialogen.

note: (itstool) path: section/title (itstool) path: td/p
en: Order
sv: Ordning

note: (itstool) path: section/p
en: When a dialog includes an affirmative and a cancel button, always ensure that the cancel button appears first, before the affirmative button. In left-to-right locales, this is on the left.
sv: När en dialog inkluderar en bekräftelse- och en avbrytknapp, försäkra dig alltid om att avbryt-knappen visas först, innan bekräftelseknappen. I vänster-till-höger-lokaler är detta till vänster.

note: (itstool) path: section/p
en: This button order ensures that users become aware of, and are reminded of, the ability to cancel prior to encountering the affirmative button.
sv: Denna knappordning säkerställer att användaren blir uppmärksammad på, och påmind, om möjligheten om att avbryta innan bekräftelseknappen anträffas.

note: (itstool) path: section/title
en: Labels
sv: Etiketter

note: (itstool) path: section/p
en: Label the affirmative primary button with a specific imperative verb, for example: <gui>Save</gui>, <gui>Print</gui>, <gui>Remove</gui>. This is clearer than a generic label like <gui>OK</gui> or <gui>Done</gui>.
sv: Ge den primära bekräftelseknappen en etikett med ett specifikt, imperativt verb, till exempel <gui>Spara</gui>, <gui>Skriv ut</gui>, <gui>Ta bort</gui>. Detta är tydligare än en generell etikett så som <gui>OK</gui> eller <gui>Klar</gui>.

note: (itstool) path: section/p
en: Error dialogs typically include a single button which dismisses the dialog. In this case, a specific action does not need to be referenced, and this can be a good opportunity to use humor. <gui>Apology Accepted</gui> or <gui>Got It</gui> are both examples of good labels.
sv: Feldialoger inkluderar typiskt en enda knapp som avfärdar dialogen. I detta fallet behöver en specifik åtgärd inte refereras till, utan detta är ett bra tillfälle att använda humor. <gui>Ursäkten accepterad</gui> eller <gui>Uppfattat</gui> är båda exempel på bra etiketter.

note: (itstool) path: section/title
en: Default action and escape
sv: Standardåtgärd och avbrott

note: (itstool) path: section/p
en: Assign the return key to activate the primary affirmative button in a dialog (for example <gui>Print</gui> in a print dialog). This is called the default action, and is indicated by a different visual style. Do not make a button the default if its action is irreversible, destructive or otherwise inconvenient to the user. If there is no appropriate button to designate as the default button, do not set one.
sv: Tilldela alltid Retur till att aktivera den primära bekräftelseknappen i en dialog (till exempel <gui>Skriv ut</gui> i en utskriftsdialog). Detta kallas för standardåtgärden och indikeras med en annorlunda visuell stil. Gör inte en knapp till standardalternativ om dess åtgärd är oåterkallelig, destruktiv eller på annat sätt besvärlig för användaren. Om det inte finns någon lämplig knapp att beteckna som standardknappen, ställ inte in någon.

note: (itstool) path: section/p
en: You should also ensure that the escape key activates the cancel or close button, should either of them be present. Message dialogs with a single button can have both escape and return bound to the button.
sv: Du bör också säkerställa att Escape-tangenten aktiverar avbryt- eller stängknappen, om endera av dessa existerar. Meddelandedialoger med en enda knapp kan binda både Escape och Retur till samma knapp.

note: (itstool) path: section/p
en: Binding return and escape in this way provides a predictable and convenient way to continue through a dialog, or to go back.
sv: Att binda Retur och Escape på detta sätt tillhandahåller ett förutsägbart och behändigt sätt för att fortsätta vidare efter en dialog, eller att gå tillbaka.

note: (itstool) path: item/p
en: Dialog windows should never pop up unexpectedly, and should only ever be displayed in immediate response to a deliberate user action.
sv: Dialogfönster bör aldrig visas oväntat och de för endast användas för att visa omedelbar respons till en avsiktlig användaråtgärd.

note: (itstool) path: item/p
en: Dialogs should always have a parent window.
sv: Dialoger bör alltid ha ett överordnat fönster.

note: (itstool) path: item/p
en: Follow the <link xref="visual-layout">layout guidelines</link> when designing the content of windows.
sv: Följ <link xref="visual-layout">layoutriktlinjerna</link> när du designar innehållet i fönster.

note: (itstool) path: item/p
en: Use <link xref="view-switchers">view switchers</link> or <link xref="tabs">tabs</link> to break up controls and information.
sv: Använd <link xref="view-switchers">vyväxlare</link> eller <link xref="tabs">flikar</link> för att dela upp komponenter och information.

note: (itstool) path: item/p
en: Avoid stacking dialog windows on top of one another. Only one dialog window should be displayed at a time.
sv: Undvik att stapla dialogfönster ovanpå varandra. Endast ett dialogfönster bör visas åt gången.

note: (itstool) path: item/p
en: When opening a dialog, provide initial keyboard focus to the component that you expect users to operate first. This focus is especially important for users who must use a keyboard to navigate your application.
sv: När en dialog öppnas, tillhandahåll inledande tangentbordsfokus på den komponent som du förväntar dig att användaren ska interagera med först. Detta fokus är speciellt viktigt för användare som måste använda ett tangentbord för att navigera i ditt program.

note: (itstool) path: page/title
en: Display compatibility
sv: Skärmkompatibilitet

note: (itstool) path: page/p
en: GNOME 3 supports a variety of device types, including desktops, laptops and convertibles. This requires that applications be compatible with displays that have different sizes and orientations.
sv: GNOME 3 har stöd för en mängd olika enhetstyper, inklusive stationära och bärbara datorer samt surfplattedatorer. Detta kräver att program är kompatibla med skärmar som har olika storlekar och format.

note: (itstool) path: page/p
en: The size requirements stated on this page should be doubled for high-resolution displays (those with greater than 96 PPI).
sv: Storlekskravet som anges på denna sida bör dubblas för högupplösta skärmar (de med större än 96 PPI).

note: (itstool) path: item/p
en: It should be possible for all application windows to fit on the smallest recommended displays for GNOME 3. Currently, this is 1024×600 pixels.
sv: Det bör vara möjligt för alla programfönster att få plats på den minsta rekommenderade skärmen för GNOME 3. För närvarande är detta 1024×600 bildpunkter.

note: (itstool) path: item/p
en: Ensure that your application works well in portrait orientation. The minimum recommended width for portrait mode is 768 pixels.
sv: Säkerställ att ditt program fungerar bra även med stående format. Den minsta rekommenderade bredden för stående format är 768 bildpunkter.

note: (itstool) path: item/p
en: All primary windows should be resizable. This ensures that transitions between landscape and portrait mode can be automatically handled by the window manager.
sv: Alla primära fönster bör kunna ändra storlek. Detta säkerställer att övergångar mellan liggande och stående format kan hanteras automatiskt av fönsterhanteraren.

note: (itstool) path: item/p
en: Test to make sure that your interface works well on large displays. Where possible, scale content to make the best use of available space, or use fixed width layouts to ensure that interface elements maintain effective grouping and alignment.
sv: Prova för att säkerställa att ditt gränssnitt fungerar bra på stora skärmar. Där det är möjligt, skala innehållet för att använda tillgängligt utrymme på bästa sätt, eller använd fastbreddslayouter för att säkerställa att gränssnittselement bibehåller effektiv gruppering och justering.

note: (itstool) path: section/title
en: Half-screen snap
sv: Halvbreddsfästning

note: (itstool) path: section/p
en: GNOME 3 allows windows to be snapped to occupy half the width of the display, allowing two windows to be used alongside each other. Half-screen snap is impractical on very small displays. As a rule of thumb, it should be supported on screens that are 1280 pixels or wider, meaning that windows should have a minimum width of no less than 640 pixels.
sv: GNOME 3 tillåter fönster att fästa till halva skärmbredden, vilket möjliggör för två fönster att användas jämsides. Halvskärmsfästning är opraktiskt på väldigt små skärmar. Som en tumregel bör det stödjas för skärmar som är 1280 bildpunkter eller bredare, vilket innebär att fönster bör ha en minsta bredd som inte understiger 640 bildpunkter.

note: (itstool) path: section/p
en: Since half-screen snap is only useful when windows are used in parallel, applications that are used in isolation do not need to support half-screen snap (a music player is a good example of this).
sv: Då halvbreddsfästning endast är användbart när fönster används parallellt behöver program som används enskilt inte ha stöd för halvbreddsfästning (en musikspelare är ett bra exempel på detta).

note: (itstool) path: page/title
en: Drop-down lists
sv: Rullgardinslistor

note: (itstool) path: page/p
en: A drop-down list is a user interface element which allows the user to select from a list of mutually exclusive options. It appears as a button which, when clicked, reveals a list.
sv: En rullgardinslista är ett användargränssnittselement som låter användaren välja från en lista av ömsesidigt uteslutande alternativ. Det visas som en knapp som, när den klickas på, visar en lista.

note: (itstool) path: page/p
en: Radio buttons or a list will often be preferable to a drop-down list, as they present all the available options at once without any further interaction. At the same time, a drop-down list might be a better choice when:
sv: Radioknappar eller en lista är ofta att föredra framför en rullgardinslista då de visar alla möjliga alternativ på en gång utan vidare interaktion. Samtidigt kan en rullgardinslista vara ett bättre alternativ när:

note: (itstool) path: item/p
en: The number of options is large.
sv: Antalet alternativ är stort.

note: (itstool) path: item/p
en: There is little available space.
sv: Det inte finns mycket tillgängligt utrymme.

note: (itstool) path: item/p
en: The list of options may change over time.
sv: Listan över alternativ kan ändras över tid.

note: (itstool) path: item/p
en: The contents of the hidden part of the menu are obvious from its label and the one selected item. For example, if you have an option menu labelled “Month:” with the item “January” selected, the user might reasonably infer that the menu contains the 12 months of the year without having to look.
sv: Innehållet i den gömda delen av menyn är uppenbart från dess etikett och de valda objektet. Om du till exempel har en alternativmeny med etiketten ”Månad:” med objektet ”Januari” valt, kan användaren rimligen dra slutsatsen att menyn innehåller årets 12 månader utan att titta.

note: (itstool) path: item/p
en: While GTK does provide a specific combobox widget, it is recommended that drop-down lists are constructed using a combination of a button and a popover. This allows more comfortable scrolling for long lists, and allows search to be integrated into the list. Using this approach also allows the current selected item to always be displayed.
sv: Även om GTK tillhandahåller en specifik komponent för kombinationsrutor rekommenderas det att rullgardinslistor konstrueras från en kombination av en knapp och ett kontextfönster. Detta tillåter bekvämare rullning i långa listor och tillåter sökningar att integreras i listan. Att använda detta tillvägagångssätt möjliggör också att det för närvarande markerade objektet visas hela tiden.

note: (itstool) path: item/p
en: If the number of items is very large, provide a search function that filters the list.
sv: Om antalet objekt är väldigt stort, tillhandahåll en sökfunktion som filtrerar listan.

note: (itstool) path: item/p
en: Label the drop-down list button with a text label above it or to its left, using <link xref="writing-style#capitalization">sentence capitalization</link>. Provide an access key in the label that allows the user to give focus directly to the drop-down list.
sv: Etikettera knappen för rullgardinslistan med en textetikett ovanför eller till vänster om den, använd <link xref="writing-style#capitalization">stor bokstav i början på mening</link>. Tillhandahåll en snabbtangent i etiketten som låter användaren direkt ge fokus till rullgardinslistan.

note: (itstool) path: item/p
en: Use <link xref="writing-style#capitalization">sentence capitalization</link> for drop-down list items, for example <gui>Switched movement</gui>.
sv: Använd <link xref="writing-style#capitalization">stor bokstav i början på mening</link> för objekten i rullgardinslistor, till exempel <gui>Växlad rörelse</gui>.

note: (itstool) path: section/title
en: Custom values
sv: Anpassade värden

note: (itstool) path: section/p
en: A drop-down list can allow custom values to be added to a number of presets, or can be used to enter and select from custom values alone.
sv: En rullgardinslista kan tillåta att anpassade värden läggs till till ett antal förinställningar eller kan användas för att mata in och välja enbart från anpassade värden.

note: (itstool) path: item/p
en: Ensure that custom values are ordered in a way that is most useful to users. Alphabetical or recency ordering is common.
sv: Försäkra att anpassade värden ordnas på ett sätt så att det är som mest användbart för användarna. Alfabetisk ordning eller turordning är vanligt.

note: (itstool) path: item/p
en: When a drop-down list includes both preset and custom values, separate them into separate groups within the list.
sv: När en rullgardinslista inkluderar både förinställningar och anpassade värden, separera dem i grupper inom listan.

note: (itstool) path: item/p
en: Allow custom values to be removed from the list.
sv: Tillåt att anpassade värden tas bort från listan.

note: (itstool) path: item/p
en: Validate custom values as they are entered, in order to prevent errors.
sv: Kontrollera anpassade värden när de matas in, för att undvika fel.

note: (itstool) path: item/p
en: If the drop-down only accepts custom values, and no values have been entered previously, present the custom value entry when the drop-down is opened, instead of showing an empty list.
sv: Om rullgardinslistan endast accepterar anpassade värden och inga värden har matats in tidigare, visa inmatningsrutan för anpassade värden när rullgardinslistan öppnas, istället för att visa en tom lista.

note: (itstool) path: info/desc
en: Image and text shown when a grid or list is empty
sv: Bild och text som visas när ett rutnät eller en lista är tom

note: (itstool) path: page/title
en: Empty placeholders
sv: Tomma platshållare

note: (itstool) path: page/p
en: An empty placeholder is an image and text which fills the space in an empty list or grid.
sv: En tom platshållare är en bild och text som fyller utrymmet i en tom lista eller ett rutnät.

note: (itstool) path: section/p
en: Empty placeholders perform a number of important functions: they prevent confusion and guide the user, and they make your interface look better and more cohesive. They are also one of those nice touches which helps to communicate an attention to detail.
sv: Tomma platshållare utför ett antal viktiga funktioner: de förhindrar förvirring och guidar användaren, och de får ditt gränssnitt att se bättre och mer sammanhängande ut. De är också en trevlig liten sak som hjälper till att ge intrycket av en känsla för detaljer.

note: (itstool) path: section/p
en: An empty placeholder should be displayed whenever a list or grid is empty.
sv: En tom platshållare bör visas närhelst en lista eller ett rutnät är tomt.

note: (itstool) path: section/p
en: Empty placeholders should not be displayed when an application is being run for the first time. In these situations an empty state is too negative and <link xref="initial-state-placeholder">a richer, more characterful and positive experience</link> is better.
sv: Tomma platshållare bör inte visas när ett program körs för första gången. I dessa situationer är ett tomt tillstånd för negativt och det är bättre med <link xref="initial-state-placeholder">en rikare, mer karaktärsfull och positiv upplevelse</link>.

note: (itstool) path: item/p
en: Follow the standard layout for the size and placement of the image and labels, so that your application is consistent with other GNOME 3 applications.
sv: Följ standardlayouten för storlek och placering av bilder och etiketter så att ditt program är konsekvent med andra GNOME 3-program.

note: (itstool) path: item/p
en: For the image, use a <link xref="icons-and-artwork#color-vs-symbolic">symbolic icon</link> that either represents your application, or the type of content that would ordinarily appear in the grid or list.
sv: Använd för bilden en <link xref="icons-and-artwork#color-vs-symbolic">symbolisk ikon</link> som antingen representerar ditt program, eller typen av innehåll som vanligen dyker upp i rutnätet eller listan.

note: (itstool) path: item/p
en: An empty placeholder should always include a label which communicates the empty state. It is often appropriate to include a smaller subtext which provides additional guidance (such as how to add items). However, this should only be included if there is additional information that it is useful to provide.
sv: En tom platshållare bör alltid inkludera en etikett som kommunicerar det tomma tillståndet. Det är ofta lämpligt att inkludera en mindre undertext som tillhandahåller ytterligare guidning (som om hur objekt läggs till). Detta bör dock endast inkluderas om det finns ytterligare information som är användbar att tillhandahålla.

note: (itstool) path: item/p
en: If there are controls that allow items to be added, it can be appropriate to highlight them using a <link xref="buttons#suggested-and-destructive">suggested style</link> while the list/grid is empty.
sv: Om det finns andra komponenter som tillåter att objekt läggs till så kan det vara lämpligt att markera dem med en <link xref="buttons#suggested-and-destructive">föreslagen stil</link> då listan/rutnätet är tomt.

note: (itstool) path: info/desc
en: Mode in which a window fills the entire screen
sv: Läge i vilket ett fönster täcker hela skärmen

note: (itstool) path: page/title
en: Fullscreen
sv: Helskärm

note: (itstool) path: page/p
en: Fullscreen is a mode in which a window fills the entire screen. When fullscreen is active, controls are typically hidden in order to provide an immersive content view.
sv: Helskärm är ett läge i vilket ett fönster täcker hela skärmen. Då helskärm är aktiv döljs vanligen komponenter för att tillhandahålla en fångande innehållsvy.

note: (itstool) path: section/p
en: It is appropriate to offer fullscreen when users are likely to want to have an unobstructed view of content, particularly if they are likely to view content items for long periods of time. The classic example of fullscreen is for watching videos, where visible controls would be distracting and result in less screen space for the content. However, fullscreen can be used for other types of content including documents or images.
sv: Det är lämpligt att erbjuda helskärm då användare kan förväntas vilja ha en ostörd vy över innehåll, speciellt om de kan förväntas titta på innehållsobjekt under långa perioder. Det klassiska exemplet för helskärm är vid visning av videoklipp, då synliga komponenter skulle vara distraherande och resultera i mindre skärmutrymme för innehållet. Helskärm kan dock användas för andra typer av innehåll så som dokument eller bilder.

note: (itstool) path: section/p
en: Fullscreen is typically used in viewing situations. However, in some cases it can be useful for editing tasks. Fullscreen is also typical for many games (how games should use fullscreen is not covered in this page).
sv: Helskärm används typiskt i visningssituationer. I vissa fall kan det dock vara användbart för redigeringsuppgifter. Helskärm är också typiskt för många spel (hur spel ska använda helskärm täcks inte på denna sida).

note: (itstool) path: item/p
en: If an application uses different views, it is only necessary to enable fullscreen for those views where it is useful — primarily those that display content items.
sv: Om ett program använder olika vyer är det bara nödvändigt att aktivera helskärm för de vyer där det är användbart — främst de som visar innehållsobjekt.

note: (itstool) path: item/p
en: Fullscreen can be triggered automatically when a content item is opened, or can be offered as a mode that can be activated by the user.
sv: Helskärm kan utlösas automatiskt då ett innehållsobjekt öppnas, eller kan erbjudas som ett läge som kan aktiveras av användaren.

note: (itstool) path: item/p
en: If fullscreen is being offered as a mode that users activate, judge how prominent to make the control to enter fullscreen according to how often it will be used. Typically, a fullscreen button should be placed in the <link xref="header-bars">header bar</link> or <link xref="header-bar-menus">header bar menu</link>.
sv: Om helskärm erbjuds som ett läge som användare aktiverar, bedöm hur framträdande komponenten för att gå in i helskärmsläge ska vara enligt hur ofta den kommer att användas. Typiskt ska en helskärmsknapp placeras i <link xref="header-bars">rubrikraden</link> eller <link xref="header-bar-menus">rubrikradsmenyn</link>.

note: (itstool) path: item/p
en: When fullscreen is active:
sv: När helskärm är aktiverad:

note: (itstool) path: item/p
en: All controls should be hidden, including the window's header bar, <link xref="action-bars">action bars</link> or <link xref="overlaid-controls">overlaid controls</link>.
sv: Bör alla komponenter döljas, inkluderande fönstrets rubrikrad, <link xref="action-bars">åtgärdsrader</link> eller <link xref="overlaid-controls">överdragskomponenter</link>.

note: (itstool) path: item/p
en: Controls, including the header bar, should be revealed when the pointer is moved or the screen is tapped.
sv: Bör komponenter, inklusive rubrikraden, visas när pekaren förflyttas eller när skärmen trycks på.

note: (itstool) path: item/p
en: The window close button should be replaced with a view restore button, which disables fullscreen mode.
sv: Bör fönsterstängningsknappen ersättas med en vyåterställningsknapp, som inaktiverar helskärmsläge.

note: (itstool) path: item/p
en: Any controls that don't fit into fullscreen should be hidden or replaced. This includes any navigation controls that would simultaneously exit fullscreen, such as back buttons.
sv: Bör alla komponenter som inte passar för helskärm döljas eller ersättas. Detta inkluderar alla navigationskomponenter som samtidigt skulle avsluta helskärmsläge, så som bakåtknappar.

note: (itstool) path: item/p
en: Make an effort not to allow controls or UI to obstruct content. For example, dialog windows that overlap content will be distracting and will detract from the immersive nature of fullscreen.
sv: Gör en ansträngning för att inte låta komponenter eller användargränssnitt vara i vägen för innehåll. Till exempel kommer dialogfönster som överlappar innehåll att vara distraherande och reducera helskärmslägets uppslukande natur.

note: (itstool) path: item/p
en: The Videos application is a good example of how fullscreen should behave.
sv: Programmet Videoklipp är ett bra exempel på hur helskärm ska bete sig.

note: (itstool) path: info/desc
en: Grids of thumbnails or icons
sv: Rutnät av miniatyrbilder eller ikoner

note: (itstool) path: page/title
en: Grids
sv: Rutnät

note: (itstool) path: page/p
en: A grid is one of the primary methods of presenting collections of content in GNOME 3. Grids are often combined with a number of the other design patterns, including <link xref="search">search</link> and <link xref="selection-mode">selection mode</link>.
sv: Ett rutnät är en av de primära metoderna för att presentera samlingar av innehåll i GNOME 3. Rutnät kombineras ofta med några av de andra designmönstren, vilket inkluderar <link xref="search">sökning</link> och <link xref="selection-mode">markeringsläge</link>.

note: (itstool) path: section/p
en: Since the grid view utilizes an image for each item it presents, it is best suited to content that has a visual component, such as documents or photos. If content items don't have a visual component, a <link xref="lists">list view</link> might be more appropriate.
sv: Eftersom rutnätsvyn använder en bild för varje objekt den visar så är den bäst lämpad för innehåll som har en visuell komponent, så som dokument eller foton. Om innehållsobjekt inte har en visuell komponent så kan en <link xref="lists">listvy</link> vara lämpligare.

note: (itstool) path: section/p
en: Grids and lists can be combined, to offer different views of the same content. This can be useful if content items have additional metadata associated with them, such as creation dates or authorship.
sv: Rutnät och listor kan kombineras för att erbjuda olika vyer över samma innehåll. Detta kan vara användbart om innehållsobjekt har ytterligare metadata associerade med sig, så som skapare eller datum för skapande.

note: (itstool) path: item/p
en: Wherever possible, each item of content should have a unique thumbnail.
sv: Närhelst möjligt bör varje innehållsobjekt ha en unik miniatyrbild.

note: (itstool) path: item/p
en: Order the items in the grid according to what will be most useful to people using your application. Ordering content according to most recently used is often the best arrangement.
sv: Sortera objekten i rutnätet enligt vad som kommer vara mest användbart för personer som använder ditt program. Att sortera innehåll efter senast använt är ofta den bästa ordningen.

note: (itstool) path: item/p
en: Selecting an item in the grid will typically switch to a dedicated view of that item.
sv: Att välja ett objekt i rutnätet kommer typiskt att växla till en enkom vy för det objektet.

note: (itstool) path: item/p
en: Consider combining the grid view search, selection mode and collections.
sv: Överväg att kombinera rutnätsvyns sökning, markeringsläge och samlingar.

note: (itstool) path: info/desc
en: Element that runs along the top of windows
sv: Element som löper längs toppen på fönster

note: (itstool) path: page/title
en: Header bars
sv: Rubrikrader

note: (itstool) path: page/p
en: Header bars are a common horizontal element which are placed at the top of windows. They play a number of roles:
sv: Rubrikrader är ett vanligt horisontellt element som placeras längst upp i fönster. De fyller en rad olika funktioner:

note: (itstool) path: item/p
en: Window controls — header bars allow windows to be moved by dragging, include window control buttons (typically a single close button), and provide access to a window controls menu.
sv: Fönsterkomponenter — rubrikrader låter fönster flyttas genom att dras, innehåller fönsterkomponenter (vanligtvis en enstaka knapp för stängning) och tillhandahåller tillgång till fönsterkomponentmenyer.

note: (itstool) path: item/p
en: Headings — a key role of a header bar is to provide context for the content of the window, either through a heading or view switcher.
sv: Rubriker — en nyckelroll för en rubrikrad är att den innehåller kontext för innehållet i fönstret, antingen genom en rubrik eller vyväxlare.

note: (itstool) path: item/p
en: Controls — header bars provide a place for key controls, typically in the form of buttons.
sv: Komponenter — rubrikrader tillhandahåller en plats för huvudkomponenter, vanligtvis i form av knappar.

note: (itstool) path: section/p
en: Header bars are recommended for all application windows. They provide a number of advantages over the traditional combination of title bar, menu bar and toolbar, including a smaller vertical footprint, and dynamic navigation and mode changes (such as with <link xref="selection-mode">selection mode</link>).
sv: Rubrikrader rekommenderas för alla programfönster. De tillhandahåller ett antal fördelar över den traditionella kombinationen av titelrad, menyrad och verktygsrad. Detta inkluderar ett mindre vertikalt utnyttjande av utrymme samt dynamisk navigering och lägesförändringar (så som med <link xref="selection-mode">markeringsläge</link>).

note: (itstool) path: section/p
en: Header bars are incompatible with menu bars. If your application already incorporates a menu bar, you should evaluate the alternatives suggested in these guidelines. See the <link xref="menu-bars">menu bar guidelines</link> for more details on this.
sv: Rubrikrader är inkompatibla med menyrader. Om ditt program redan har en menyrad bör du utvärdera alternativen som föreslås i dessa riktlinjer. Se <link xref="menu-bars">menyradsriktlinjer</link> för mer information om detta.

note: (itstool) path: section/title
en: Controls
sv: Komponenter

note: (itstool) path: section/p
en: Header bars can contain key controls for the window, which can be placed on the left and right-hand side of the header bar. Examples of these controls include buttons for navigating back and forward, search, and selecting content.
sv: Rubrikrader kan innehålla huvudkomponenter för fönstret, som kan placeras på vänster eller höger sida av rubrikraden. Exempel på dessa komponenter inkluderar knappar för att navigera bakåt eller framåt, sökning och att markera innehåll.

note: (itstool) path: section/p
en: Ensure that your header bar only contains a small number of key controls — this will help users to understand the primary functionality provided by the window, and will ensure that the window can be resized to narrow widths.
sv: Säkerställ att din rubrikrad endast innehåller ett litet antal huvudkomponenter — detta kommer att hjälpa användare att förstå den primära funktion som tillhandahålls av fönstret och kommer att försäkra att fönstret kan ändra storlek till mycket smala bredder.

note: (itstool) path: section/p
en: If a window requires more controls than can be comfortably accommodated within the header bar, additional functionality can be included within a header bar menu.
sv: Om ett fönster kräver mer komponenter är vad som bekvämt kan få plats i rubrikraden, kan ytterligare funktionalitet inkluderas i en rubrikradsmeny.

note: (itstool) path: section/title
en: Header bars are dynamic
sv: Rubrikrader är dynamiska

note: (itstool) path: section/p
en: A header bar can — and should — update along with view or mode changes. This ensures that header bar controls are always relevant to the current context.
sv: En rubrikrad kan — och bör — uppdateras allt eftersom vyn eller läget ändras. Detta säkerställer att rubrikradens komponenter alltid är relevanta för den aktuella situationen.

note: (itstool) path: section/p
en: If the window includes multiple views (accessed through a <link xref="view-switchers">view switcher</link>), the header bar can include different controls for each view.
sv: Om fönstret innehåller flera vyer (som nås via en <link xref="view-switchers">vyväxlare</link>), kan rubrikraden innehålla olika komponenter för varje vy.

note: (itstool) path: section/p
en: If the window incorporates navigation, different controls can be shown depending on the location displayed in the window itself. It is common to show a back button on the left side of the header bar when navigating.
sv: Om fönstret innehåller navigering, kan olika komponenter visas beroende på vad som visas i fönstret i sig. Det är vanligt att visa en bakåtknapp till vänster i rubrikraden vid navigering.

note: (itstool) path: section/title
en: Additional guidance
sv: Ytterligare råd

note: (itstool) path: item/p
en: A header bar should always provide context for the window it belongs to. This aids window identification, and clarifies what is displayed in the window itself. This can either be done by placing a heading in the center of the header bar, or by including a <link xref="view-switchers">view switcher</link>.
sv: En rubrikrad bör alltid tillhandahålla kontext för fönstret som den tillhör. Detta hjälper med fönsteridentifiering och tydliggör vad som visas i fönstret i sig. Detta kan antingen göras genom att placera en rubrik i mitten på rubrikraden eller genom att inkludera en <link xref="view-switchers">vyväxlare</link>.

note: (itstool) path: item/p
en: Arrange controls within the header bar according to the three alignment points described in the <link xref="visual-layout">visual layout guidelines</link> — left, center and right.
sv: Arrangera komponenter i rubrikraden enligt de tre justeringspunkterna som beskrivs i <link xref="visual-layout">riktlinjerna för visuell layout</link> — vänster, mitten och höger.

note: (itstool) path: item/p
en: <gui>New</gui> and back buttons should be placed on the left side of the header bar.
sv: <gui>Ny</gui>- och bakåtknappar bör placeras på vänster sida av rubrikraden.

note: (itstool) path: item/p
en: Always ensure that there is room for a header bar to be dragged. This is necessary to enable windows to be moved or resized.
sv: Säkerställ att det alltid finns plats för att en rubrikrad ska kunna dras. Detta är nödvändigt för att låta fönster flyttas eller ändra storlek.

note: (itstool) path: info/desc
en: Selecting and creating icons.
sv: Att välja och skapa ikoner.

note: (itstool) path: page/title
en: Creating icons
sv: Skapa ikoner

note: (itstool) path: page/p
en: This page provides guidelines for those creating their own icons, including both full-color icons (typically used for application icons) and symbolic icons (typically used for user interface controls). For a more general overview of icon styles and usage, including the stock icons that are available, see <link xref="icons-and-artwork">icons and artwork</link>.
sv: Denna sida tillhandahåller riktlinjer för de som skapar sina egna ikoner, inkluderande både fullfärgsikoner (typiskt använda för programikoner) och symboliska ikoner (typiskt använda för användargränssnittskomponenter). För en mer allmän överblick över ikonstilar och användning, inklusive de standardikoner som finns tillgängliga, se <link xref="icons-and-artwork">ikoner och grafik</link>.

note: (itstool) path: section/title
en: Full-color icons
sv: Fullfärgsikoner

note: (itstool) path: section/p
en: The full-color icon style is most commonly used for application icons. The nominal size of full-color icons is 128×128px. However, because application icons are sometimes presented at lower resolutions, they should only feature detail that is presentable at 64×64px resolution: anything more detailed would get lost by filtering/scaling down.
sv: Ikonstilen för fullfärgsikoner används främst för programikoner. Den nominella storleken för fullfärgsikoner är 128×128 bildpunkter. Eftersom programikoner ibland visas i lägre upplösning bör de endast innehålla detaljer som kan visas i upplösningen 64×64 bildpunkter: allt som är mer detaljerat än det skulle gå förlorat av filtrering/nedskalning.

note: (itstool) path: section/p
en: The <link href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/blob/master/template.svg">full-color icon template</link> includes a 2px grid which should help you avoid adding detail that's finer than the desired threshold.
sv: <link href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/blob/master/template.svg">Mallen för fullfärgsikoner</link> inkluderar ett 2 bildpunkters rutnät som bör hjälpa dig att undvika att lägga till detaljer som är tunnare än det önskade tröskelvärdet.

note: (itstool) path: section/title
en: Perspective &amp; shape
sv: Perspektiv &amp; form

note: (itstool) path: section/p
en: Full-color icons should be rendered with a simple orthogonal view and no real or isometric perspective. To provide depth a raised effect can be applied to mimic the Z-axis. Please keep the effect subtle though! Raising the object more than 2 detail units (4 nominal pixels) is not recommended.
sv: Fullfärgsikoner bör renderas med en enkel ortogonal vy och inget reellt eller isometriskt perspektiv. För att tillhandahålla djup kan en upphöjd effekt tillämpas för att härma Z-axeln. Behåll dock effekten subtil! Att höja objektet mer än 2 detaljenheter (4 nominella bildpunkter) rekommenderas inte.

note: (itstool) path: section/p
en: In order to aid recognition, each application icon should have a unique silhouette. However, to ensure visual balance with other application icons, the aspect ratio should not be extreme. Very narrow or very wide shapes should be avoided.
sv: För att underlätta igenkänning bör varje programikon ha en unik silhuett. För att säkerställa visuell balans med andra programikoner bör dock bildförhållandet inte vara extremt. Väldigt smala eller väldigt breda former bör undvikas.

note: (itstool) path: section/p
en: A <link href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/raw/master/template.svg">grid template</link> is available to assist with placing your icon outline. Do not try to cover a maximum area of the canvas: the outside margin should be left empty. In some circumstances a small detail can be extended into this margin space.
sv: En <link href="https://gitlab.gnome.org/Community/Design/HIG-app-icons/raw/master/template.svg">rutnätsmall</link> finns tillgänglig för att hjälpa dig placera din ikonkontur. Försök inte täcka ett maximalt område av duken: yttermarginalen bör lämnas tom. Under vissa förutsättningar kan en liten detalj sträckas ut i denna marginalrymd.

note: (itstool) path: section/title
en: Shadows
sv: Skuggor

note: (itstool) path: section/p
en: Shadows can be drawn internally, within a full-color icon, with the light source pointing straight from above. However, shadows should not be drawn outside the main silhouette of the icon, as these are generated programmatically based on the context. When app icons are presented on a white background, for example, a strong drop shadow is rendered to help define the contours.
sv: Skuggor kan ritas internt, i en fullfärgsikon, med ljuskällan pekande rakt ovanifrån. Skuggor bör dock inte ritas utanför ikonens huvudsakliga silhuett, då dessa genereras programmatiskt beroende på sammanhanget. Då programikoner presenteras på en vit bakgrund renderas exempelvis en stark slagskugga för att hjälpa till att definiera konturerna.

note: (itstool) path: section/p
en: Versions of application icons can also be programmatically generated for development or nightly builds.
sv: Versioner av programikoner kan också genereras programmatiskt för utvecklingsbyggen eller nattliga byggen.

note: (itstool) path: section/title
en: Palette
sv: Palett

note: (itstool) path: section/p
en: Below is the baseline GNOME app icon color palette.
sv: Nedan ses standardfärgpaletten för GNOME-programikoner.

note: (itstool) path: td/p
en: Blue
sv: Blå

note: (itstool) path: td/p
en: Green
sv: Grön

note: (itstool) path: td/p
en: Yellow
sv: Gul

note: (itstool) path: td/p
en: Red
sv: Röd

note: (itstool) path: td/p
en: Purple
sv: Lila

note: (itstool) path: td/p
en: Brown
sv: Brun

note: (itstool) path: section/p
en: You are free to use different shades of these colors depending on the desired material effect. However, these primary colors are a good baseline to start from. A GIMP/Inkscape format palette <link href="https://gitlab.gnome.org/Teams/Design/HIG-app-icons/raw/master/GNOME%20HIG.gpl?inline=false">is available</link>.
sv: Du har lov att använda olika nyanser av dessa färger beroende på den önskade materialeffekten. Men dessa färger är en god baslinje att utgå från. En palett på GIMP/Inkscape-format <link href="https://gitlab.gnome.org/Teams/Design/HIG-app-icons/raw/master/GNOME%20HIG.gpl?inline=false">finns tillgänglig</link>.

note: (itstool) path: section/p
en: It is recommended to keep flat surfaces unshaded, but using gradients to signify bent surfaces is allowed.
sv: Det rekommenderas att behålla platta ytor oskuggade, men att använda toningar för att beteckna böjda ytor är tillåtet.

note: (itstool) path: section/title
en: Symbolic icons
sv: Symboliska ikoner

note: (itstool) path: section/p
en: Symbolic icons have a simple form and are drawn within a 16×16 pixel grid. They are then programmatically scaled and colored within the user interface itself.
sv: Symboliska ikoner har en enkel form och ritas inom ett rutnät på 16×16 bildpunkter. De skalas sedan programmatiskt och färgläggs inom användargränssnittet självt.

note: (itstool) path: item/p
en: Identify a single property when looking for an appropriate metaphor for an icon, and focus on what distinguishes the idea you want to communicate. For example, when describing an action to be performed on an image, it isn’t necessary to repeat the idea of an image in every icon. Instead, focus on what is distinct about each action (for example: rotate, tag, align).
sv: Identifiera en enstaka egenskap när du letar efter en lämplig metafor för en ikon och fokusera på vad som utmärker idén du vill kommunicera. När du till exempel beskriver en åtgärd som ska utföras på en bild är det inte nödvändigt att repetera idén om en bild i varje ikon. Fokusera istället på vad som är distinkt för varje åtgärd (till exempel: rotera, tagga, justera).

note: (itstool) path: item/p
en: Avoid using any perspective in symbolic icons, stick to a simple orthogonal view.
sv: Undvika att använda perspektiv i symboliska ikoner, håll dig till en enkel ortogonal vy.

note: (itstool) path: item/p
en: When using unfilled strokes for an outline, try avoiding hairline (1px) and do at least a 2px stroke for the main feature of the icon.
sv: När ofyllda streck används för en kontur, försök att undvika hårtunna streck (1 bildpunkt) och använd minst 2 bildpunkter breda streck för ikonens huvuddrag.

note: (itstool) path: item/p
en: Symbolic icons are recolored at runtime to match the context, very much like a piece of text. While there are ways to “shade” parts of an icon by using opacity or creating duotone/pattern dithering, try avoiding these as much as possible.
sv: Symboliska ikoner ändrar färg i exekveringstid för att matcha sammanhanget, på samma sätt som ett stycke text. Även om det finns sätt att ”skugga” delar av en ikon genom att använda genomskinlighet eller att skapa tvåfärgs-/mönsterutmjukning så bör du försöka att undvika dessa så långt som möjligt.

note: (itstool) path: item/p
en: When a metaphor relies on the negative space, make sure it will work with the colors inverted. For example a camera lens spec/highlight will only work if lighter than the lens itself.
sv: När en metafor bygger på det negativa utrymmet, säkerställ att det även kommer att fungera med inverterade färger. Till exempel kommer en kameralinsreflex endast att fungera om den är ljusare än linsen i sig.

note: (itstool) path: section/title
en: Size and grid
sv: Storlek och rutnät

note: (itstool) path: section/p
en: While symbolic icons are scalable and should work at any size, the basic canvas size is 16×16 grid units. You have the whole canvas to fill, but note that a filled rectangular object will appear stronger/larger when placed next to items that only use thinner strokes. Try to keep the contrast of your whole set.
sv: Även om symboliska ikoner är skalbara och bör fungera i vilken storlek som helst är den grundläggande dukstorleken 16×16 rutnätsenheter. Du har hela duken att fylla, men notera att ett fyllt rektangulärt objekt kommer att uppfattas som starkare/större när det placeras intill objekt som endast använder tunnare drag. Försök att behålla kontrasten i hela uppsättningen.

note: (itstool) path: page/title
en: Icons and artwork
sv: Ikoner och grafik

note: (itstool) path: page/p
en: Icons are a basic element in user interfaces. They also make up a fundamental part of application identities. This page provides an overview of icon usage. It also describes which icons are available through the GNOME platform, introduces resources for creating new icons, and includes some general guidelines on using icons in user interfaces.
sv: Ikoner är ett grundläggande element i användargränssnitt. De utgör också en grundläggande del av programs identitet. Denna sida tillhandahåller en översikt över ikonanvändning. Den beskriver också vilka ikoner som är tillgängliga via GNOME-plattformen, introducerar resurser för att skapa nya ikoner och inkluderar en del allmänna riktlinjer för användning av ikoner i användargränssnitt.

note: (itstool) path: section/title
en: Icon styles
sv: Ikonstilar

note: (itstool) path: section/p
en: Two styles of icon are used in GNOME 3: full-color and symbolic icons.
sv: Två ikonstilar används i GNOME 3: fullfärgsikoner och symboliska ikoner.

note: (itstool) path: section/p
en: Full-color icons are colorful and detailed, and are optimized for larger sizes. They are defined as 128×128px SVGs, and are sharpest when scaled up in multiples of 128 (such as 256✕256 and 512✕512).The design of full-color icons also allows them to be rendered sharp at 64×64px and 32×32px, but is not advised to make them any smaller.
sv: Fullfärgsikoner är färgglada och detaljerade och är optimerade för större storlekar. De är definierade som SVG:er på 128✕128 bildpunkter och är skarpast om de skalas upp i multipler om 128 (så som 256×256 och 512×512). Designen för fullfärgsikoner möjliggör också för dem att renderas skarpt vid 64×64 och 32×32 bildpunkter, men det är inte rekommenderat att göra dem mindre än så.

note: (itstool) path: section/p
en: Symbolic icons are simple and monochrome, and are designed to work well at smaller sizes. They are defined as 16✕16px SVGs, and can be scaled to multiples of 16 (such as 32✕32, 64✕64, 128✕128). Symbolic icons generally have a neutral color, although their color can be changed programmatically.
sv: Symboliska ikoner är enkla och monokroma och har designats för att fungera väl vid mindre storlekar. De är definierade som SVG:er på 16✕16 bildpunkter och kan skalas till multipler av 16 (så som 32✕32, 64✕64, 128✕128). Symboliska ikoner har generellt en neutral färg, men deras färg kan ändras programmatiskt.

note: (itstool) path: section/title
en: Icon uses
sv: Ikonanvändning

note: (itstool) path: section/p
en: Application icons are the most prominent type of icons. Every application should have its own unique and beautiful application icon: it is the face of the application, and the first visual element a user sees when browsing for new applications.
sv: Programikoner är den mest framträdande typen av ikoner. Varje program bör ha en egen unik och vacker programikon: den är programmets ansikte och det första visuella elementet en användare ser när de letar efter nya program.

note: (itstool) path: section/p
en: Application icons use the full-color style. Applications are also recommended to provide a symbolic version of their icon, which is used for the high-contrast accessibility feature, as well as in contexts where a legible low-resolution icon is required.
sv: Programikoner använder fullfärgsikoner. Program rekommenderas också att tillhandahålla symboliska versioner av deras ikoner, vilka används för hjälpmedelsfunktioner med högkontrast, så väl som i sammanhang där en tydlig lågupplöst ikon behövs.

note: (itstool) path: section/p
en: User interface icons typically use the symbolic style and this is the primary icon style used for user interface controls. The most common and obvious example of symbolic icon usage is on buttons.
sv: Ikoner i användargränssnittet använder vanligtvis den symboliska stilen och detta är den primära ikonstilen som används för användargränssnittskomponenter. Det vanligaste och mest uppenbara exemplet på användning av symboliska ikoner är knappar.

note: (itstool) path: section/p
en: Apart from application icons, the full-color icon style can also be used in cases where icons are displayed at large sizes and are intended to be the focus of attention. File and folder icons in a file manager are a good example of this.
sv: Förutom programikoner kan ikoner i fullfärgsstil också används i sammanhang där ikoner visas vid stora storlekar och är avsedda att vara i fokus. Fil- och mappikoner i en filhanterare är ett bra exempel på detta.

note: (itstool) path: section/title
en: Stock icons and creating your own
sv: Standardikoner och skapa dina egna

note: (itstool) path: section/p
en: GNOME provides a set of standard icons, which can be used by applications. This can be accessed directly through GTK. Icon names follow the <link href="https://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-latest.html">Freedesktop icon specification</link>. Symbolic versions of icons have the <code>-symbolic</code> name ending, such as <code>open-menu-symbolic</code>.
sv: GNOME tillhandahåller en standarduppsättning av ikoner som kan användas av program. Denna kan kommas åt direkt via GTK. Ikonnamn följer <link href="https://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-latest.html">Freedesktops ikonspecifikation</link>. Namnen på symboliska versioner av ikoner slutar med <code>-symbolic</code>, så som <code>open-menu-symbolic</code>.

note: (itstool) path: section/p
en: The <link xref="icon-design">icon design guidelines</link> provide more details on how to create your own icons, including application icons.
sv: <link xref="icon-design">Riktlinjer för ikondesign</link> tillhandahåller ytterligare detaljer om hur du skapar dina egna ikoner, inklusive programikoner.

note: (itstool) path: section/title
en: Using icons in your user interface
sv: Att använda ikoner i ditt användargränssnitt

note: (itstool) path: section/p
en: Icons are a common user interface element and they have some practical advantages over text labels (such as being smaller). At the same time, over-use of icons can lead to confusion and a poor user experience. Likewise, the use of inappropriate icons can often make an interface difficult to use.
sv: Ikoner är ett vanligt element i användargränssnitt och de har en del praktiska fördelar framför textetiketter (så som att de är mindre). Samtidigt kan överanvändning av ikoner leda till förvirring och en dålig användarupplevelse. På samma sätt kan användning av olämpliga ikoner ofta göra ett gränssnitt svårt att använda.

note: (itstool) path: section/p
en: Therefore, only use icons whose meaning is commonly recognized. If a commonly recognized icon is not available, it might be better to use a text label instead. Typically, convention establishes which icons are commonly recognized. This set of icons is actually quite small, and includes standard icons such as search, menu, forward, back and share. If you are in doubt, only use icons which are frequently used in other applications.
sv: Använd därför endast ikoner vars betydelse är allmänt erkänd. Om en allmänt erkänd ikon inte är tillgänglig kan det vara bättre att använda en textetikett istället. Konventioner etablerar vanligtvis vilka ikoner som är allmänt erkända. Denna uppsättning av ikoner är i själva verket ganska liten och omfattar standardikoner så som sökning, meny, framåt, bakåt och dela. Om du är osäker, använd ikoner som frekvent används i andra program.

note: (itstool) path: section/p
en: Other things to consider when using icons:
sv: Andra saker att tänka på när ikoner används:

note: (itstool) path: item/p
en: Think about which icons will be meaningful in the specific context of your application — users of specialist tools will often be familiar with domain-specific symbols.
sv: Tänk på vilka ikoner som kommer att vara meningsfulla i ett speciellt sammanhang i ditt program — användare av specialistverktyg kommer ofta att vara bekanta med domänspecifika symboler.

note: (itstool) path: item/p
en: Remember that some icons are only meaningful alongside other icons of the same type. For example, a media icon for stop is simply a square, and may not be identified as a stop icon without other media controls (like play, pause, or skip) being visible close by. Likewise, the icon to remove an item from a list is a subtract symbol (i.e. a single line), and will not be recognizable without a corresponding “plus” add icon.
sv: Kom ihåg att vissa ikoner endast är meningsfulla bredvid andra ikoner av samma typ. En mediaikon för att stoppa är vanligtvis en fyrkant och kan till exempel komma att inte kännas igen som en stoppikon om inte andra mediakontroller (så som uppspelning, pausa eller hoppa över) syns i närheten. På samma sätt kan en ikon för att ta bort ett objekt från en lista, som visas som en subtraktionssymbol (d.v.s ett streck) komma att inte kännas igen utan en motsvarande ”plus”-ikon för tillägg.

note: (itstool) path: page/title
en: GNOME Human Interface Guidelines
sv: GNOME:s riktlinjer för mänskliga gränssnitt

note: (itstool) path: page/p
en: Whether you are a developer or a designer, these guidelines contain everything you need to design effective applications using GTK. They cover design principles for GNOME 3, common guidelines such as how to write text and use images and icons, as well as a library of design patterns which you can use in your application.
sv: Oavsett om du är en utvecklare eller en designer så innehåller dessa riktlinjer allt du behöver för att designa effektiva program med GTK. De täcker designprinciper för GNOME 3, gemensamma riktlinjer som hur text ska skrivas och hur bilder och ikoner ska användas, så väl som ett bibliotek av designmönster som du kan använda i ditt program.

note: (itstool) path: page/p
en: While the HIG places an emphasis on designing for GNOME 3, it can also be used to create cross-platform applications, as well as for applications that have previously followed the GNOME 2 Human Interface Guidelines. The <link xref="compatibility">compatibility guidelines</link> contain more information on this.
sv: Även om riktlinjerna lägger vikt vid att designa för GNOME 3 kan de också användas för att skapa program för flera plattformar, så väl som för program som tidigare har följt riktlinjerna för GNOME 2. <link xref="compatibility">Kompatibilitetsriktlinjerna</link> innehåller vidare information om detta.

note: (itstool) path: section/title
en: Core material
sv: Kärnmaterial

note: (itstool) path: section/p
en: Patterns and user interface elements form the core of the HIG. Together, they are the building blocks for application design. If you are new to the HIG, it is recommended that you start with the page on design principles and then browse the patterns, before going on to other material.
sv: Mönster och användargränssnittselement formar riktlinjernas kärna. Tillsammans utgör de byggstenarna för programdesign. Om riktlinjerna är nya för dig rekommenderas det att du börjar med sidan om designprinciper och sedan bläddrar bland mönstren innan du går vidare till annat material.

note: (itstool) path: td/p
en: <link xref="design-principles"><em style="strong">Design principles</em></link>
sv: <link xref="design-principles"><em style="strong">Designprinciper</em></link>

note: (itstool) path: td/p
en: <link xref="patterns"><em style="strong">Patterns</em></link>
sv: <link xref="patterns"><em style="strong">Mönster</em></link>

note: (itstool) path: td/p
en: Essential and optional design components.
sv: Grundläggande och valfria designkomponenter.

note: (itstool) path: td/p
en: <link xref="ui-elements"><em style="strong">User interface elements</em></link>
sv: <link xref="ui-elements"><em style="strong">Användargränssnittselement</em></link>

note: (itstool) path: td/p
en: Guidelines on common elements, such as buttons, progress bars and popovers.
sv: Riktlinjer för vanliga element så som knappar, förloppsindikatorer och kontextfönster.

note: (itstool) path: section/title
en: Common guidelines
sv: Gemensamma riktlinjer

note: (itstool) path: section/p
en: These guidelines apply to the full range of design elements. It is recommended that you familiarize yourself with them.
sv: Dessa riktlinjer gäller för alla designelement. Det är rekommenderat att du bekantar dig med dem.

note: (itstool) path: td/p
en: <link xref="application-basics"><em style="strong">Application basics</em></link>
sv: <link xref="application-basics"><em style="strong">Grundläggande om program</em></link>

note: (itstool) path: td/p
en: Basic application behavior and characteristics.
sv: Grundläggande beteende och kännetecken för program.

note: (itstool) path: td/p
en: <link xref="compatibility"><em style="strong">Compatibility</em></link>
sv: <link xref="compatibility"><em style="strong">Kompatibilitet</em></link>

note: (itstool) path: td/p
en: <link xref="visual-layout"><em style="strong">Visual layout</em></link>
sv: <link xref="visual-layout"><em style="strong">Visuell layout</em></link>

note: (itstool) path: td/p
en: Arranging elements within user interfaces.
sv: Arrangera element i användargränssnitt.

note: (itstool) path: td/p
en: <link xref="writing-style"><em style="strong">Writing style</em></link>
sv: <link xref="writing-style"><em style="strong">Skrivregler (för engelska)</em></link>

note: (itstool) path: td/p (itstool) path: info/desc
en: Writing text for your user interface, including capitalization rules.
sv: Skriva text för ditt användargränssnitt, inklusive versaliseringsregler.

note: (itstool) path: td/p
en: <link xref="icons-and-artwork"><em style="strong">Icons and artwork</em></link>
sv: <link xref="icons-and-artwork"><em style="strong">Ikoner och grafik</em></link>

note: (itstool) path: td/p
en: Guidelines on selecting and creating icons.
sv: Riktlinjer för att välja och skapa ikoner.

note: (itstool) path: td/p
en: <link xref="typography"><em style="strong">Typography</em></link>
sv: <link xref="typography"><em style="strong">Typografi</em></link>

note: (itstool) path: td/p
en: Advice on font sizes, weights and styles, as well as special characters.
sv: Råd om typsnittsstorlekar, vikter och stilar, samt även specialtecken.

note: (itstool) path: td/p
en: <link xref="pointer-and-touch-input"><em style="strong">Pointer and touch input</em></link>
sv: <link xref="pointer-and-touch-input"><em style="strong">Pekar- och pekinmatning</em></link>

note: (itstool) path: td/p (itstool) path: info/desc
en: Mouse, touchpad and touchscreen interaction.
sv: Interaktion med mus, styrplatta och pekskärm.

note: (itstool) path: td/p
en: <link xref="keyboard-input"><em style="strong">Keyboard input</em></link>
sv: <link xref="keyboard-input"><em style="strong">Tangentbordsinmatning</em></link>

note: (itstool) path: td/p (itstool) path: info/desc
en: Keyboard navigation, access and shortcut keys.
sv: Tangentbordsnavigering, snabbtangenter och kortkommandon.

note: (itstool) path: td/p
en: <link xref="display-compatibility"><em style="strong">Display compatibility</em></link>
sv: <link xref="display-compatibility"><em style="strong">Skärmkompatibilitet</em></link>

note: (itstool) path: td/p
en: How to support different device and display types.
sv: Hur olika enheter och skärmtyper kan stödjas.

note: (itstool) path: info/desc
en: Application event notifications
sv: Händelseaviseringar i program

note: (itstool) path: page/title
en: In-app notifications
sv: Aviseringar i program

note: (itstool) path: page/p
en: In-app notifications are information popups which can be displayed inside an application. They include a label which describes an event that has happened, and can also include a button that allows the user to respond. They are always transient and user dismissable.
sv: Aviseringar i program är informationspoppupper som kan visas i ett program. De inkluderar en etikett som beskriver en händelse som har inträffat, och kan också inkludera en knapp som tillåter användaren att svara på detta. De är alltid tillfälliga och användaren kan avfärda dem.

note: (itstool) path: section/p
en: In-app notifications can be used to inform users about events that are immediately relevant to their activity in an application, but which don't have long-term interest. One common use is to provide feedback in response to user actions, while the application is being used. This contrasts with <link xref="notifications">standard notifications</link>, which provide system-wide alerts, and which persist after the notification has been initially displayed.
sv: Aviseringar i program kan användas för att informera användare om händelser som är omedelbart relevanta för deras aktivitet i ett program, men som inte är intressant i ett längre perspektiv. Detta i kontrast till <link xref="notifications">standardaviseringar</link> som tillhandahåller systemomfattande meddelanden som består efter att aviseringen först har visats.

note: (itstool) path: section/p
en: Allowing the user to undo a destructive action is an example of a good use of in-app notifications: the notification is shown immediately after a user action, and is shown in the most relevant context.
sv: Att låta användaren ångra en destruktiv åtgärd är ett exempel på bra användning av aviseringar i program: aviseringen visas omedelbart efter en användaråtgärd, och visas i det mest relevanta sammanhanget.

note: (itstool) path: section/p
en: In-app notifications are not a good solution for communicating ongoing states.
sv: Aviseringar i program är inte en bra lösning för att kommunicera pågående tillstånd.

note: (itstool) path: item/p
en: It isn't always necessary to include an action button in an in-app notification: only include one if it is directly related to the event and is generally useful.
sv: Det är inte alltid nödvändigt att inkludera en åtgärdsknapp i en avisering i ett program: inkludera endast en om den är direkt relaterad till händelsen och allmänt användbar.

note: (itstool) path: item/p
en: Don't distract with unnecessary in-app notifications, and be careful not to overuse them: they can be annoying if they pop up frequently.
sv: Distrahera inte med onödiga aviseringar i programmet, och var försiktig så att du inte överanvänder dem: de kan vara irriterande om de poppar upp ofta.

note: (itstool) path: item/p
en: Only one in-app notification can be displayed at a time, and new instances should replace existing ones.
sv: Endast en avisering kan visas i programmet vid varje tillfälle, och nya instanser bör ersätta befintliga.

note: (itstool) path: page/title
en: Info bars
sv: Inforader

note: (itstool) path: page/p
en: An info bar is a strip that is placed above a content view, directly below the header bar or tool bar. It contains text, and can also include controls. Info bars persist: they can be permanent, or they can be dismissed by the user.
sv: En inforad är en remsa som placeras ovanför en innehållsvy, direkt under rubrikraden eller verktygsfältet. Den innehåller text, och kan också innehålla komponenter. Inforader är beständiga: de kan vara permanenta, eller så kan de avfärdas av användaren.

note: (itstool) path: section/p
en: Info bars can be used to communicate a particular state about a particular content item or location. For example, an info bar could indicate that a document is out of date or being edited by others, or that a service relating to a location is not operating. In some situations, they can also be used to present supplementary information, such as user guidance.
sv: Inforader kan användas för att kommunicera ett specifikt tillstånd om ett visst innehållsobjekt eller plats. Till exempel kan en inforad indikera att ett dokument inte är uppdaterat eller att det redigeras av andra, eller att en tjänst som är relaterad till en plats inte fungerar. I vissa situationer kan de också användas för att presentera tilläggsinformation så som handledning till användare.

note: (itstool) path: section/p
en: Since info bars are persistent, they are generally more appropriate for communicating ongoing states rather than events (<link xref="notifications">notifications</link> or <link xref="in-app-notifications">in-app notifications</link> are more appropriate here).
sv: Eftersom inforader är beständiga så är de i allmänhet mer lämpade för att kommunicera pågående tillstånd snarare än händelser (<link xref="notifications">aviseringar</link> eller <link xref="in-app-notifications">aviseringar i program</link> är lämpligare för det fallet).

note: (itstool) path: section/p
en: Info bars primarily communicate by using text, and have the advantage that they can include both a heading and a longer explanation. However, they also take up space and attract attention. If the state you want to communicate is not critical, or can be communicated through a simple string or icon, you might want to consider alternative approaches: text or icons can be added elsewhere in your interface, or the appearance of navigation controls (such as <link xref="view-switchers">view switchers</link>, <link xref="tabs">tabs</link> or <link xref="sidebar-lists">sidebar</link> lists) can be changed.
sv: Inforader kommunicerar främst genom text, och har fördelen att de kan inkludera både en rubrik och en längre förklaring. De tar dock även plats och söker uppmärksamhet. Om tillståndet som du vill kommunicera inte är kritiskt, eller om det kan kommuniceras med en enkel ikon eller sträng, så kan du vilja överväga alternativa infallsvinklar: text eller ikoner kan läggas till på andra ställen i ditt gränssnitt, eller så kan utseendet för navigeringskomponenter (så som <link xref="view-switchers">vyväxlare</link>, <link xref="tabs">flikar</link> eller <link xref="sidebar-lists">sidopanelslistor</link>) ändras.

note: (itstool) path: item/p
en: Beware of info bar overuse: they should be an exceptional presence in your interface.
sv: Akta dig för överanvändning av inforader: de bör bara förekomma i undantagsfall i ditt gränssnitt.

note: (itstool) path: item/p
en: Only one info bar should be visible at any one time.
sv: Endast en inforad bör vara synlig vid ett givet tillfälle.

note: (itstool) path: item/p
en: Only include a longer explanation if it is really needed: a simple heading can often be sufficient.
sv: Inkludera bara en längre förklaring om det verkligen behövs: en enkel rubrik kan ofta vara tillräckligt.

note: (itstool) path: item/p
en: Generally speaking, info bars do not require an icon.
sv: I allmänhet behöver inforader inte någon ikon.

note: (itstool) path: info/desc
en: Image and text shown when an application is initially empty
sv: Bild och text som visas när ett program initialt är tomt

note: (itstool) path: page/title
en: Initial state placeholders
sv: Platshållare för initialt tillstånd

note: (itstool) path: page/p
en: An initial state placeholder is an image and text which fills the space in an application that has never contained any content.
sv: En platshållare för initialt tillstånd är en bild och text som fyller utrymmet i ett program som aldrig har haft något innehåll.

note: (itstool) path: section/p
en: In some cases an application might be empty until a user adds some content to it. In these scenarios, an initial state can be used to provide a rich and inviting experience. This helps to avoid the first use of the application being downbeat and unwelcoming.
sv: I vissa fall kan ett program vara tomt tills en användare lägger till något innehåll i det. I dessa fall kan ett initialt tillstånd användas för att tillhandahålla en innehållsrik och inbjudande användarupplevelse. Detta hjälper till att undvika att den första användningen av programmet känns nedstämd och ovälkomnande.

note: (itstool) path: section/p
en: An initial state placeholder should only be used when an application is going to be unavoidably empty. In many cases it is often better to pre-populate the application.
sv: En platshållare för initialt tillstånd bör endast användas när ett program oundvikligt kommer att vara tomt. I många fall är det bättre att i förväg fylla programmet med innehåll.

note: (itstool) path: item/p
en: The imagery used should be rich and colorful.
sv: Bilderna som används bör vara innehållsrika och färgglada.

note: (itstool) path: item/p
en: The text that accompanies the image should be positive and upbeat. This is a moment where you can sell your application and establish a positive identity for it. It can also be an opportunity to strike up a relationship with the user by addressing them directly.
sv: Texten som följer med bilden bör vara positiv och upplyftande. Detta är ett tillfälle där du kan sälja in ditt program och etablera en positiv identitet för det. Det kan också vara en möjlighet för att skapa en relation med användaren genom att tilltala dem direkt.

note: (itstool) path: item/p
en: While an application is initially empty, some controls don't serve a purpose (such as those for browsing content, changing view, or searching). Making these controls insensitive will help to avoid the user being disappointed, or trying features that won't work.
sv: När ett program initialt är tomt tjänar vissa komponenter inget syfte (så som de för att bläddra i innehåll, ändra vy eller söka). Att göra dessa komponenter okänsliga kommer att hjälpa till att undvika att användaren blir besviken, eller försöker använda funktioner som inte kommer att fungera.

note: (itstool) path: item/p
en: An initial state should persevere until content is added to the application, after which it should not be seen again. If the application becomes empty subsequently, an <link xref="empty-placeholder">empty state can be used</link>.
sv: Ett initialt tillstånd bör bestå tills innehåll har lagts till i programmet, efter vilket det inte bör ses igen. Om programmet sedan åter blir tomt kan ett <link xref="empty-placeholder">tomt tillstånd användas</link>.

note: (itstool) path: page/title
en: Keyboard input
sv: Tangentbordsinmatning

note: (itstool) path: page/p
en: Keyboards are a common way to interact with user interfaces. They provide a convenient and effective means to use applications in a variety of situations, and can be faster and more efficient than other input devices. Keyboards are also vital for visually-impaired people or those with mobility impairments.
sv: Tangentbord är ett vanligt sätt att interagera med användargränssnitt. De tillhandahåller ett bekvämt och effektivt sätt att använda program i en uppsjö av situationer och kan vara snabbare och mer effektiva än andra inmatningsenheter. Tangentbord är också viktiga för människor med synnedsättning eller de med rörelsehinder.

note: (itstool) path: page/p
en: You should ensure that all the functionality provided by your application can be accessed using a keyboard. Trying to use your application with only a keyboard is a great way to test this.
sv: Du bör försäkra att all funktionalitet som ditt program tillhandahåller kan kommas åt via ett tangentbord. Att försöka att använda ditt program med endast ett tangentbord är ett utmärkt sätt att prova detta.

note: (itstool) path: page/p
en: Keyboard interaction has three aspects in GNOME and GTK: navigation, access keys, and shortcut keys. <link xref="search">Search</link> is another, additional aspect.
sv: Tangentbordsinteraktion har tre aspekter i GNOME och GTK: navigering, snabbtangenter och kortkommandon. <link xref="search">Sökning</link> är ytterligare en annan aspekt.

note: (itstool) path: section/title
en: Keyboard navigation
sv: Tangentbordsnavigering

note: (itstool) path: section/p
en: Make sure that it is possible to move around and interact with every part of your user interface using the keyboard, by following these guidelines.
sv: Säkerställ att det är möjligt att flytta runt och interagera med varje del i ditt användargränssnitt via tangentbordet genom att följa dessa riktlinjer.

note: (itstool) path: item/p
en: Follow the standard GNOME keys for navigation. <key>Tab</key> is the standard key for moving around an interface with GTK and GNOME.
sv: Följ GNOME:s standardtangenter för navigering. <key>Tabb</key> är standardtangenten för att flytta runt i ett gränssnitt med GTK och GNOME.

note: (itstool) path: item/p
en: Use a logical keyboard navigation order. When navigating around a window with <key>Tab</key>, keyboard focus should move between controls in a predictable order. In Western locales, this is normally left to right and top to bottom.
sv: Använd en logisk ordning för tangentbordsnavigering. När man navigerar runt i ett fönster med <key>Tabb</key> bör tangentbordsfokus flytta mellan komponenterna enligt en förutsägbar ordning. I västerländska lokaler är detta normalt från vänster till höger samt uppifrån och ner.

note: (itstool) path: item/p
en: In addition to navigation using <key>Tab</key>, make an effort to allow movement using the arrow keys, both within user interface elements (such as lists, icon grids or sidebars), and between them.
sv: Förutom navigering med <key>Tabb</key>, ansträng dig för att tillåta förflyttning med piltangenterna, både inom användargränssnittselement (så som listor, ikonrutnät eller sidopaneler) och mellan dem.

note: (itstool) path: note/p
en: If activating a control enables other controls, do not automatically give focus to the first dependent control when it is activated, but instead leave focus in place.
sv: Om aktivering av en komponent aktiverar andra komponenter, ge inte automatiskt fokus till den första beroende komponenter när den aktiveras, utan lämna istället fokus där det är.

note: (itstool) path: section/title
en: Standard navigation keys
sv: Standardnavigeringstangenter

note: (itstool) path: td/p
en: Shortcut
sv: Genväg

note: (itstool) path: td/p
en: Function
sv: Funktion

note: (itstool) path: td/p
en: <key>Tab</key> and <keyseq><key>Shift</key><key>Tab</key></keyseq>
sv: <key>Tabb</key> och <keyseq><key>Skift</key><key>Tabb</key></keyseq>

note: (itstool) path: td/p
en: Moves keyboard focus to the next/previous control
sv: Flyttar tangentbordsfokus till nästa/föregående komponent

note: (itstool) path: td/p
en: <keyseq><key>Ctrl</key><key>Tab</key></keyseq> and <keyseq><key>Shift</key><key>Ctrl</key><key>Tab</key></keyseq>
sv: <keyseq><key>Ctrl</key><key>Tabb</key></keyseq> och <keyseq><key>Skift</key><key>Ctrl</key><key>Tabb</key></keyseq>

note: (itstool) path: td/p
en: Moves keyboard focus out of the enclosing widget to the next/previous control, in those situations where Tab alone has another function
sv: Flyttar tangentbordsfokus ut från den omslutande komponenten till nästa/föregående komponent i de situationer där Tabb ensamt har en annan funktion

note: (itstool) path: td/p
en: Moves keyboard focus to the next/previous group of controls
sv: Flyttar tangentbordsfokus till nästa/föregående grupp av komponenter

note: (itstool) path: td/p
en: Shows a tooltip for the currently-focused window or control
sv: Visar en inforuta för det fönster eller den komponent som har fokus för närvarande

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>F1</key></keyseq>
sv: <keyseq><key>Skift</key><key>F1</key></keyseq>

note: (itstool) path: td/p
en: Show context-sensitive help for the currently-focused window or control
sv: Visa sammanhangskänslig hjälp för det fönster eller den komponent som för närvarande har fokus

note: (itstool) path: td/p
en: <key>F6</key> and <keyseq><key>Shift</key><key>F6</key></keyseq>
sv: <key>F6</key> och <keyseq><key>Skift</key><key>F6</key></keyseq>

note: (itstool) path: td/p
en: Give focus to the next/previous pane in a GtkPaned window
sv: Ge fokus till nästa/föregående panel i ett fönster med GtkPane

note: (itstool) path: td/p
en: Give focus to the splitter bar in a paned window
sv: Ge fokus till separatorraden i ett panelfönster

note: (itstool) path: td/p
en: Give focus to the menu bar or open header bar menu
sv: Ge fokus till menyraden eller öppna en rubrikradsmeny

note: (itstool) path: td/p
en: <key>Space</key>
sv: <key>Blanksteg</key>

note: (itstool) path: td/p
en: Toggle the state of a focused check box, radio button, or toggle button
sv: Växla tillståndet för en kryssruta, radioknapp eller växlingsknapp som har fokus

note: (itstool) path: td/p
en: <key>Return</key>
sv: <key>Retur</key>

note: (itstool) path: td/p
en: Activate focused button, menu item, etc
sv: Aktivera knappen, menyobjektet o.s.v. som är i fokus

note: (itstool) path: td/p
en: <key>Return</key> and <key>End</key>
sv: <key>Retur</key> och <key>End</key>

note: (itstool) path: td/p
en: Select/move to the first item in a selected widget
sv: Välj/flytta till det första objektet i en markerad komponent

note: (itstool) path: td/p
en: <key>PageUp</key>, <keyseq><key>Ctrl</key><key>PageUp</key></keyseq>, <key>PageDown</key> and <keyseq><key>Ctrl</key><key>PageDown</key></keyseq>
sv: <key>PageUp</key>, <keyseq><key>Ctrl</key><key>PageUp</key></keyseq>, <key>PageDown</key> och <keyseq><key>Ctrl</key><key>PageDown</key></keyseq>

note: (itstool) path: td/p
en: Scroll the selected view by one page up/left/down/right
sv: Rulla den markerade vyn en sida upp/vänster/ner/höger

note: (itstool) path: td/p
en: Close or exit the current context, if it is transient. This should be consistently used for menus, popovers or <link xref="dialogs#default-action-and-escape">dialogs</link>, or any other temporary mode or UI element.
sv: Stäng eller avsluta den aktuella kontexten om den är tillfällig. Detta bör användas konsekvent för menyer, kontextfönster eller <link xref="dialogs#default-action-and-escape">dialoger</link>, eller något annat tillfälligt läge eller användargränssnittselement.

note: (itstool) path: section/title
en: Access keys
sv: Snabbtangenter

note: (itstool) path: section/p
en: Access keys allow someone to operate labelled controls by using <key>Alt</key>. They are indicated by an underlined letter within each control label (this is displayed when <key>Alt</key> is held down).
sv: Snabbtangenter låter användare manövrera etiketterade komponenter genom att använda <key>Alt</key>. De indikeras via en understruket tecken inom varje komponentetikett (detta visas när <key>Alt</key> hålls ned).

note: (itstool) path: item/p
en: Where possible, all labelled components should have an access key.
sv: När möjligt, bör alla etiketterade komponenter ha en snabbtangent.

note: (itstool) path: item/p
en: Choose access keys that are easy to remember. Normally this means using the first letter of the label. If the label has more than one word, the first letter of one of its other words can also be used. Additionally, if another letter provides a better association (for example: “x” in “Extra Large”) , consider using that letter instead.
sv: Välj snabbtangenter som är enkla att komma ihåg. Normalt innebär detta att första bokstaven i etiketten används. Om etiketten har mer än ett ord kan den första bokstaven i de övriga orden också användas. Om en annan bokstav ger en bättre association (till exempel ”x” i ”Extra stor”), överväg att använda det tecknet istället.

note: (itstool) path: item/p
en: Avoid assigning access keys to “thin” letters (such as lowercase i or l), or letters with descenders (such as lowercase g or y), unless it is unavoidable. The underline is sometimes not as clear with these characters.
sv: Undvik att tilldela snabbtangenter till ”tunna” tecken (så som gemena i eller l), eller tecken med underhäng (så som gemena g eller y), om det inte är oundvikligt. Understrykningen är ibland inte så tydlig för dessa tecken.

note: (itstool) path: item/p
en: If the choice of access keys is difficult, assign access keys to the most frequently-used controls first. If the first letter is not available, choose an easy to remember consonant from the label, for example, “p” in “Replace”. Only assign vowels once no consonants are available.
sv: Om valet av snabbtangent är svårt, tilldela snabbtangenter till de mest använda komponenterna först. Om det första tecknet inte är tillgängligt välj en konsonant från etiketten som är lätta att komma ihåg, till exempel ”r” i ”Ersätt”. Tilldela endast vokaler när inga konsonanter är tillgängliga.

note: (itstool) path: item/p
en: Be aware that access keys have to be translated together with the strings that they are taken from, so even if there are no conflicts in your native language, they may occur in translations.
sv: Var uppmärksam på att snabbtangent måste översättas tillsammans med strängarna som de tas från, så även om det inte finns några konflikter på ditt modersmål kan de inträffa i översättningar.

note: (itstool) path: section/title
en: Shortcut keys
sv: Kortkommandon

note: (itstool) path: section/p
en: Shortcut keys provide convenient access to common operations. They can be either single keys or combinations of several key presses (typically a modifier in combination with a regular key)
sv: Kortkommandon tillhandahåller bekväm tillgång till vanliga åtgärder. De kan antingen vara enstaka knappar eller kombinationer av flera tangenter (typiskt en modifierare i kombination med en vanlig tangent)

note: (itstool) path: item/p
en: Do not assign system-level shortcut keys for use in your application. See below for details on these.
sv: Använd inte systemövergripande kortkommandon i ditt program. Se nedan för detaljer om dessa.

note: (itstool) path: item/p
en: Use the standard GNOME shortcut keys (see below) if your application supports those functions. This ensures consistency between GNOME applications and aids discoverability.
sv: Använd GNOME:s standardkortkommandon (se nedan) om ditt program har stöd för de funktionerna. Detta säkerställer att GNOME-program beter sig konsekvent och hjälper användaren att upptäcka kortkommandona.

note: (itstool) path: item/p
en: Assign shortcut keys to the most commonly-used actions in your application. However, do not try to assign a keyboard shortcut to everything.
sv: Tilldela kortkommandon för de mest använda åtgärderna i ditt program. Försök dock inte att tilldela en tangentbordsgenväg för allting.

note: (itstool) path: item/p
en: Try to use <key>Ctrl</key> in combination with a letter for your own shortcuts. <keyseq><key>Shift</key><key>Ctrl</key></keyseq> and a letter is the recommended pattern for shortcuts that reverse or extend another function. For example, <keyseq><key>Ctrl</key><key>Z</key></keyseq> and <keyseq><key>Shift</key><key>Ctrl</key><key>Z</key></keyseq> for <gui>Undo</gui> and <gui>Redo</gui>.
sv: Försök att använda <key>Ctrl</key> i kombination med en bokstav för dina egna kortkommandon. <keyseq><key>Skift</key><key>Ctrl</key></keyseq> och en bokstav är det rekommenderade mönstret för kortkommandon som omvänder eller bygger vidare på en annan funktion. Till exempel <keyseq><key>Ctrl</key><key>Z</key></keyseq> och <keyseq><key>Shift</key><key>Ctrl</key><key>Z</key></keyseq> för <gui>Ångra</gui> och <gui>Gör om</gui>.

note: (itstool) path: item/p
en: New shortcut keys should be as mnemonic as possible, as these will be easier to learn and remember. For example, <keyseq><key>Ctrl</key><key>E</key></keyseq> would be a good shortcut for a menu item called <gui>Edit Page</gui>.
sv: Nya kortkommandon bör fungera som förkortningar då dessa är lättare att lära in och komma ihåg. Till exempel kan <keyseq><key>Ctrl</key><key>R</key></keyseq> vara ett lämpligt kortkommando för ett menyobjekt kallat <gui>Redigera sida</gui>.

note: (itstool) path: item/p
en: Shortcuts that can be easily used with one hand are preferable for common operations.
sv: Kortkommandon som enkelt kan användas med en hand är att föredra för vanliga åtgärder.

note: (itstool) path: item/p
en: Do not use <key>Alt</key> for shortcut keys, as this may conflict with access keys.
sv: Använd inte <key>Alt</key> för kortkommandon, då detta kan stå i konflikt med snabbtangenter.

note: (itstool) path: section/title
en: System reserved shortcuts
sv: Systemreserverade kortkommandon

note: (itstool) path: section/p
en: The following system shortcuts should not be overridden by applications.
sv: Följande kortkommandon för systemet bör inte åsidosättas av program.

note: (itstool) path: section/p
en: GNOME 3 makes exclusive use of <key>Super</key>, often known as the windows key, for system shortcuts. <key>Super</key> should not be used by applications, therefore.
sv: GNOME 3 har exklusiv användning av <key>Super</key>-knappen, ofta känd som Windows-knappen, för kortkommandon för systemet. <key>Super</key> bör därför inte användas av några program.

note: (itstool) path: td/p
en: Legacy Shortcut
sv: Förlegat kortkommado

note: (itstool) path: td/p
en: Description
sv: Beskrivning

note: (itstool) path: td/p
en: Activities Overview
sv: Översiktsvyn Aktiviteter

note: (itstool) path: td/p
en: None
sv: Ingen

note: (itstool) path: td/p
en: Opens and closes the Activities Overview
sv: Öppnar och stänger översiktsvyn Aktiviteter

note: (itstool) path: td/p
en: Applications View
sv: Programvy

note: (itstool) path: td/p
en: Opens and closes the applications view of the Activities Overview
sv: Öppnar och stänger programvyn i översiktsvyn Aktiviteter

note: (itstool) path: td/p
en: Message Tray
sv: Meddelandefält

note: (itstool) path: td/p
en: Toggles the visibility of the Message Tray.
sv: Växlar synligheten för meddelandefältet.

note: (itstool) path: td/p
en: Lock
sv: Lås

note: (itstool) path: td/p
en: Locks the system by blanking the screen and requiring a password to unlock, if one has been set.
sv: Låser systemet genom att blanka skärmen och kräva ett lösenord för att låsa upp, om ett sådant har ställts in.

note: (itstool) path: td/p
en: Switch application
sv: Växla program

note: (itstool) path: td/p
en: <keyseq><key>Super</key><key>Tab</key></keyseq> and <keyseq><key>Shift</key><key>Super</key><key>Tab</key></keyseq>
sv: <keyseq><key>Super</key><key>Tabb</key></keyseq> och <keyseq><key>Skift</key><key>Super</key><key>Tabb</key></keyseq>

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>Tab</key></keyseq> and <keyseq><key>Shift</key><key>Alt</key><key>Tab</key></keyseq>
sv: <keyseq><key>Alt</key><key>Tabb</key></keyseq> och <keyseq><key>Skift</key><key>Alt</key><key>Tabb</key></keyseq>

note: (itstool) path: td/p
en: Switches focus to the next/previous application
sv: Växlar fokus till nästa/föregående program

note: (itstool) path: td/p
en: Switch windows
sv: Växla fönster

note: (itstool) path: td/p
en: <keyseq><key>Super</key><key>`</key></keyseq> and <keyseq><key>Shift</key><key>Super</key><key>`</key></keyseq>
sv: <keyseq><key>Super</key><key>`</key></keyseq> och <keyseq><key>Skift</key><key>Super</key><key>`</key></keyseq>

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>F6</key></keyseq> and <keyseq><key>Shift</key><key>Alt</key><key>F6</key></keyseq>
sv: <keyseq><key>Alt</key><key>F6</key></keyseq> och <keyseq><key>Skift</key><key>Alt</key><key>F6</key></keyseq>

note: (itstool) path: td/p
en: Switch focus to the next or previous secondary window associated with the application
sv: Växla fokus till nästa eller föregående sekundära fönster associerat med programmet

note: (itstool) path: td/p
en: <gui>Maximize</gui>
sv: <gui>Maximera</gui>

note: (itstool) path: td/p
en: Maximize the focused window
sv: Maximera fönstret i fokus

note: (itstool) path: td/p
en: <gui>Restore</gui>
sv: <gui>Återställ</gui>

note: (itstool) path: td/p
en: Restores the focused window to its previous state
sv: Återställer det fokuserade fönstret till dess föregående tillstånd

note: (itstool) path: td/p
en: <gui>Hide</gui>
sv: <gui>Dölj</gui>

note: (itstool) path: td/p
en: Hide the focused window
sv: Dölj det fokuserade fönstret

note: (itstool) path: td/p
en: Switch system area
sv: Växla systemyta

note: (itstool) path: td/p
en: <keyseq><key>Ctrl</key><key>Alt</key><key>Tab</key></keyseq> and <keyseq><key>Shift</key><key>Ctrl</key><key>Alt</key><key>Tab</key></keyseq>
sv: <keyseq><key>Ctrl</key><key>Alt</key><key>Tabb</key></keyseq> och <keyseq><key>Skift</key><key>Ctrl</key><key>Alt</key><key>Tabb</key></keyseq>

note: (itstool) path: td/p
en: Switches focus to the primary areas of the system: windows, top bar, message tray
sv: Växlar fokus till primärytorna för systemet: fönster, systemrad, meddelandefält

note: (itstool) path: td/p
en: Power Off
sv: Stäng av

note: (itstool) path: td/p
en: Prompts the user to power off the system. This shortcut is typically disabled by default.
sv: Frågar användaren om att stänga av systemet. Detta kortkommando är vanligtvis inaktiverat som standard.

note: (itstool) path: td/p
en: Window menu
sv: Fönstermeny

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>Space</key></keyseq>
sv: <keyseq><key>Alt</key><key>Blanksteg</key></keyseq>

note: (itstool) path: td/p
en: Opens the window menu for the current window
sv: Öppnar fönstermenyn för det aktuella fönstret

note: (itstool) path: td/p
en: <gui>Close</gui>
sv: <gui>Stäng</gui>

note: (itstool) path: td/p
en: Closes the focused window
sv: Stänger det fokuserade fönstret

note: (itstool) path: td/p
en: <gui>Move</gui>
sv: <gui>Flytta</gui>

note: (itstool) path: td/p
en: Move the focused window
sv: Flytta det fokuserade fönstret

note: (itstool) path: td/p
en: <gui>Resize</gui>
sv: <gui>Ändra storlek</gui>

note: (itstool) path: td/p
en: Resize the focused window
sv: Ändra storlek på det fokuserade fönstret

note: (itstool) path: section/p
en: In addition, the shortcuts for Unicode character entry should also be avoided. This includes <keyseq><key>Shift</key><key>Ctrl</key><key>A</key></keyseq> through to <keyseq><key>Shift</key><key>Ctrl</key><key>F</key></keyseq>, or <keyseq><key>Shift</key><key>Ctrl</key><key>0</key></keyseq> through to <keyseq><key>Shift</key><key>Ctrl</key><key>9</key></keyseq>.
sv: Dessutom bör kortkommandona för inmatning av Unicode-tecken undvikas. Detta inkluderar från <keyseq><key>Skift</key><key>Ctrl</key><key>A</key></keyseq> till <keyseq><key>Skift</key><key>Ctrl</key><key>F</key></keyseq>, eller från <keyseq><key>Skift</key><key>Ctrl</key><key>0</key></keyseq> till <keyseq><key>Skift</key><key>Ctrl</key><key>9</key></keyseq>.

note: (itstool) path: section/title
en: Standard application shortcuts
sv: Standardkortkommandon för program

note: (itstool) path: section/p
en: This section details common application keyboard shortcuts. With the exception of application shortcuts, these shortcuts only need to be followed when the corresponding action is included in your application. Standard shortcuts can be assigned to other actions if the standard action is not available.
sv: Detta avsnitt beskriver vanliga kortkommandon för program. Med undantag för programkortkommandon behöver dessa kortkommandon endast följas när motsvarande åtgärd finns i ditt program. Standardkortkommandon kan tilldelas till andra åtgärder om standardåtgärden inte finns.

note: (itstool) path: section/p
en: This section also provides guidance on standard menu items in a <link xref="menu-bars">menu bar</link>, should one be used.
sv: Detta avsnitt tillhandahåller också riktlinjer om standardmenyobjekt i ett <link xref="menu-bars">menyrad</link>, om en sådan används.

note: (itstool) path: section/title
en: Application
sv: Program

note: (itstool) path: section/p
en: Standard application keyboard shortcuts and menu items. These application shortcuts should not be reassigned to other actions, even when the corresponding action is not provided by your application.
sv: Standardkortkommandon för program och menyobjekt. Dessa kortkommandon för program bör inte tilldelas till andra åtgärder även när motsvarande åtgärd inte finns i ditt program.

note: (itstool) path: td/p
en: Label
sv: Etikett

note: (itstool) path: td/p
en: <gui>Help</gui>
sv: <gui>Hjälp</gui>

note: (itstool) path: td/p
en: Opens the default help browser on the contents page for the application.
sv: Öppnar standardhjälpbläddraren på innehållssidan för programmet.

note: (itstool) path: td/p
en: <gui>About</gui>
sv: <gui>Om</gui>

note: (itstool) path: td/p
en: Opens the About dialog for the application. Use the standard GNOME 3 dialog for this.
sv: Öppnar Om-dialogen för programmet. Använd GNOME 3:s standarddialog för detta.

note: (itstool) path: td/p
en: <gui>Quit</gui>
sv: <gui>Avsluta</gui>

note: (itstool) path: td/p
en: Closes the application, including all application windows.
sv: Stänger programmet, inklusive alla programfönster.

note: (itstool) path: section/title
en: File
sv: Arkiv

note: (itstool) path: section/p
en: Standard file keyboard shortcuts and menu items.
sv: Standardkortkommandon och menyobjekt för filer.

note: (itstool) path: td/p
en: <gui>New</gui>
sv: <gui>Nytt</gui>

note: (itstool) path: td/p
en: Creates a new content item, often (but not always) in a new primary window or tab. If your application can create a number of different types of document, you can make the <gui>New</gui> item a submenu, containing a menu item for each type. Label these items <gui>New</gui> document type, make the first entry in the submenu the most commonly used document type, and give it the <keyseq><key>Ctrl</key><key>N</key></keyseq> shortcut.
sv: Skapar ett nytt innehållsobjekt, oftast (men inte alltid) i ett nytt primärt fönster eller flik. Om ditt program kan skapa ett antal olika typer av dokument kan du göra <gui>Nytt</gui>-objektet till en undermeny som innehåller ett menyalternativ för varje typ. Etikettera dessa objekt som <gui>Nytt</gui> dokumenttyp, gör det första objektet i undermenyn till den vanligaste dokumenttypen och ge detta kortkommandot <keyseq><key>Ctrl</key><key>N</key></keyseq>.

note: (itstool) path: td/p
en: <gui>Open…</gui>
sv: <gui>Öppna…</gui>

note: (itstool) path: td/p
en: Opens an existing content item, often by presenting the user with a standard <gui>Open File</gui> dialog. If the chosen file is already open in the application, raise that window instead of opening a new one.
sv: Öppnar ett existerade innehållsobjekt, ofta genom att visa användaren standarddialogen <gui>Öppna fil</gui>. Om den valda filen redan är öppen i programmet, visa det fönstret istället för att öppna ett nytt.

note: (itstool) path: td/p
en: <gui>Open Recent</gui>
sv: <gui>Öppna senaste</gui>

note: (itstool) path: td/p
en: A submenu which contains a list of no more than six recently used files, ordered according to most recently used.
sv: En undermeny som innehåller en lista över inte fler än sex nyligen använda filer, ordnade efter när de senast använts.

note: (itstool) path: td/p
en: <gui>Save</gui>
sv: <gui>Spara</gui>

note: (itstool) path: td/p
en: Saves the current content item. If the document already has a filename associated with it, save the document immediately without any further interaction from the user. If there are any additional options involved in saving a file, prompt for these first time the document is saved, but subsequently use the same values each time until the user changes them. If the document has no current filename or is read-only, selecting this item should be the same as selecting <gui>Save As</gui>.
sv: Sparar det aktuella innehållsobjektet. Om dokumentet redan har ett filnamn associerat med sig, spara dokumentet omedelbart utan vidare interaktion från användare. Om det finns ytterligare alternativ involverade i att spara en fil, fråga efter dessa första gången dokumentet sparas, men använd samma värden påföljande gånger tills användaren ändrar dessa. Om dokumentet inte har något aktuellt filnamn eller är skrivskyddat bör detta alternativ fungera på samma sätt som <gui>Spara som</gui>.

note: (itstool) path: td/p
en: <gui>Save As…</gui>
sv: <gui>Spara som…</gui>

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>Ctrl</key><key>S</key></keyseq>
sv: <keyseq><key>Skift</key><key>Ctrl</key><key>S</key></keyseq>

note: (itstool) path: td/p
en: Saves the content item with a new filename. Present the user with the standard <gui>Save As</gui> dialog, and save the file with the chosen file name.
sv: Sparar innehållsobjektet under ett nytt filnamn. Visa användaren standarddialogen <gui>Spara som</gui> och spara filen med det valda filnamnet.

note: (itstool) path: td/p
en: <gui>Save a Copy…</gui>
sv: <gui>Spara en kopia…</gui>

note: (itstool) path: td/p
en: Prompts the user to enter a filename, with which a copy of the document is then saved. Do not alter either the view or the filename of the original document. All subsequent changes are still made to the original document until the user specifies otherwise, for example by choosing the <gui>Save As</gui> command.
sv: Frågar användaren om ett filnamn under vilket en kopia av dokumentet sedan sparas. Förändra varken vyn eller filnamnet för originaldokumentet. Alla påföljande ändringar görs fortfarande i originaldokumentet tills användaren anger något annat, genom att till exempel använda kommandot <gui>Spara som</gui>.

note: (itstool) path: td/p
en: Like the <gui>Save As</gui> dialog, the <gui>Save a Copy</gui> dialog may present different ways to save the data. For example, an image may be saved in a native format or as a PNG.
sv: I likhet med dialogen <gui>Spara som</gui> kan dialogen <gui>Spara en kopia</gui> presentera olika sätt att spara datan. Om till exempel en bild kan sparas i ett standardformat eller som en PNG.

note: (itstool) path: td/p
en: <gui>Page Setup</gui>
sv: <gui>Sidinställningar</gui>

note: (itstool) path: td/p
en: Allows the user to control print-related settings. Present the user with a dialog allowing the user to set such options as portrait or landscape format, margins, and so on.
sv: Låter användare styra utskriftsrelaterade inställningar. Visa användaren en dialog som låter användaren ställa in sådana inställningar så som stående eller liggande format, marginaler, o.s.v.

note: (itstool) path: td/p
en: <gui>Print Preview</gui>
sv: <gui>Förhandsgranska</gui>

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>Ctrl</key><key>P</key></keyseq>
sv: <keyseq><key>Skift</key><key>Ctrl</key><key>P</key></keyseq>

note: (itstool) path: td/p
en: Shows the user what the printed document will look like. Present a new window containing an accurate representation of the appearance of the document as it would be printed.
sv: Visar användaren hur det utskrivna dokumentet kommer att se ut. Visa ett nytt fönster som innehåller en korrekt representation av dokumentets utseende så som det skulle skrivas ut.

note: (itstool) path: td/p
en: <gui>Print…</gui>
sv: <gui>Skriv ut…</gui>

note: (itstool) path: td/p
en: Prints the current document. Present the user with a dialog allowing them to set options like the page range to be printed, the printer to be used, and so on. The dialog must contain a button labelled <gui>Print</gui> that starts printing and closes the dialog.
sv: Skriver ut det aktuella dokumentet. Visa användaren en dialog som tillåter inställning av alternativ så som sidintervall att skriva ut, skrivare som ska användas, o.s.v. Dialogen måste innehålla en knapp med etiketten <gui>Skriv ut</gui> som inleder utskriften och stänger dialogen.

note: (itstool) path: td/p
en: <gui>Send To…</gui>
sv: <gui>Skicka till…</gui>

note: (itstool) path: td/p
en: Provides the user a means to attach or send the current document as an email or email attachment, depending on its format. You may provide more than one <gui>Send</gui> item depending on which options are available. If there are more than two such items, move them into a submenu. For example, if only <gui>Send by Email</gui> and <gui>Send by Bluetooth</gui> are available, leave them on the top-level menu. If there is a third option, such as <gui>Send by FTP</gui>, place all the options in a Send submenu.
sv: Erbjuder användaren ett sätt att bifoga eller skicka det aktuella dokumentet som ett e-postmeddelande eller en bilaga, beroende på dess format. Du kan tillhandahålla mer är ett <gui>Skicka</gui>-objekt beroende på vilka alternativ som är tillgängliga. Om det finns fler än två sådana objekt, flytta dem till en undermeny. Om till exempel endast <gui>Skicka via e-post</gui> och <gui>Skicka via Bluetooth</gui> finns tillgängliga, låt dem vara i toppmenyn. Om det finns ett tredje alternativ så som <gui>Skicka via FTP</gui>, placera alla alternativen i en undermeny med namnet Skicka.

note: (itstool) path: td/p
en: <gui>Properties…</gui>
sv: <gui>Egenskaper…</gui>

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>Return</key></keyseq>
sv: <keyseq><key>Alt</key><key>Retur</key></keyseq>

note: (itstool) path: td/p
en: Opens the document’s <gui>Properties</gui> window. This may contain editable information, such as the document author’s name, or read-only information, such as the number of words in the document, or a combination of both. The <keyseq><key>Alt</key><key>Return</key></keyseq> shortcut should not be provided where <key>Return</key> is most frequently used to insert a new line.
sv: Öppnar dokumentets fönster med <gui>Egenskaper</gui>. Detta kan innehålla redigerbar information, så som dokumentets upphovsman, eller skrivskyddad information så som antalet ord i dokumentet, eller en kombination av båda. Kortkommandot <keyseq><key>Alt</key><key>Retur</key></keyseq> bör inte tillhandahållas där <key>Retur</key> vanligen använd för att infoga en ny rad.

note: (itstool) path: td/p
en: Closes the current tab or window. If the window uses tabs and there is only one open, the shortcut should close the window.
sv: Stänger den aktuella fliken eller fönstret. Om fönstret använder flikar och det endast finns en öppen bör kortkommandot stänga fönstret.

[ctx: menu]
note: (itstool) path: section/title
en: Edit
sv: Redigera

note: (itstool) path: section/p
en: Standard edit keyboard shortcuts and menu items.
sv: Standardtangentbordsgenvägar för redigering samt menyobjekt.

note: (itstool) path: td/p
en: <gui>Undo <em>action</em></gui>
sv: <gui>Ångra <em>åtgärd</em></gui>

note: (itstool) path: td/p
en: Reverts the effect of the previous action.
sv: Återställer effekten för den föregående åtgärden.

note: (itstool) path: td/p
en: <gui>Redo <em>action</em></gui>
sv: <gui>Gör om <em>åtgärd</em></gui>

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>Ctrl</key><key>Z</key></keyseq>
sv: <keyseq><key>Skift</key><key>Ctrl</key><key>Z</key></keyseq>

note: (itstool) path: td/p
en: Performs the next action in the undo history list, after the user has moved backwards through the list with the <gui>Undo</gui> command.
sv: Utför nästa åtgärd i ångringshistoriken, efter att användaren har flyttat tillbaka med kommandot <gui>Ångra</gui>.

note: (itstool) path: td/p
en: <gui>Cut</gui>
sv: <gui>Klipp ut</gui>

note: (itstool) path: td/p
en: Removes the selected content and places it onto the clipboard. Visually, remove the content from the document in the same manner as <gui>Delete</gui>.
sv: Tar bort det valda innehållet och placerar det i urklipp. Visuellt tas innehållet bort från dokumentet på samma sätt som <gui>Ta bort</gui>.

note: (itstool) path: td/p
en: <gui>Copy</gui>
sv: <gui>Kopiera</gui>

note: (itstool) path: td/p
en: Copies the selected content onto the clipboard.
sv: Kopierar det valda innehållet till urklipp.

note: (itstool) path: td/p
en: <gui>Paste</gui>
sv: <gui>Klistra in</gui>

note: (itstool) path: td/p
en: Inserts the contents of the clipboard into the content item. When editing text, if there is no current selection, use the caret as the insertion point. If there is a current selection, replace it with the clipboard contents.
sv: Infogar innehållet från urklipp i innehållsobjektet. När text redigeras, om det inte finns någon aktuell markering, använd markören som infogningspunkt. Om det finns en aktuell markering, ersätt denna med innehållet från urklipp.

note: (itstool) path: td/p
en: <gui>Paste Special…</gui>
sv: <gui>Klistra in special…</gui>

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>Ctrl</key><key>V</key></keyseq>
sv: <keyseq><key>Skift</key><key>Ctrl</key><key>V</key></keyseq>

note: (itstool) path: td/p
en: Inserts a non-default representation of the clipboard contents. Open a dialog presenting a list of the available formats from which the user can select. For example, if the clipboard contains a PNG file copied from a file manager, the image may be embedded in the document, or a link to the file inserted so that changes to the image on disk are always reflected in the document.
sv: Infogar en onormal representation av urklipps innehåll. Öppna en dialog som visar en lista över de tillgängliga format som användaren kan välja mellan. Om till exempel urklipp innehåller en PNG-fil kopierad från filhanteraren, kan bilden bäddas in i dokumentet, eller så kan en länk infogas så att ändringar i bilden på disk alltid återspeglas i dokumentet.

note: (itstool) path: td/p
en: <gui>Duplicate</gui>
sv: <gui>Duplicera</gui>

note: (itstool) path: td/p
en: Creates a duplicate copy of the selected object.
sv: Skapar en kopiera av det markerade objektet.

note: (itstool) path: td/p
en: <gui>Delete</gui>
sv: <gui>Ta bort</gui>

note: (itstool) path: td/p
en: Removes the selected content without placing it on the clipboard.
sv: Tar bort det markerade innehållet utan att placera det i urklipp.

note: (itstool) path: td/p
en: <gui>Select All</gui>
sv: <gui>Markera allt</gui>

note: (itstool) path: td/p
en: Selects all content in the current document.
sv: Markerar allt innehåll i det aktuella dokumentet.

note: (itstool) path: td/p
en: <gui>Deselect All</gui>
sv: <gui>Avmarkera allt</gui>

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>Ctrl</key><key>A</key></keyseq>
sv: <keyseq><key>Skift</key><key>Ctrl</key><key>A</key></keyseq>

note: (itstool) path: td/p
en: Deselects all content in the current document. Only provide this item in situations when no other method of undoing selection is possible or apparent to the user. For example, in complex graphics applications where selection and deselection is not usually possible simply by using the cursor keys. Note: Do not provide <gui>Deselect All</gui> in text entry fields, as <keyseq><key>Shift</key><key>Ctrl</key><key>hex</key></keyseq> digit is used to enter Unicode characters so its shortcut will not work.
sv: Avmarkerar allt innehåll i det aktuella dokumentet. Tillhandahåll detta objekt endast i situationer när ingen annan metod av att ångra markering är möjlig eller uppenbar för användaren. Till exempel i komplexa grafikprogram där markering och avmarkering vanligtvis inte är enkla att utföra med markörtangenterna. Notera: Tillhandahåll inte <gui>Avmarkera allt</gui> i textinmatningsfält, då <keyseq><key>Skift</key><key>Ctrl</key><key>hex</key></keyseq>-siffra används för att mata in Unicode-tecken så kommer dess kortkommando inte att fungera.

note: (itstool) path: td/p
en: <gui>Find…</gui>
sv: <gui>Sök…</gui>

note: (itstool) path: td/p
en: Displays a user interface for allowing the user to search for specific content in the current content item or page.
sv: Visar ett användargränssnitt för att låta användaren söka efter specifikt innehåll i innehållsobjektet eller sidan.

note: (itstool) path: td/p
en: <gui>Find Next</gui>
sv: <gui>Sök nästa</gui>

note: (itstool) path: td/p
en: Selects the next instance of the last Find term in the current document.
sv: Markerar nästa förekomst av den senaste term som sökts efter i det aktuella dokumentet.

note: (itstool) path: td/p
en: <gui>Find Previous</gui>
sv: <gui>Sök föregående</gui>

note: (itstool) path: td/p
en: <keyseq><key>Shift</key><key>Ctrl</key><key>G</key></keyseq>
sv: <keyseq><key>Skift</key><key>Ctrl</key><key>G</key></keyseq>

note: (itstool) path: td/p
en: Selects the previous instance of the last <gui>Find</gui> term in the current document.
sv: Markerar föregående förekomst av den senaste term som sökts efter i det aktuella dokumentet.

note: (itstool) path: td/p
en: <gui>Replace…</gui>
sv: <gui>Ersätt…</gui>

note: (itstool) path: td/p
en: Displays a user interface allowing the user to find specific content and replace each occurrence.
sv: Visar ett användargränssnitt som låter användaren leta efter specifikt innehåll och ersätta varje förekomst.

note: (itstool) path: section/title
en: View
sv: Visa

note: (itstool) path: section/p
en: View keyboard shortcuts and menu items.
sv: Tangentbordsgenvägar och menyobjekt för visning.

note: (itstool) path: td/p
en: <gui>Icons</gui>
sv: <gui>Ikoner</gui>

note: (itstool) path: td/p
en: Shows content as a grid of icons. This is a radio button menu item.
sv: Visar innehåll som ett rutnät av ikoner. Detta är ett radioknappsmenyobjekt.

note: (itstool) path: td/p
en: <gui>List</gui>
sv: <gui>Lista</gui>

note: (itstool) path: td/p
en: Shows content as a list. This is a radio button menu item.
sv: Visar innehåller som en lista. Detta är ett radioknappsmenyobjekt.

note: (itstool) path: td/p
en: <gui>Sort By…</gui>
sv: <gui>Sortera efter…</gui>

note: (itstool) path: td/p
en: Specifies the criteria by which content should be sorted. Can open a preference dialog, popover, or sub-menu.
sv: Anger kriteriet efter vilket innehållet bör sorteras. Kan öppna en inställningsdialog, kontextfönster eller undermeny.

note: (itstool) path: td/p
en: <gui>Filter…</gui>
sv: <gui>Filtrera…</gui>

note: (itstool) path: td/p
en: Allows content to be filtered, by opening a popover, drop down, or dialog.
sv: Låter innehållet filtreras, genom att öppna ett kontextfönster, en rullgardinsmeny eller en dialog.

note: (itstool) path: td/p
en: <gui>Zoom In</gui>
sv: <gui>Zooma in</gui>

note: (itstool) path: td/p
en: Zooms in, making content appear larger.
sv: Zoomar in, vilket får innehållet att se större ut.

note: (itstool) path: td/p
en: <gui>Zoom Out</gui>
sv: <gui>Zooma ut</gui>

note: (itstool) path: td/p
en: Zooms out, making content appear smaller.
sv: Zoomar ut, vilket får innehållet att se mindre ut.

note: (itstool) path: td/p
en: <gui>Normal Size</gui>
sv: <gui>Normal storlek</gui>

note: (itstool) path: td/p
en: Resets the zoom level back to the default value.
sv: Återställer zoomnivån till dess standardvärde.

note: (itstool) path: td/p
en: <gui>Best Fit</gui>
sv: <gui>Bästa passning</gui>

note: (itstool) path: td/p
en: Makes the document fill the window.
sv: Anpassar dokumentet till att fylla ut fönstret.

note: (itstool) path: td/p
en: <gui>Reload</gui>
sv: <gui>Läs om</gui>

note: (itstool) path: td/p
en: Redraws the current view of the document, checking the data source for changes first. For example, checks the web server for updates to the page before redrawing it.
sv: Ritar om den aktuella vyn av dokumentet, och kontrollerar om datakällan ändrats först. Kontrollerar till exempel om webbservern uppdaterat sidan innan den ritas om.

note: (itstool) path: section/title
en: Format
sv: Formatering

note: (itstool) path: section/p
en: Standard format keyboard shortcuts and menu items.
sv: Standardtangentbordsgenvägar och menyobjekt för formatering.

note: (itstool) path: td/p
en: <gui>Style…</gui>
sv: <gui>Stil…</gui>

note: (itstool) path: td/p
en: Sets the style attributes of the selected text or objects either individually or to a named, predefined style.
sv: Ställer in stilattribut för den markerade texten eller objekten antingen individuellt eller enligt en namngiven fördefinierad stil.

note: (itstool) path: td/p
en: <gui>Font…</gui>
sv: <gui>Typsnitt…</gui>

note: (itstool) path: td/p
en: Sets the font properties of the selected text or objects.
sv: Ställer in typsnittsegenskaper för den markerade texten eller objekten.

note: (itstool) path: td/p
en: <gui>Paragraph…</gui>
sv: <gui>Stycke…</gui>

note: (itstool) path: td/p
en: Sets the properties of the selected paragraph.
sv: Ställer in egenskaperna för det markerade stycket.

note: (itstool) path: td/p
en: <gui>Bold</gui>
sv: <gui>Fet</gui>

note: (itstool) path: td/p
en: Toggles the boldness of the current text selection. If some of the selection is currently bold and some is not, this command should bolden the selected text.
sv: Växlar mellan med och utan fetstil för den aktuella textmarkeringen. Om någon del av markeringen för närvarande är i fetstil och någon del inte är det bör detta kommando göra all markerad text till fetstil.

note: (itstool) path: td/p
en: <gui>Italic</gui>
sv: <gui>Kursiv</gui>

note: (itstool) path: td/p
en: Toggles the italicisation of the current text selection on or off. If some of the selection is currently italicized and some is not, this command should italicise the selected text.
sv: Växlar mellan med och utan kursiv stil för den aktuella textmarkeringen. Om någon del av markeringen för närvarande är kursiv och någon del inte är det bör detta kommando göra all markerad text till kursiv.

note: (itstool) path: td/p
en: <gui>Underline</gui>
sv: <gui>Understrykning</gui>

note: (itstool) path: td/p
en: Toggles underlining of the current text selection. If some of the selection is currently underlined and some is not, this command should underline the selected text.
sv: Växlar mellan med och utan understrykning för den aktuella textmarkeringen. Om någon del av markeringen för närvarande är understruken och någon del inte är det bör detta kommando göra all markerad text understruken.

note: (itstool) path: td/p
en: <gui>Cells…</gui>
sv: <gui>Celler…</gui>

note: (itstool) path: td/p
en: Sets the properties of the selected table cells.
sv: Ställer in egenskaperna för de markerade tabellcellerna.

note: (itstool) path: td/p
en: <gui>List…</gui>
sv: <gui>Lista…</gui>

note: (itstool) path: td/p
en: Sets the properties of the selected list, or turns the selected paragraphs into a list if they are not already formatted as such.
sv: Ställer in egenskaperna för den markerade listan, eller gör om de markerade styckena till en lista om de inte redan är formaterade som en sådan.

note: (itstool) path: td/p
en: <gui>Layer…</gui>
sv: <gui>Lager…</gui>

note: (itstool) path: td/p
en: Sets the properties of all or selected layers of a multi-layered document.
sv: Ställer in egenskaperna för alla eller markerade lager av ett flerlagersdokument.

note: (itstool) path: td/p
en: <gui>Page…</gui>
sv: <gui>Sida…</gui>

note: (itstool) path: td/p
en: Sets the properties of all or selected pages of the document.
sv: Ställer in egenskaperna för alla eller markerade sidor av dokumentet.

note: (itstool) path: section/title
en: Bookmarks
sv: Bokmärken

note: (itstool) path: section/p
en: Standard bookmark keyboard shortcuts and menu items.
sv: Standardtangentbordsgenvägar och menyobjekt för bokmärken.

note: (itstool) path: td/p
en: <gui>Add Bookmark</gui>
sv: <gui>Lägg till bokmärke</gui>

note: (itstool) path: td/p
en: Adds a bookmark for the current location. Do not pop up a dialog asking for a title or location for the bookmark, instead choose sensible defaults (such as the document’s title or filename as the bookmark name) and allow the user to change them later using the <gui>Edit Bookmarks</gui> feature.
sv: Lägger till ett bokmärke till den aktuella platsen. Visa inte en dialog som ber användaren om en titel eller en plats för bokmärket, välj istället vettiga standardvärden (så som dokumentets titel, eller filnamn som bokmärkets namn) och låt användaren ändra dem senare via funktionen <gui>Redigera bokmärken</gui>.

note: (itstool) path: td/p
en: <gui>Edit Bookmarks</gui>
sv: <gui>Redigera bokmärken</gui>

note: (itstool) path: td/p
en: Allows the user to edit their bookmarks.
sv: Låter användaren redigera sina bokmärken.

note: (itstool) path: td/p
en: Bookmark List
sv: Bokmärkeslista

note: (itstool) path: td/p
en: Displays the user’s bookmarks.
sv: Visa användarens bokmärken.

note: (itstool) path: section/title
en: Go
sv: Gå

note: (itstool) path: section/p
en: Standard navigation keyboard shortcuts and <gui>Go</gui> menu items.
sv: Standardtangentbordsgenvägar för navigering samt <gui>Gå</gui>-menyobjekt.

note: (itstool) path: td/p
en: <gui>Back</gui>
sv: <gui>Bakåt</gui>

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>Left</key></keyseq>
sv: <keyseq><key>Alt</key><key>Vänster</key></keyseq>

note: (itstool) path: td/p
en: Navigates to the previous location.
sv: Navigerar till den föregående platsen.

note: (itstool) path: td/p
en: <gui>Forward</gui>
sv: <gui>Framåt</gui>

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>Right</key></keyseq>
sv: <keyseq><key>Alt</key><key>Höger</key></keyseq>

note: (itstool) path: td/p
en: Navigates to the next location in the navigation history.
sv: Navigerar till nästa plats i navigeringshistoriken.

note: (itstool) path: td/p
en: <gui>Up</gui>
sv: <gui>Upp</gui>

note: (itstool) path: td/p
en: <keyseq><key>Alt</key><key>Up</key></keyseq>
sv: <keyseq><key>Alt</key><key>Upp</key></keyseq>

note: (itstool) path: td/p
en: Navigates to the parent content item, document, page or section.
sv: Navigerar till överordnat innehållsobjekt, dokument, sida eller avsnitt.

note: (itstool) path: td/p
en: <gui>Home</gui>
sv: <gui>Hem</gui>

note: (itstool) path: td/p
en: Navigates to a starting page defined by the user or the application.
sv: Navigerar till en startsida definierad av användaren eller programmet.

note: (itstool) path: td/p
en: <gui>Location…</gui>
sv: <gui>Plats…</gui>

note: (itstool) path: td/p
en: Allows the user to specify a URI to navigate to.
sv: Låter användaren ange en URI att navigera till.

note: (itstool) path: td/p
en: <gui>Previous Page</gui>
sv: <gui>Föregående sida</gui>

note: (itstool) path: td/p
en: Navigates to the previous page in the document.
sv: Navigerar till den föregående sidan i dokumentet.

note: (itstool) path: td/p
en: <gui>Next Page</gui>
sv: <gui>Nästa sida</gui>

note: (itstool) path: td/p
en: Navigates to the next page in the document.
sv: Navigerar till nästa sida i dokumentet.

note: (itstool) path: td/p
en: <gui>Go to Page…</gui>
sv: <gui>Gå till sida…</gui>

note: (itstool) path: td/p
en: Allows the user to specify a page number to be navigated to. Text-based applications may also include a <gui>Go to Line…</gui> menu item, which allows the user to jump to a specified line number.
sv: Låter användaren ange ett sidnummer som navigeras till. Textbaserade program kan också inkludera ett menyobjekt <gui>Gå till rad…</gui> som låter användaren hoppa till ett angivet radnummer.

note: (itstool) path: td/p
en: <gui>First Page</gui>
sv: <gui>Första sidan</gui>

note: (itstool) path: td/p
en: Navigates to the first page in the document.
sv: Navigerar till första sidan i dokumentet.

note: (itstool) path: td/p
en: <gui>Last Page</gui>
sv: <gui>Sista sidan</gui>

note: (itstool) path: td/p
en: Navigates to the last page in the document.
sv: Navigerar till sista sidan i dokumentet.

note: (itstool) path: section/title
en: Windows
sv: Fönster

note: (itstool) path: section/p
en: Standard <gui>Windows</gui> menu items.
sv: Standardmenyobjekt för <gui>Fönster</gui>.

note: (itstool) path: td/p
en: <gui>Save All</gui>
sv: <gui>Spara alla</gui>

note: (itstool) path: td/p
en: Saves all open documents. If any documents have no current filename, prompt for a filename for each one in turn using the standard <gui>Save</gui> dialog.
sv: Sparar alla öppna dokument. Om några dokument inte har ett aktuellt filnamn, fråga efter ett filnamn för vart och ett med standarddialogen <gui>Spara</gui>.

note: (itstool) path: td/p
en: <gui>Close All</gui>
sv: <gui>Stäng alla</gui>

note: (itstool) path: td/p
en: Closes all open documents. If there are any unsaved changes in any documents, post a confirmation alert for each one in turn.
sv: Stänger alla öppna dokument. Om det finns osparade ändringar i några dokument, visa en bekräftelsedialog för vart och ett.

note: (itstool) path: td/p
en: List of windows
sv: Lista över fönster

note: (itstool) path: td/p
en: Each menu item raises the corresponding window to the top of the window stack.
sv: Varje menyobjekt höjer motsvarande fönster till toppen i fönsterstapeln.

note: (itstool) path: info/desc
en: Rows of information or content items.
sv: Rader av information eller innehållsobjekt.

note: (itstool) path: page/title
en: Lists
sv: Listor

note: (itstool) path: page/p
en: Lists are a basic user interface element that can be used to present information, content items, or controls. There are two primary types of list in GNOME 3: standard lists and tables.
sv: Listor är ett grundläggande användargränssnittselement som kan användas för att presentera information, innehållsobjekt eller komponenter. Det finns två primära typer av listor i GNOME 3: standardlistor och tabeller.

note: (itstool) path: page/p
en: <link xref="sidebar-lists">Sidebar lists</link> are a separate design pattern which also make use of a list.
sv: <link xref="sidebar-lists">Sidopanelslistor</link> är ett separat designmönster som också använder en lista.

note: (itstool) path: section/p
en: A list is an appropriate way to present content items that have a distinct name as their primary identifier. If the content is visual in nature, such as with photos or videos, you might want to consider using a <link xref="grids">grid</link> instead.
sv: En lista är ett lämpligt sätt att presentera innehållsobjekt som har distinkta namn som sin primäridentifierare. Om innehållet är till naturen visuellt så som foton eller videor bör du kanske istället överväga att använda ett <link xref="grids">rutnät</link>.

note: (itstool) path: section/p
en: In some cases, it is advantageous to show both a list and a grid view for the same content items. Used in this way, a list view allows additional information to be displayed about the content through columns of information.
sv: I vissa fall är det fördelaktigt att visa både en lista och en rutnätsvy för samma innehållsobjekt. Använt på detta sätt låter en listvy ytterligare information visas om innehållet via kolumner av information.

note: (itstool) path: section/title
en: Standard lists
sv: Standardlistor

note: (itstool) path: section/p
en: Standard lists are most common list type, and should generally be used in favor of tables.
sv: Standardlistor är den vanligaste listtypen och bör generellt användas istället för tabeller.

note: (itstool) path: section/p
en: In standard lists, each row is divided by separators, and changing the sort order is achieved by using a control outside the list itself.
sv: I standardlistor delas varje rad upp av avskiljare och att ändra sorteringsordning åstadkoms genom en komponent utanför själva listan.

note: (itstool) path: section/title
en: Styles
sv: Stilar

note: (itstool) path: section/p
en: Standard lists have two styles: full-width and embedded. Full-width lists fill their container, while embedded lists are surrounded by padding.
sv: Standardlistor har två stilar: fullbredd och inbäddad. Fullbreddslistor fyller hela deras behållare medan inbäddade listor omges av utfyllnad.

note: (itstool) path: section/p
en: Full-width lists are visually simpler, and therefore more elegant. They should be used where possible. At the same time, it is not always possible to use a full-width list, and there are some situations where embedded lists are a better choice:
sv: Fullbreddslistor är visuellt enklare och därför mer eleganta. De bör användas när möjligt. Samtidigt är det inte alltid möjligt att använda fullbreddslistor och det finns vissa situationer då inbäddade listor är ett bättre val:

note: (itstool) path: item/p
en: When the list contains columns of information that need to be kept close together for readability purposes, and there is a need to have the list inside a wide container.
sv: När listan innehåller kolumner av information som måste hållas tätt ihop av läsbarhetsskäl och när det finns ett behov av att ha listan inuti en bred behållare.

note: (itstool) path: item/p
en: When a window contains several lists.
sv: När ett fönster innehåller flera listor.

note: (itstool) path: item/p
en: When the list needs to be aligned with other controls inside the window.
sv: När listan behöver justeras med avseende på andra komponenter inuti fönstret.

note: (itstool) path: section/title
en: Editable lists
sv: Redigerbara listor

note: (itstool) path: section/p
en: Editable lists allow a user to add or remove items from the list (for this reason, they are sometimes known as add/remove lists). Both full-width and embedded lists can be editable.
sv: Redigerbara listor låter en användare lägga till eller ta bort objekt från listan (på grund av detta kallas de ibland för lägg till/ta bort-listor). Både fullbreddslistor och inbäddade listor kan vara redigerbara.

note: (itstool) path: section/p
en: Each row contains a remove button. If the number of items is short, the final list row should be used as an add button. Alternatively, if the list is long, the add button can be placed in a <link xref="header-bars">header bar</link> or <link xref="action-bars">action bar</link>.
sv: Varje rad innehåller en borttagningsknapp. Om antalet objekt är litet kommer den sista raden att användas som en tilläggsknapp. Alternativt, om listan är lång, kan tilläggsknappen placeras i en <link xref="header-bars">rubrikrad</link> eller <link xref="action-bars">åtgärdsrad</link>.

note: (itstool) path: section/title
en: Tables
sv: Tabeller

note: (itstool) path: section/p
en: Tables can be used for more complex multi-column lists, where sorting the table by a variety of columns is common. Column headers allow people to identify the type of information in each column and to reorder the list according to the content of each column.
sv: Tabeller kan användas för mer komplexa flerkolumnslistor, där sortering av tabellen via ett antal kolumner är vanligt. Kolumnrubriker låter människor identifiera informationstypen i varje kolumn och att ordna om listan enligt innehållet i varje kolumn.

note: (itstool) path: section/p
en: When using column headers, indicate the sort order using arrows on the header.
sv: När kolumnrubriker används, indikera sorteringsordningen genom att använda pilar i rubriken.

note: (itstool) path: td/p
en: Arrow Direction
sv: Pilriktning

note: (itstool) path: td/p
en: Example
sv: Exempel

note: (itstool) path: td/p
en: Natural
sv: Naturlig

note: (itstool) path: td/p
en: Down
sv: Nedåt

note: (itstool) path: td/p
en: Alphabetical, smallest number first, earliest date first, checked items first
sv: Alfabetiskt, minsta nummer först, tidigast datum först, markerade objekt först

note: (itstool) path: td/p
en: Reverse
sv: Omvänd

note: (itstool) path: td/p
en: Up
sv: Upp

note: (itstool) path: td/p
en: Reverse alphabetical, largest number first, most recent date first, unchecked items first
sv: Omvänt alfabetiskt, sista nummer först, senaste datum först, omarkerade objekt först

note: (itstool) path: section/title
en: Row behavior
sv: Radbeteende

note: (itstool) path: section/p
en: Depending on the type of list, rows have different behaviors when they are clicked or pressed. There are three types of list in this regard:
sv: Beroende på typ av lista kan rader ha olika beteenden när det klickas på eller trycks ned. Det finns tre typer av listor i detta avseende:

note: (itstool) path: td/p
en: List Type
sv: Listtyp

note: (itstool) path: td/p
en: Row Behavior
sv: Radbeteende

note: (itstool) path: td/p
en: Navigation
sv: Navigering

note: (itstool) path: td/p
en: Selecting a row opens the corresponding item, whether it is by browsing to a new view or opening a dialog. This pattern is common for lists of content items, or for presenting groups of settings.
sv: Att välja en rad öppnar motsvarande objekt, oavsett om det är genom att bläddra till en ny vy eller att öppna en dialog. Detta mönster är vanligt för listor över innehållsobjekt eller för presentation av grupper av inställningar.

note: (itstool) path: td/p
en: Select
sv: Markera

note: (itstool) path: td/p
en: The list item is selected when it is clicked or pressed. This approach is often used for selecting one of a series of configuration options. In the case of <link xref="drop-down-lists">drop-down lists</link>, one option is always selected. The selected row is indicated by a check mark.
sv: Listobjektet markeras när det klickas eller trycks på. Detta tillvägagångssätt används ofta för att markera en av en serie av konfigurationsalternativ. I fallet med <link xref="drop-down-lists">rullgardinslistor</link> markeras alltid ett alternativ. Den markerade raden indikeras med en bock.

[ctx: list-type]
note: (itstool) path: td/p
en: Edit
sv: Redigera

note: (itstool) path: td/p
en: Selecting the row item turns the row into a text entry field, which allows the item to be edited.
sv: Att välja radobjektet gör om raden till ett textinmatningsfält, vilket låter objektet redigeras.

note: (itstool) path: section/p
en: Navigation style lists can be combined with <link xref="selection-mode">selection mode</link> in order to allow rows to be both opened and manipulated. Using double-click to open list items should be avoided, since it is undiscoverable and is incompatible with touch input.
sv: Navigeringsstilslistor kan kombineras med <link xref="selection-mode">markeringsläge</link> för att tillåta rader att både öppnas och manipuleras. Att använda dubbelklick för att öppna objekt bör undvikas, då det är svårt att upptäcka och är inkompatibelt med inmatning på pekskärmar.

note: (itstool) path: item/p
en: Differentiate the different types of information using different alignments, <link xref="typography">text colors and weights</link>. Highlight the most important and relevant information by giving other information a lighter weight and/or color.
sv: Särskilj olika typer av information genom att ha olika justering, <link xref="typography">textfärger och vikter</link>. Markera den viktigaste och mest relevanta informationen genom att ge annan information en lättare vikt och/eller ljusare färg.

note: (itstool) path: item/p
en: Be careful not to overpopulate lists with different columns and elements, and ensure that you only use them to present essential information.
sv: Var aktsam för att inte överfylla listor med olika kolumner och element och säkerställ att du endast använder dem för att presentera nödvändig information.

note: (itstool) path: item/p
en: As a rule of thumb, avoid using several lists in the same window, particularly primary windows.
sv: Som en tumregel, undvik flera listor i samma fönster, särskilt primärfönster.

note: (itstool) path: item/p
en: Do not use lists with fewer than about five items, unless the number of items may increase over time. For options lists, check boxes or radio buttons can be used as an alternative in this case.
sv: Använd inte listor med färre än omkring fem objekt, om inte antalet objekt kan öka över tid. För alternativlistor kan kryssrutor eller radioknappar användas som ett alternativ i detta fall.

note: (itstool) path: item/p
en: Ensure that lists are ordered to be helpful to those who are using them. Recent documents might be more useful than alphabetically ordered documents, or contacts that are online might be more interesting than those who are offline, for example.
sv: Säkerställ att listor ordnas för att vara till hjälp för de som använder dem. Senaste dokument kanske skulle vara till mer hjälp än alfabetiskt sorterade dokument, eller kontakter som är inloggade kanske är mer intressanta än de som inte är inloggade.

note: (itstool) path: item/p
en: If you use icons in your list, <link xref="icons-and-artwork">use symbolic icons</link>. The lower visual footprint of these icons will mean that they do not visually overload or dominate your list.
sv: Om du använder ikoner i din lista, <link xref="icons-and-artwork">använd symboliska ikoner</link>. Det mindre utrymmesbehovet hos dessa ikoner kommer att innebära att de inte visuellt överbelastar eller dominerar din lista.

note: (itstool) path: item/p
en: If the list is long, make it possible to search it using the standard <link xref="search">search design pattern</link>.
sv: Om listan är lång, gör det möjligt att söka i den via <link xref="search">standardmönstret för sökning</link>.

note: (itstool) path: page/title
en: Menu bars
sv: Menyrader

note: (itstool) path: page/p
en: A menu bar incorporates a strip of drop-down menus. It is typically located at the top of a primary window, below a window title bar.
sv: En menyrad innehåller en remsa av rullgardinsmenyer. Den är vanligen placerad högst upp i ett primärt fönster, under fönstrets namnlist.

note: (itstool) path: section/p
en: Menu bars increase the vertical footprint of an application’s user interface, introduce a large number of disclosure points, and function as a fixed set of inflexible options. For these reasons, <link xref="header-bars">header bars</link> and <link xref="header-bar-menus">header bar menus</link> are generally recommended over menu bars, along with other design patterns for exposing controls on demand, such as <link xref="selection-mode">selection mode</link>, <link xref="action-bars">action bars</link>, and <link xref="popovers">popovers</link>.
sv: Menyrader ökar ett programs användargränssnitts vertikala fotavtryck, introducerar ett stort antal avslöjandepunkter, och fungerar som en fast uppsättning av alternativ som inte är flexibla. Av dessa anledningar rekommenderas allmänt <link xref="header-bars">rubrikrader</link> och <link xref="header-bar-menus">rubrikradsmenyer</link> över att använda menyrader, tillsammans med andra designmönster för att exponera komponenter då de efterfrågas, så som <link xref="selection-mode">markeringsläge</link>, <link xref="action-bars">åtgärdsrader</link> och <link xref="popovers">kontextfönster</link>.

note: (itstool) path: section/p
en: At the same time, it can be appropriate for complex applications that already include a menu bar to retain it. Additionally, some platforms also incorporate space for a menu bar in their user environment, and a menu model can be desirable for cross-platform integration purposes.
sv: Samtidigt kan det vara lämpligt för komplexa program som redan inkluderar en menyrad att behålla den. Vidare innehåller några plattformar också utrymme för en menyrad i sin användarmiljö, och en menymodell kan vara önskvärd i integrationssyfte för flera plattformar.

note: (itstool) path: section/title
en: Standard menus
sv: Standardmenyer

note: (itstool) path: section/p
en: This section details the most common menus and menu items in a menu bar. For details on the standard items to include in each of these menus, see <link xref="keyboard-input#application-shortcuts">keyboard input</link>.
sv: Detta avsnitt ger detaljer för de vanligaste menyerna och menyobjekten i en menyrad. För detaljer om standardposterna att inkludera i var och en av dessa menyer, se <link xref="keyboard-input#application-shortcuts">tangentbordsinmatning</link>.

note: (itstool) path: td/p
en: <gui>File</gui>
sv: <gui>Arkiv</gui>

note: (itstool) path: td/p
en: Commands that operate on the current document or content item as a whole. It is the left-most item in the menubar because of its importance and frequency of use, and because it is a relevant menu in many applications.
sv: Kommandon som arbetar på hela det aktuella dokumentet eller innehållsobjektet. Det är objektet längst till vänster i menyraden på grund av sin viktighet och användningsfrekvens, och för att det är en relevant meny i många program.

note: (itstool) path: td/p
en: If your application does not operate on files, name this menu for the type of object it displays. For example, a music player could have a <gui>Music</gui> instead of a <gui>File</gui> menu.
sv: Om ditt program inte arbetar på filer, namnge denna meny efter typen av objekt som det visar. Exempelvis kan en musikspelare ha en <gui>Musik</gui>-meny istället för <gui>Arkiv</gui>.

note: (itstool) path: td/p
en: <gui>Edit</gui>
sv: <gui>Redigera</gui>

note: (itstool) path: td/p
en: The <gui>Edit</gui> menu contains items relating to editing the document, such as clipboard handling, find and replace, and inserting objects.
sv: Menyn <gui>Redigera</gui> innehåller objekt som är relaterade till att redigera dokumentet, så som urklippshantering, sök och ersätt, samt att infoga objekt.

note: (itstool) path: td/p
en: <gui>View</gui>
sv: <gui>Visa</gui>

note: (itstool) path: td/p
en: Includes items that affect the user’s view, such as of the current document or page, or how items are presented for browsing. Do not place any items on the <gui>View</gui> menu that affect content items.
sv: Inkluderar objekt som påverkar användarens vy, så som för det aktuella dokumentet eller sidan, eller hur objekt presenteras för bläddring. Placera inga objekt i <gui>Visa</gui>-menyn om de påverkar innehållsobjekt.

note: (itstool) path: td/p
en: <gui>Insert</gui>
sv: <gui>Infoga</gui>

note: (itstool) path: td/p
en: Lists the types of objects that can be inserted into the current document, such as images, links or page breaks. Only provide this menu if you have more than about six types of object that can be inserted, otherwise place individual items for each type on the <gui>Edit</gui> menu.
sv: Listar typerna av objekt som kan infogas i det aktuella dokumentet, så som bilder, länkar eller sidbrytningar. Tillhandahåll endast denna meny om du har mer än ungefär sex typer av objekt som kan infogas, placera annars individuella objekt för varje typ i menyn <gui>Redigera</gui>.

note: (itstool) path: td/p
en: Includes commands to change the visual appearance of the document. For example, changing the font, color, or line spacing of a text selection.
sv: Inkluderar kommandon för att ändra det visuella utseendet för dokumentet. Exempelvis att ändra typsnittet, färgen eller radavståndet för en textmarkering.

note: (itstool) path: td/p
en: The difference between these commands and those on the <gui>View</gui> menu is that changes made with <gui>Format</gui> commands are persistent and saved as part of the document.
sv: Skillnaden mellan dessa kommandon och de i <gui>Visa</gui>-menyn är att ändringar gjorda med <gui>Format</gui>-kommandon är beständiga och sparas som en del av dokumentet.

note: (itstool) path: td/p
en: Items found on the Format menu are very application-specific.
sv: Objekt som hittas i Format-menyn är väldigt programspecifika.

note: (itstool) path: td/p
en: <gui>Bookmarks</gui>
sv: <gui>Bokmärken</gui>

note: (itstool) path: td/p
en: Provide a Bookmarks menu in any application that allows the user to browse files and folders, help documents, web pages or any other large information space.
sv: Tillhandahåll en meny Bokmärken i alla program som låter användaren bläddra bland filer och mappar, hjälpdokument, webbsidor eller något annat stort informationsutrymme.

note: (itstool) path: td/p
en: <gui>Go</gui>
sv: <gui>Gå</gui>

note: (itstool) path: td/p
en: A <gui>Go</gui> menu provides commands for quickly navigating around a document or collection of documents, or an information space such as a directory structure or the web.
sv: En <gui>Gå</gui>-meny tillhandahåller kommandon för att snabbt navigera runt i ett dokument eller en samling av dokument, eller ett informationsutrymme så som en katalogstruktur eller nätet.

note: (itstool) path: td/p
en: The contents of the menu will vary depending on the type of application.
sv: Menyns innehåll kommer att variera beroende på typen av program.

note: (itstool) path: td/p
en: <gui>Windows</gui>
sv: <gui>Fönster</gui>

note: (itstool) path: td/p
en: Commands that apply to all of the application’s open windows. You may also label this menu <gui>Documents</gui>, <gui>Buffers</gui>, or similar according to the type of document handled by your application.
sv: Kommandon som tillämpas för alla programmets öppna fönster. Du kan också etikettera denna meny <gui>Dokument</gui>, <gui>Buffertar</gui> eller liknande enligt typen av dokument som hanteras av ditt program.

note: (itstool) path: td/p
en: The last items on this menu are a numbered list of the application’s primary windows, for example <gui>1shoppinglist.abw</gui>. Selecting one of these items raises the corresponding window.
sv: De sista objektet i denna meny är en numrerad lista över programmets primära fönster, till exempel <gui>1shoppinglista.abw</gui>. Att välja ett av dessa objekt placerar motsvarande fönster överst.

note: (itstool) path: item/p
en: The menubar is normally visible at all times and is always accessible from the keyboard, so make all the commands available in your application available on the menubar. (This guideline is unique to menu bars — other menus should not seek to reproduce functionality that is made available by other controls).
sv: Menyraden är vanligtvis alltid synlig och alltid åtkomlig från tangentbordet, så gör alla kommandon som finns tillgängliga i ditt program tillgängliga i menyraden. (Denna riktlinje är unik för menyrader — andra menyer bör inte försöka reproducera funktionalitet som görs tillgänglig av andra komponenter).

note: (itstool) path: item/p
en: Treat <link xref="application-menus">application menus</link> as part of the menu bar — it is not necessary to reproduce items from the application menu in other menus.
sv: Behandla <link xref="application-menus">programmenyer</link> som en del av menyraden — det är inte nödvändigt att ha kopior av objekt från programmenyn i andra menyer.

note: (itstool) path: item/p
en: Do not disable menu titles. Allow the user to explore the menu, even though there might be no available items on it at that time.
sv: Inaktivera inte menytitlar. Tillåt användaren att utforska menyn även om det kanske inte finns några tillgängliga objekt i den för tillfället.

note: (itstool) path: item/p
en: Menu titles on a menubar are single words with their first letter capitalized. Do not use spaces in menu titles, as this makes them easily-mistaken for two separate menu titles. Do not use compound words (such as <gui>WindowOptions</gui>) or hyphens (such as <gui>Window-Options</gui>) to circumvent this guideline.
sv: Menytitlar i en menyrad är ensamma ord med inledande versal. Använd inte blanksteg i menytitlar, då detta gör dem lätta att missta för två åtskilda menytitlar. Använd inte hopsatta ord (så som <gui>WindowOptions</gui>) eller bindestreck (så som <gui>Window-Options</gui>) för att gå runt denna riktlinje.

note: (itstool) path: item/p
en: Do not provide a mechanism for hiding the menubar, as this may be activated accidentally. Some users will not be able to figure out how to get the menu bar back in this case.
sv: Tillhandahåll ingen mekanism för att dölja menyraden, då en sådan kan aktiveras av misstag. Vissa användare kommer inte kunna lista ut hur de ska göra för att få tillbaka menyraden i detta fall.

note: (itstool) path: page/title
en: Menus
sv: Menyer

note: (itstool) path: page/p
en: A menu is a list of actions and/or options which is revealed by pressing a heading or button. In the case of context menus, the menu is opened through a secondary action (such as secondary click with a mouse, or long press with a touch screen) on an item of content.
sv: En meny är en lista över åtgärder och/eller alternativ som visas genom att trycka på en rubrik eller knapp. I fallet med snabbvalsmenyer öppnas menyn genom en sekundär åtgärd (så som ett sekundärklick med en mus, eller långt tryck med en pekskärm) på ett innehållsobjekt.

note: (itstool) path: section/p
en: Menus can appear as a part of a <link xref="menu-bars">menu bar</link>, as context menus (see <link xref="selection-mode">selection mode</link>), or as part of a <link xref="button-menus">button menu</link>. Refer to the relevant pages for advice on when to use these elements.
sv: Menyer kan dyka upp som en del av en <link xref="menu-bars">menyrad</link>, som snabbvalsmenyer (se <link xref="selection-mode">markeringsläge</link>) eller som en del av en <link xref="button-menus">knappmeny</link>. Se de relevanta sidorna för råd om när dessa element ska användas.

note: (itstool) path: section/title
en: Size and structure
sv: Storlek och struktur

note: (itstool) path: section/p
en: Menus should contain between three and 12 top-level items. If a menu contains more than 12 items, evaluate whether all the items are necessary and belong in the menu. If you are unable to reduce the size, submenus can be used. However, they should be avoided if at all possible, as they are physically difficult to use.
sv: Menyer bör innehålla mellan tre och 12 toppnivåobjekt. Om en meny innehåller mer än 12 objekt bör du utvärdera om alla objekten är nödvändiga och hör hemma i menyn. Om du inte kan minska storleken kan undermenyer användas. De bör dock undvikas om det över huvud taget är möjligt då de är fysiskt svåra att använda.

note: (itstool) path: section/p
en: Submenus should contain between three and six items, and should never contain other submenus.
sv: Undermenyer bör innehålla mellan tre och sex objekt, och bör aldrig innehålla andra undermenyer.

note: (itstool) path: section/p
en: Organize similar menu items into groups using dividers — this will make them easier to understand and quicker to use. When creating groups:
sv: Organisera liknande menyobjekt i grupper med avskiljare — detta kommer göra dem lättare att förstå och snabbare att använda. Då du skapar grupper:

note: (itstool) path: item/p
en: Order groups and group items logically, either by importance, task order, or expected frequency of use. Items at the top and bottom of the menu are more noticeable and easily targeted, so reserve these locations for particularly important or interesting functionality.
sv: Ordna grupper och gruppobjekt logiskt, antingen efter viktighet, uppgiftsordning eller förväntad användningsfrekvens. Objekt högst upp och längst ner i menyn är mer märkbara och lättare att hitta, så reservera dessa platser för speciellt viktig och intressant funktionalitet.

note: (itstool) path: item/p
en: Place single-item groups at the top or bottom of the menu, or group them together with other single items.
sv: Placera grupper med ett ensamt objekt högst upp eller längst ner i menyn, eller gruppera dem tillsammans med andra ensamma objekt.

note: (itstool) path: item/p
en: Do not mix different types of menu item within each group — actions, check box and radio button items should be kept separate.
sv: Mixa inte olika menytyper i samma grupp — objekt för åtgärder, kryssrutor och radioknappar bör hållas åtskilda.

note: (itstool) path: item/p
en: Provide an <link xref="keyboard-input#access-keys">access key</link> for every menu item. You may use the same access key on different menus in your application, but avoid duplicating access keys on the same menu. Note that unlike other controls, once a menu is displayed, its access keys may be used by just typing the letter; it is not necessary to press the Alt key at the same time.
sv: Tillhandahåll en <link xref="keyboard-input#access-keys">snabbtangent</link> för varje menyobjekt. Du kan använda samma snabbtangent för olika menyer i ditt program, men undvik att ha överlappande snabbtangenter i samma meny. Observera att till skillnad från andra komponenter så kan i menyer en snabbtangent användas genom att bara skriva bokstaven då menyn visas; det är inte nödvändigt att trycka ner Alt-tangenten samtidigt.

note: (itstool) path: item/p
en: Label menu items with verbs for commands and adjectives for settings, using <link xref="writing-style#capitalization">header capitalization</link>.
sv: Etikettera menyobjekt med verb för kommandon och adjektiv för inställningar, med <link xref="writing-style#capitalization">rubrikversalisering</link> (Detta gäller för engelska. För svenska är meningsversalisering att föredra).

note: (itstool) path: item/p
en: Use <link xref="writing-style#ellipses">ellipses</link> when a menu item requires further input from the user to complete an action.
sv: Använd <link xref="writing-style#ellipses">ellips</link> när ett menyobjekt kräver vidare inmatning från användaren för att slutföra en åtgärd.

note: (itstool) path: item/p
en: Two linked actions can be combined into a single menu item, by changing the label when the item is selected. For example, a <gui>Play</gui> item may change to <gui>Pause</gui>. However, only use this type of item when actions are logical opposites which are obvious to users. Likewise, do not use this technique for settings — use check boxes or radio buttons instead.
sv: Två länkade åtgärder kan kombineras till ett enda menyobjekt genom att ändra etiketten då objektet väljs. Till exempel kan ett <gui>Spela upp</gui>-objekt ändras till <gui>Pausa</gui>. Använd dock bara denna typ av objekt då åtgärder är logiska motsatser som är självklara för användare. Använd inte heller denna teknik för inställningar — använd kryssrutor eller radioknappar istället.

note: (itstool) path: info/desc
en: System-wide event notifications
sv: Systemomfattande händelseaviseringar

note: (itstool) path: page/title
en: Notifications
sv: Aviseringar

note: (itstool) path: page/p
en: Notifications enable you to inform the users about events when they are not using your application. They also provide the ability for users to quickly respond to those events, using notification actions.
sv: Aviseringar låter dig informera användarna om händelser då de inte använder ditt program. De tillhandahåller också förmågan för användare att snabbt svara på dessa händelser med aviseringsåtgärder.

note: (itstool) path: section/p
en: Use notifications to inform the user about events they will be interested in while they are not using your application. This can include new messages in messaging applications, the completion of long-running tasks, reminders for calendars, and so on.
sv: Använd aviseringar för att informera användaren om händelser som de kommer att vara intresserade av medan de inte använder ditt program. Detta kan inkludera nya meddelanden i meddelandeprogram, slutförandet av uppgifter som tar lång tid, påminnelser för kalendrar och så vidare.

note: (itstool) path: section/p
en: Notifications shouldn’t be used as a substitute for feedback that is provided by your application windows, which should be able to inform the user about events without the need for notifications.
sv: Aviseringar bör inte användas som en ersättning för återkoppling som tillhandahålls av dina programfönster, vilka bör vara kapabla att informera användaren om händelser utan att behöva aviseringar.

note: (itstool) path: section/title
en: Notification elements
sv: Aviseringselement

note: (itstool) path: section/p
en: Notifications in GNOME 3 have a number of standard components:
sv: Aviseringar i GNOME 3 har ett antal standardkomponenter:

note: (itstool) path: td/p
en: Application Icon
sv: Programikon

note: (itstool) path: td/p
en: Indicates which application sent the notification.
sv: Indikerar vilket program som skickade aviseringen.

note: (itstool) path: td/p
en: Title
sv: Titel

note: (itstool) path: td/p
en: The heading for the notification.
sv: Rubriken för aviseringen.

note: (itstool) path: td/p
en: Body
sv: Brödtext

note: (itstool) path: td/p
en: An optional block of text which gives extra detail about the notification. The notification body can include multiple paragraphs. For example: a snippet from the beginning of an email.
sv: Ett ej obligatoriskt textblock som ger extra detaljer om programmet. Aviseringens brödtext kan innehålla flera stycken. Till exempel en textsnutt från början av ett e-postmeddelande.

note: (itstool) path: td/p
en: Default Action
sv: Standardåtgärd

note: (itstool) path: td/p
en: This is the action that is triggered when the notification is activated.
sv: Detta är åtgärden som utlöses då aviseringen aktiveras.

note: (itstool) path: td/p
en: Actions
sv: Åtgärder

note: (itstool) path: td/p
en: Each notification can include up to three buttons.
sv: Varje avisering kan innehålla upp till tre knappar.

note: (itstool) path: section/title
en: Titles
sv: Titlar

note: (itstool) path: section/p
en: The title should provide a short and concise summary of the event that triggered the notification. The notification body may not always be visible, so it is important to ensure that the notification can be understood from the title alone.
sv: Titeln bör tillhandahålla en kort och koncis sammanfattning av händelsen som utlöste aviseringen. Aviseringens brödtext är kanske inte alltid synlig, så det är viktigt att säkerställa att aviseringen kan förstås av bara titeln.

note: (itstool) path: section/title
en: Default actions
sv: Standardåtgärder

note: (itstool) path: section/p
en: The default action should always dismiss the notification and raise a window belonging to the application that sent the notification. If the notification relates to a particular part of your application’s user interface, the default action should display that part of the UI. The default action for a notification about a new email should show the relevant email message when activated, for example.
sv: Standardåtgärden bör alltid avfärda aviseringen och höja upp ett fönster som tillhör programmet som skickade aviseringen. Om aviseringen är relaterad till en specifik del av ditt programs användargränssnitt bör standardåtgärden visa den delen av användargränssnittet. Standardåtgärden för en avisering om ett nytt e-postmeddelande bör exempelvis visa det relevanta e-postmeddelandet då den aktiveras.

note: (itstool) path: section/title
en: Notification actions
sv: Aviseringsåtgärder

note: (itstool) path: section/p
en: You can provide useful functionality by embedding buttons in notifications. This allows users to quickly and easily respond to the notification.
sv: Du kan tillhandahålla användbar funktionalitet genom att bädda in knappar i aviseringar. Detta låter användare snabbt och lätt svara på aviseringen.

note: (itstool) path: item/p
en: Notification actions should be related to the content of the notification, and should not provide generic actions for your application. This ensures that each notification has a clear focus and purpose.
sv: Aviseringsåtgärder bör vara relaterade till aviseringens innehåll, och bör inte tillhandahålla allmänna åtgärder för ditt program. Detta säkerställer att varje avisering har ett tydligt fokus och syfte.

note: (itstool) path: item/p
en: Only use notification actions when the functionality that they provide is commonly required.
sv: Använd endast aviseringsåtgärder då funktionaliteten som de tillhandahåller vanligen krävs.

note: (itstool) path: item/p
en: Actions should not replace user interface controls elsewhere — it should be possible to take the same actions from your application’s windows.
sv: Åtgärder bör inte ersätta komponenter på annat ställe i användargränssnittet — det bör vara möjligt att utföra samma åtgärder från ditt programs fönster.

note: (itstool) path: item/p
en: It is not necessary to always use notification actions, and many notifications will not require them.
sv: Det är inte nödvändigt att alltid använda aviseringsåtgärder, och många aviseringar kommer inte att behöva dem.

note: (itstool) path: item/p
en: Notification actions should not duplicate the default action. For example, a new email notification does not need to include an Open button, since the default action should already perform this action.
sv: Aviseringsåtgärder bör inte upprepa standardåtgärden. Till exempel behöver en avisering om ny e-post inte inkludera en Öppna-åtgärd då standardåtgärden redan bör utföra denna åtgärd.

note: (itstool) path: section/title
en: General guidance
sv: Allmänna råd

note: (itstool) path: item/p
en: It is important not to needlessly distract users with notifications. This can easily become annoying and frustrating, and will not incline users to like your application. Therefore, always be critical when using notifications, and question whether users really need to be informed about the events you want to communicate.
sv: Det är viktigt att inte i onödan distrahera användare med aviseringar. Detta kan lätt bli irriterande och frustrerande, och kommer inte att få användare att tycka om ditt program. Var därför alltid kritisk då du använder aviseringar, och ifrågasätt huruvida användare verkligen behöver informeras om de händelser som du vill kommunicera.

note: (itstool) path: item/p
en: Applications that deal with lots of events, such as email or social media messages, run a particular risk of distracting users with too many notifications. These applications should place restrictions on how frequently they send notification messages. Instead of showing a notification for each new message, it is a good idea for each notification to provide a summary of new messages.
sv: Program som hanterar många händelser, så som e-postmeddelanden eller meddelanden i sociala medier, löper en speciell risk att distrahera användare med för många aviseringar. Dessa program bör införa restriktioner över hur ofta de sänder aviseringsmeddelanden. Istället för att visa en avisering för varje nytt meddelande är det en bra idé att varje avisering tillhandahåller en sammanfattning över nya meddelanden.

note: (itstool) path: item/p
en: Notifications in GNOME 3 persist after they have been initially displayed. It is therefore important to remove notification messages that are no longer relevant to the user.
sv: Aviseringar i GNOME 3 består efter att de visats första gången. Det är därför viktigt att ta bort aviseringsmeddelanden som inte längre är relevanta för användaren.

note: (itstool) path: item/p
en: Your application window should provide feedback on all the events that have been communicated by notifications. As a result, when your application window is focused, notification messages should be treated as having been read, and should be removed.
sv: Ditt programfönster bör tillhandahålla återkoppling för alla händelser som har kommunicerats av aviseringar. Som ett resultat bör aviseringsmeddelanden betraktas som lästa då ditt programfönster är fokuserat, och bör tas bort.

note: (itstool) path: item/p
en: Ensure that your application removes notifications that are no longer valid. For example, a notification for a weather warning that has been revoked should be removed.
sv: Säkerställ att ditt program tar bort aviseringar som inte längre är giltiga. Exempelvis bör en avisering för en vädervarning som har återkallats tas bort.

note: (itstool) path: info/desc
en: Floating controls, often used for images and video controls
sv: Svävande komponenter, ofta använda för bilder och videokomponenter

note: (itstool) path: page/title
en: Overlaid controls
sv: Överdragskomponenter

note: (itstool) path: page/p
en: Transient controls that float over content are a common pattern for applications that show images or video.
sv: Tillfälliga komponenter som svävar ovanför innehåll är ett vanligt mönster för program som visar bilder eller video.

note: (itstool) path: section/p
en: Since overlaid controls hide when they are not in use, they help to provide an uncluttered viewing experience. They are appropriate when it is desirable to present a clean and distraction-free view on a content item — this is particularly (although not exclusively) appropriate for images and video.
sv: Eftersom överdragskomponenter döljs då de inte används så hjälper det till att tillhandahålla en stilren visningsupplevelse. De är lämpliga då det är önskvärt att presentera en ren och distraktionsfri vy för ett innehållsobjekt — detta är speciellt lämpligt (men inte bara då) för bilder och videoklipp.

note: (itstool) path: section/p
en: Overlaid controls may be inappropriate if they obscure relevant parts of the content below. Image editing controls may interfere with the ability to see their effects, for example. In these cases, controls should not be overlaid.
sv: Överdragskomponenter kan vara olämpliga om de döljer relevanta delar av innehållet under. Komponenter för bildredigering kan exempelvis störa förmågan att se de effekter som de har. I dessa fall bör komponenter inte vara överdragna.

note: (itstool) path: item/p
en: Follow established conventions for this type of control, such as left/right browse buttons in image viewers, and player controls at the bottom for video.
sv: Följ etablerade konventioner för denna komponenttyp, så som vänster-/högerknappar för bläddring i bildvisare, och uppspelningskomponenter längst ner för videoklipp.

note: (itstool) path: item/p
en: Controls should be displayed when the pointer is moved over the content, or when it is tapped (on touch devices).
sv: Komponenter bör visas när pekaren dras över innehållet, eller när det trycks på (på pekenheter).

note: (itstool) path: item/p
en: Overlaid controls can be attached to the edge of the content/window, or can be free-floating. <link xref="action-bars">Action bars</link> can be treated as overlaid controls.
sv: Överdragskomponenter kan fästas vid kanten på innehållet/fönstret, eller kan sväva fritt. <link xref="action-bars">Åtgärdsrader</link> kan betraktas som överdragskomponenter.

note: (itstool) path: item/p
en: Use the standard “OSD” theme style for overlaid controls.
sv: Använd standardtemats ”OSD”-stil för överdragskomponenter.

note: (itstool) path: page/title
en: Design patterns
sv: Designmönster

note: (itstool) path: page/p
en: Patterns are the primary elements that make up an application design. Some patterns, like application menus or header bars, are highly recommended. Others are optional, and deciding on which patterns you want to use forms a core part of the design process. To help with this, each pattern page details the appropriate uses of each pattern, and suggests alternatives that might be applicable.
sv: Mönster är de primära element som en programdesign består av. Vissa mönster, så som programmenyer och rubrikrader, rekommenderas starkt. Andra är valfria, och att välja vilka mönster som du vill använda formar en central del av designprocessen. För att hjälpa till med detta ger sidan för varje mönster detaljer kring lämplig användning av mönstret, och föreslår alternativ som kan vara tillämpliga.

note: (itstool) path: section/title
en: Anatomy of a GNOME 3 application
sv: Ett GNOME 3-programs anatomi

note: (itstool) path: section/p
en: A visual reference for some of the most common GNOME 3 design patterns.
sv: En visuell referens för några av de vanligaste designmönstren i GNOME 3.

note: (itstool) path: section/title
en: Core design patterns
sv: Centrala designmönster

note: (itstool) path: section/title
en: Supplementary design patterns
sv: Kompletterande designmönster

note: (itstool) path: page/title
en: Pointer and touch input
sv: Pekar- och pekinmatning

note: (itstool) path: page/p
en: Pointer and touch input are two of the primary means through which users will interact with your application.
sv: Inmatning med pekare och pekinmatning är två av de främsta sätten genom vilka användare kommer att interagera med ditt program.

note: (itstool) path: section/title
en: Pointer input
sv: Pekarinmatning

note: (itstool) path: section/p
en: A pointing device is any input device that allows the manipulation of a pointer — typically represented as an arrow, and often called a cursor — on screen. While mice and touchpads are the most common, there are a wide variety of such devices, including graphics tablets, track balls, track points and joysticks.
sv: Ett pekdon är en inmatningsenhet som tillåter manipulering av en pekare — typiskt representerad med en pil, och ofta kallad en markör — på skärmen. Även om möss och styrplattor är vanligast, så finns det ett stort antal sådana enheter, inkluderande ritplattor, styrkulor, styrpinnar och styrspakar.

note: (itstool) path: section/title
en: Primary and secondary buttons
sv: Primär och sekundär knapp

note: (itstool) path: section/p
en: Mice and touchpads often have two main buttons. One of these acts as the primary button, and the other acts as the secondary button. Typically, the left button is used as the primary button and the right button is used as the secondary button. However, this order is user-configurable and does not translate to touchscreen input. These guidelines therefore refer to primary and secondary action, rather than left and right.
sv: Möss och styrplattor har ofta två huvudknappar. En av dessa agerar som den primära knappen, och den andra som den sekundära knappen. Typiskt används vänsterknappen som primär knapp och den högra knappen som sekundär knapp. Denna ordning går dock att konfigurera av användaren och gäller inte för inmatning på pekskärm. Dessa riktlinjer hänvisar därför till primär och sekundär åtgärd snarare än vänster och höger.

note: (itstool) path: section/p
en: Use the primary action for selecting items and activating controls. The secondary action can be used for accessing additional options, typically through a context menu.
sv: Använd den primära åtgärden för att markera objekt och aktivera komponenter. Den sekundära åtgärden kan användas för att komma åt ytterligare alternativ, vanligen genom en snabbvalsmeny.

note: (itstool) path: section/p
en: Do not depend on input from secondary or other additional buttons. As well as being physically more difficult to click, some pointing devices and many assistive technology devices only support or emulate the primary button.
sv: Var inte beroende av inmatning från sekundära eller andra ytterligare knappar. Så väl som att dessa är fysiskt svårare att klicka på så stöder eller emulerar vissa pekdon och många hjälpmedelsteknologier bara den primära knappen.

note: (itstool) path: section/p
en: Press and hold should be used to simulate the secondary button on single button pointing devices. Therefore, do not use press and hold for other purposes.
sv: Tryck och håll ner bör användas för att simulera den sekundära knappen för pekdon med en knapp. Använd därför inte tryck och håll ner för andra syften.

note: (itstool) path: item/p
en: Double click should not be used, since it is undiscoverable, and translates poorly to touch input.
sv: Dubbelklick bör inte användas, då det inte går att upptäcka, och är svårt att översätta till pekinmatning.

note: (itstool) path: item/p
en: If present on the mouse, the scrollwheel should scroll the window or control under the pointer, if it supports scrolling. Initiating scrolling in this way should not move keyboard focus to the window or control being scrolled.
sv: Om det finns ett rullningshjul på musen bör detta rulla fönstret eller komponenten under pekaren, om stöd för rullning finns. Att initiera rullning på detta sätt bör inte flytta tangentbordsfokus till fönstret eller komponenten som rullas.

note: (itstool) path: item/p
en: Do not require the use of chording (pressing multiple mouse buttons simultaneously) for any operations.
sv: Kräv inte användandet av ackord (att trycka ned flera musknappar samtidigt) för några åtgärder.

note: (itstool) path: item/p
en: Do not require the use of multiple (triple- or quadruple-) clicking actions for any operations, unless you also provide an accessible alternative method of performing the same action.
sv: Kräv inte användning av flera (tredubbla eller fyrdubbla) klickåtgärder för några operationer, om du inte också tillhandahåller en tillgänglig alternativ metod för att utföra samma åtgärd.

note: (itstool) path: item/p
en: Allow all mouse operations to be cancelled before their completion. Pressing <key>Esc</key> should cancel any mouse operation in progress, such as dragging and dropping a file in a file manager, or drawing a shape in a drawing application.
sv: Tillåt alla musåtgärder att avbrytas innan de slutförts. Att trycka ned <key>Esc</key> bör avbryta alla pågående musåtgärder, så som att dra och släppa en fil i en filhanterare, eller att rita en form i ett ritprogram.

note: (itstool) path: item/p
en: Do not refer to particular mouse buttons in your interface unless absolutely necessary. Not everybody will be using a conventional mouse with left, middle and right buttons, so any text or diagrams that refer to those may be confusing.
sv: Hänvisa inte till specifika musknappar i ditt gränssnitt om inte absolut nödvändigt. Alla kommer inte att använda en vanlig mus med vänster-, mitt- och högerknappar, så alla texter eller diagram som hänvisar till dessa kan vara förvirrande.

note: (itstool) path: section/title
en: Mouse and keyboard equivalents
sv: Mus- och tangentbordsekvivalenter

note: (itstool) path: section/p
en: Ensure that every operation in your application that can be done with the mouse can also be done with the keyboard. The only exceptions to this are actions where fine motor control is an essential part of the task. For example, controlling movement in some types of action games, or freehand painting in an image-editing application.
sv: Försäkra att varje åtgärd i ditt program som kan genomföras med musen också kan genomföras med tangentbordet. Det enda undantaget är åtgärder där finmotorik är en väsentlig del av uppgiften. Till exempel att kontrollera rörelsen i vissa typer av actionspel eller att rita på frihand i ett bildredigeringsprogram.

note: (itstool) path: section/p
en: If your application allows items to be selected, the following equivalent actions should be in place.
sv: Om ditt program tillåter att objekt markeras bör följande ekvivalenta åtgärder finnas tillgängliga.

note: (itstool) path: td/p
en: Action
sv: Åtgärd

note: (itstool) path: td/p
en: Mouse
sv: Mus

note: (itstool) path: td/p
en: Keyboard
sv: Tangentbord

note: (itstool) path: td/p
en: Open an item
sv: Öppna ett objekt

note: (itstool) path: td/p
en: Primary button
sv: Primär knapp

note: (itstool) path: td/p
en: Add/remove item from selection
sv: Lägg till/ta bort objekt från markeringen

note: (itstool) path: td/p
en: <key>Ctrl</key> and primary button
sv: <key>Ctrl</key> och primär knapp

note: (itstool) path: td/p
en: <keyseq><key>Ctrl</key><key>Space</key></keyseq>
sv: <keyseq><key>Ctrl</key><key>Blanksteg</key></keyseq>

note: (itstool) path: td/p
en: Extend selection
sv: Utöka markering

note: (itstool) path: td/p
en: <key>Shift</key> and primary button
sv: <key>Skift</key> och primär knapp

note: (itstool) path: td/p
en: <key>Shift</key> in combination with any of the following: <key>Space</key> <key>Home</key> <key>End</key> <key>PageUp</key> <key>PageDown</key>
sv: <key>Skift</key> i kombination med någon av följande: <key>Blanksteg</key> <key>Home</key> <key>End</key> <key>PageUp</key> <key>PageDown</key>

note: (itstool) path: td/p
en: Change selection
sv: Ändra markering

note: (itstool) path: td/p
en: Any of the following: <key>←</key> <key>↑</key> <key>→</key> <key>↓</key> <key>Home</key> <key>End</key> <key>PageUp</key> <key>PageDown</key>
sv: Någon av följande: <key>←</key> <key>↑</key> <key>→</key> <key>↓</key> <key>Home</key> <key>End</key> <key>PageUp</key> <key>PageDown</key>

note: (itstool) path: td/p
en: Select all
sv: Markera alla

note: (itstool) path: td/p
en: Primary button on first item, then primary button and <key>Shift</key> on the last item
sv: Primär knapp på det första objektet, sedan primär knapp och <key>Skift</key> på det sista objektet

note: (itstool) path: td/p
en: Deselect all
sv: Avmarkera alla

note: (itstool) path: td/p
en: Primary click on the container background
sv: Primärklick på behållarens bakgrund

note: (itstool) path: section/title
en: Touch input
sv: Pekinmatning

note: (itstool) path: section/p
en: Touch screens are also an increasingly common part of modern computer hardware, and applications created with GTK are likely to be used with hardware that incorporates a touch screen. To make the most of this hardware, and to conform to users’ expectations, it is therefore important to consider touch input as a part of application design.
sv: Pekskärmar är också en alltmer vanlig del av modern datorhårdvara, och program som skapats med GTK är troliga att användas med hårdvara som innehåller en pekskärm. För att få ut det mesta av den här hårdvaran, och för att följa användares förväntningar så är det därför viktigt att överväga pekinmatning som en del av programdesignen.

note: (itstool) path: section/title
en: Application touch conventions
sv: Pekkonventioner för program

note: (itstool) path: section/p
en: Using touch input consistently with other applications will allow users to easily learn how to use your application with a touch screen. The following conventions are recommended, where relevant.
sv: Att använda pekinmatning konsekvent med andra program kommer låta användare att lätt lära sig hur de använder ditt program med en pekskärm. Följande konventioner rekommenderas där de är relevanta.

note: (itstool) path: td/p
en: Result
sv: Resultat

note: (itstool) path: td/p
en: <em style="strong">Tap</em>
sv: <em style="strong">Trycka</em>

note: (itstool) path: td/p
en: Tap on an item.
sv: Tryck på ett objekt.

note: (itstool) path: td/p
en: Primary action. Item opens — photo is shown full size, application launches, song starts playing.
sv: Primär åtgärd. Objekt öppnas — foton visas i fullständig storlek, program startas, låtar börjar spelas.

note: (itstool) path: td/p
en: <em style="strong">Press and hold</em>
sv: <em style="strong">Tryck och håll ner</em>

note: (itstool) path: td/p
en: Press and hold for a second or two.
sv: Tryck och håll ner en sekund eller två.

note: (itstool) path: td/p
en: Secondary action. Select the item and list actions that can be performed.
sv: Sekundär åtgärd. Markera objektet och lista åtgärder som kan utföras.

note: (itstool) path: td/p
en: <em style="strong">Drag</em>
sv: <em style="strong">Dra</em>

note: (itstool) path: td/p
en: Slide finger touching the surface.
sv: Dra ett finger som rör ytan.

note: (itstool) path: td/p
en: Scrolls area on screen.
sv: Rullar området på skärmen.

note: (itstool) path: td/p
en: <em style="strong">Pinch or stretch</em>
sv: <em style="strong">Nyp ihop eller sträck ut</em>

note: (itstool) path: td/p
en: Touch surface with two fingers while bringing them closer or further apart.
sv: Rör ytan med två fingrar medan du drar ihop eller isär dem.

note: (itstool) path: td/p
en: Changes the zoom level of the view (e.g. Maps, Photos).
sv: Ändrar zoomnivån för vyn (t.ex. Kartor, Foton).

note: (itstool) path: td/p
en: <em style="strong">Double tap</em>
sv: <em style="strong">Dubbeltrycka</em>

note: (itstool) path: td/p
en: Tap twice in quick succession.
sv: Tryck två gånger i rask följd.

note: (itstool) path: td/p
en: Stepped zoom in.
sv: Stegad inzoomning.

note: (itstool) path: td/p
en: <em style="strong">Flick</em>
sv: <em style="strong">Snärta</em>

note: (itstool) path: td/p
en: Very quick drag, losing contact with the surface without slowing movement.
sv: Väldigt snabb dragning, förlorar kontakt med ytan utan att sänka hastigheten.

note: (itstool) path: td/p
en: Removes an item.
sv: Tar bort ett objekt.

note: (itstool) path: section/title
en: System touch conventions
sv: Pekkonventioner för systemet

note: (itstool) path: section/p
en: In GNOME 3, a number of touch gestures are reserved for use by the system. These should be avoided by applications.
sv: I GNOME är ett antal pekgester reserverade för användning av systemet. Dessa bör undvikas av program.

note: (itstool) path: td/p
en: <em style="strong">Edge drag</em>
sv: <em style="strong">Kantdrag</em>

note: (itstool) path: td/p
en: Slide finger starting from a screen edge.
sv: Dra ett finger med början från en skärmkant.

note: (itstool) path: td/p
en: Top-left edge opens the application menu.
sv: Övre delen av vänstra kanten öppnar programmenyn.

note: (itstool) path: td/p
en: Top-right edge opens the system status menu.
sv: Övre delen av högra kanten öppnar systemstatusmenyn.

note: (itstool) path: td/p
en: Left edge opens the Activities Overview with the application view visible.
sv: Vänsterkanten öppnar översiktsvyn Aktiviteter med programvyn synlig.

note: (itstool) path: td/p
en: <em style="strong">Three finger pinch</em>
sv: <em style="strong">Trefingernyp</em>

note: (itstool) path: td/p
en: Bring three or more fingers closer together while touching the surface.
sv: För ihop tre eller fler fingrar när du rör ytan.

note: (itstool) path: td/p
en: Opens the Activities Overview.
sv: Öppnar översiktsvyn Aktiviteter.

note: (itstool) path: td/p
en: <em style="strong">Four finger drag</em>
sv: <em style="strong">Fyrfingerdrag</em>

note: (itstool) path: td/p
en: Drag up or down with four fingers touching the surface.
sv: Dra uppåt eller nedåt med fyra fingrar som rör ytan.

note: (itstool) path: td/p
en: Switches workspace.
sv: Växlar arbetsyta.

note: (itstool) path: td/p
en: <em style="strong">Three finger hold and tap</em>
sv: <em style="strong">Trefingerhållning och tryck</em>

note: (itstool) path: td/p
en: Hold three fingers on the surface while tapping with the fourth.
sv: Håll ner tre fingrar på ytan medan du trycker med det fjärde.

note: (itstool) path: td/p
en: Switches application.
sv: Växlar program.

note: (itstool) path: page/title
en: Popovers
sv: Kontextfönster

note: (itstool) path: page/p
en: A popover is a transient container that appears over its parent window in response to a user action. Popovers can contain a variety of UI elements, including buttons, lists or menus. They are often used as a part of button menus or context menus.
sv: Ett kontextfönster är en tillfällig behållare som dyker upp ovanför sitt överordnade fönster som svar på en användaråtgärd. Kontextfönster kan innehålla en mängd olika användargränssnittselement, inklusive knappar, listor och menyer. De används ofta som en del av knappmenyer eller snabbvalsmenyer.

note: (itstool) path: section/p
en: Popovers can be used to reveal additional controls that are not always needed by the user. They can can allow the user to take actions or they can contain settings and preferences. They are a very flexible interface element that lend themselves to creative design solutions.
sv: Kontextfönster kan användas för att visa extra komponenter som användaren inte alltid behöver. De kan låta användaren utföra åtgärder eller så kan de innehålla inställningar. De är ett väldigt flexibelt gränssnittselement som är lämpligt för kreativa designlösningar.

note: (itstool) path: section/p
en: A popover should always relate to a specific interface element which acts as the source of the popover. Typically, this is either a button or a content item. When they are triggered by a button, a popover can be used as a more flexible version of a button menu, allowing groups of controls to be accessed when needed. Examples of this include:
sv: Ett kontextfönster bör alltid relateras till ett specifikt gränssnittselement som agerar som kontextfönstrets källa. Vanligen är detta antingen en knapp eller ett innehållsobjekt. Då de utlöses av en knapp kan ett kontextfönster användas som en mer flexibel variant av en knappmeny, vilken låter grupper av komponenter kommas åt då de behövs. Exempel på detta inkluderar:

note: (itstool) path: item/p
en: Revealing a small toolbox of text formatting controls.
sv: Att visa en liten verktygslåda med komponenter för textformatering.

note: (itstool) path: item/p
en: A find interface, with a search entry box and a space for a list of results.
sv: Ett sökgränssnitt, med en sökruta och plats för en lista över resultat.

note: (itstool) path: item/p
en: A collection of view controls, such as zoom, list/grid and content ordering.
sv: En samling av visningskomponenter så som zoom, lista/rutnät samt sortering av innehåll.

note: (itstool) path: section/p
en: As a mechanism for disclosing additional controls or information, popovers are similar to <link xref="dialogs">dialog windows</link>. Their main advantage over dialogs is that they are less disruptive and have a close relationship with a single element which the popover points to. However, you should still consider using a dialog if you want to display large amounts of information, or more complex arrangements of controls, or if the situation requires one of the common conventions for dialog usage, such as a confirmation dialog.
sv: Som en mekanism för att visa ytterligare komponenter eller information så liknar kontextfönster <link xref="dialogs">dialogfönster</link>. Deras huvudsakliga fördel över dialogrutor är att de stör mindre och har en nära relation till ett enda element som kontextfönstret pekar på. Du bör dock fortfarande överväga att använda en dialogruta om du vill visa stora mängder information eller mer komplexa arrangemang av komponenter, eller om situationen kräver en av de vanliga konventionerna för dialoganvändning, så som en bekräftelsedialog.

note: (itstool) path: section/title
en: Popover content
sv: Innehåll i kontextfönster

note: (itstool) path: item/p
en: A popover is a generic container, and can include a wide variety of controls, such as buttons, sliders, lists, switches and text fields. However, don’t mix too many different types of control within the same popover, and try to group controls of the same type together.
sv: Ett kontextfönster är en generisk behållare, och kan innehålla en stor bredd av komponenter så som knappar, skjutreglage, listor, brytare och textfält. Blanda dock inte för många olika sorters komponenter i samma kontextfönster, och försök gruppera komponenter av samma typ tillsammans.

note: (itstool) path: item/p
en: Popovers can function as a container for a menu, or for a menu in combination with a small number of supplementary controls.
sv: Kontextfönster kan fungera som en behållare för en meny, eller för en meny i kombination med ett litet antal kompletterande komponenter.

note: (itstool) path: item/p
en: If the purpose of a popover’s controls is ambiguous, the popover can be given a heading.
sv: Om syftet för ett kontextfönsters komponenter är tvetydigt så kan kontextfönstret ges en rubrik.

note: (itstool) path: item/p
en: <gui>Close</gui> or <gui>Done</gui> buttons are not usually required in a popover.
sv: Knapparna <gui>Stäng</gui> eller <gui>Färdig</gui> behövs vanligen inte i ett kontextfönster.

note: (itstool) path: section/p
en: Popovers should always be small in size (as a rule of thumb, they should not cover more than a third of their parent window) and low in complexity. They should always appear as subordinates to their parent windows.
sv: Kontextfönster bör alltid vara små (som en tumregel bör de aldrig täcka mer än en tredjedel av sitt överordnade fönster) och med låg komplexitet. De bör alltid dyka upp som underställda sina föräldrafönster.

note: (itstool) path: section/p
en: A popover should only ever appear in response to a user action, and should never appear in a surprising or unintended manner.
sv: Ett kontextfönster bör endast dyka upp som svar på en användaråtgärd, och bör aldrig dyka upp oavsiktligt eller på ett förvånande sätt.

note: (itstool) path: info/desc
en: The application's main menu, denoted by three stacked horizontal lines
sv: Programmets huvudmeny, markerad med en stapel med tre horisontella linjer

note: (itstool) path: page/title
en: Primary menus
sv: Primärmenyer

note: (itstool) path: page/p
en: Primary menus are a standard design pattern that is found in most applications. They are labelled with the menu icon (named <code>menu-open</code>) and contain the top-level menu items for the application. This can include standard items like <gui>Preferences</gui>, <gui>Help</gui> and <gui>About Application</gui>, as well as other application-specific items.
sv: Primärmenyer är ett standardiserat designmönster som finns i de flesta program. De har menyikonen som etikett (vid namn <code>menu-open</code>) och innehåller toppnivåobjekten för programmets meny. Detta kan omfatta standardobjekt så som <gui>Inställningar</gui>, <gui>Hjälp</gui> och <gui>Om Program</gui> så väl som andra programspecifika objekt.

note: (itstool) path: section/p
en: Most applications have primary menus, since they are the standard location for <gui>About Application</gui>, which every application is expected to have.
sv: De flesta program har primärmenyer, då de är standardplatsen för menyobjektet <gui>Om Program</gui>, vilket varje program förväntas ha.

note: (itstool) path: section/title
en: Guidance
sv: Råd

note: (itstool) path: section/p
en: Primary menus are typically placed on the right side of the header bar. However, there are two variations on this rule:
sv: Primärmenyer placeras typiskt på höger sida av rubrikraden. Det finns dock två variationer på denna regel:

note: (itstool) path: item/p
en: If the application incorporates in-window navigation, with a top-level location and sub-pages, the primary menu should only be placed on the top level: sub-pages can include a <link xref="secondary-menus">secondary menu</link>, if a menu is required.
sv: Om programmet använder navigering i fönster, med toppnivåplats och undersidor, bör primärmenyn bara placeras på toppnivån: undersidor kan inkludera en <link xref="secondary-menus">sekundärmeny</link> om en meny behövs.

note: (itstool) path: item/p
en: When used in combination with a <link xref="sidebar-lists">sidebar list</link>, the primary menu should be placed above the sidebar list on the right. If a menu is required for items shown in the content side of the window, a <link xref="secondary-menus">secondary menu</link> can be used.
sv: Då den används i kombination med en <link xref="sidebar-lists">sidopanelslista</link> bör primärmenyn placeras ovanför sidopanelslistan till höger. Om en meny krävs för objekt som visas i fönstrets innehållssida kan en <link xref="secondary-menus">sekundärmeny</link> användas.

note: (itstool) path: section/p
en: Other guidelines:
sv: Andra riktlinjer:

note: (itstool) path: item/p
en: Primary menus can contain items for both the current window or view, as well as the application as a whole. This differentiates them from <link xref="secondary-menus">secondary menus</link>, which only contain menu items that relate to a specific view or item.
sv: Primärmenyer kan innehålla objekt för både det aktuella fönstret och vyn, så väl som programmet i stort. Detta särskiljer dem från <link xref="secondary-menus">sekundärmenyer</link>, vilka bara innehåller menyobjekt som relaterar till en specifik vy eller objekt.

note: (itstool) path: item/p
en: Follow the <link xref="menus">standard guidelines for menus</link> when deciding on primary menu content and arrangement.
sv: Följ <link xref="menus">standardriktlinjerna för menyer</link> när du bestämmer innehåll och ordning för primärmenyer.

note: (itstool) path: item/p
en: A primary menu is contained within a <link xref="popovers">popover</link>. As such, a primary menu can include a variety of controls, such as groups of buttons.
sv: En primärmeny finns inuti i ett <link xref="popovers">kontextfönster</link>. Som sådan kan en primärmeny inkludera en mängd olika komponenter så som grupper av knappar.

note: (itstool) path: section/title
en: Standard menu items
sv: Standardmenyobjekt

note: (itstool) path: section/p
en: The following are standard primary menu items, and should be placed in a group at the end of the menu:
sv: Följande är standardobjekt i primärmenyer, och bör placeras i en grupp i slutet på menyn:

note: (itstool) path: td/p
en: <gui>Preferences</gui>
sv: <gui>Inställningar</gui>

note: (itstool) path: td/p
en: Opens the application's preferences dialog, if it has one.
sv: Öppnar programmets inställningsdialog om det har någon sådan.

note: (itstool) path: td/p
en: <gui>Keyboard Shortcuts</gui>
sv: <gui>Tangentbordsgenvägar</gui>

note: (itstool) path: td/p
en: Opens the application's keyboard shortcuts window, if it has one.
sv: Öppnar programmets fönster för tangentbordsgenvägar, om det har något sådant.

note: (itstool) path: td/p
en: Opens the application's user documentation in the <app>Help</app> application.
sv: Öppnar programmets användardokumentation i programmet <app>Hjälp</app>.

note: (itstool) path: td/p
en: <gui>About Application</gui>
sv: <gui>Om Program</gui>

note: (itstool) path: td/p
en: Opens the application's about dialog. This item should include the application's name, such as <gui>About Photos</gui> or <gui>About Calculator</gui>. Every primary menu should include this item.
sv: Öppnar programmets Om-dialogruta. Detta objekt bör innehålla programmets namn, så som <gui>Om Foton</gui> eller <gui>Om Kalkylator</gui>. Varje primärmeny bör innehålla detta objekt.

note: (itstool) path: section/p
en: Primary menus shouldn’t include menu items for close or quit: windows can already be closed using the close button in the header bar, and it can be ambiguous as to what a close menu item refers to. Users don't readily differentiate between quit and close, and it can therefore be misleading.
sv: Primärmenyer bör inte innehålla menyobjekt för att stänga eller avsluta. Fönster kan redan stängas från rubrikraden, och det kan vara tvetydigt vad ett menyobjekt för stängning hänvisar till. Användare kan ha svårt att hålla isär stäng och avsluta, och det kan därför vara missledande.

note: (itstool) path: info/desc
en: The main window(s) for your application
sv: Huvudfönster för ditt program

note: (itstool) path: page/title
en: Primary windows
sv: Primära fönster

note: (itstool) path: page/p
en: Primary windows are the basic high-level container for your application user interface, and should present the core functionality of your application.
sv: Primära fönster är den grundläggande högnivåbehållaren för ditt programs användargränssnitt, och bör presentera kärnfunktionaliteten för ditt program.

note: (itstool) path: section/p
en: Every application should show a primary window when its launcher is activated. This includes applications that mainly provide a background service.
sv: Varje program bör visa ett primärt fönster då dess startare har aktiverats. Detta inkluderar program som främst tillhandahåller en bakgrundstjänst.

note: (itstool) path: section/title
en: Application types
sv: Programtyper

note: (itstool) path: section/p
en: There are two main models for primary windows:
sv: Det finns två huvudmodeller för primära fönster:

note: (itstool) path: section/title
en: Single instance applications
sv: Enkelinstansprogram

note: (itstool) path: section/p
en: Single instance applications have a single primary window. This model is common for messaging applications, such as email, chat, or contacts.
sv: Enkelinstansprogram har ett ensamt primärt fönster. Denna modell är vanlig för meddelandeprogram så som e-post, chatt eller kontakter.

note: (itstool) path: section/title
en: Multiple instance applications
sv: Flerinstansprogram

note: (itstool) path: section/p
en: Multiple instance applications can have multiple primary windows. Typically, each primary window will be identical. Multi-instance applications are frequently viewers or editors, such as for documents or images.
sv: Flerinstansprogram kan ha flera primära fönster. Typiskt kommer varje primärt fönster att vara identiskt. Flerinstansprogram är ofta visare eller redigerare, så som för dokument eller bilder.

note: (itstool) path: section/p
en: Both single and multiple instance applications can allow multiple content items to be opened, either through the use of <link xref="tabs">tabs</link> or browser-style navigation. However, multiple windows do offer additional capabilities, which include:
sv: Både enkel- och flerinstansprogram kan tillåta att flera innehållsobjekt öppnas, antingen genom användandet av <link xref="tabs">flikar</link> eller genom navigering av bläddrarstil. Flera fönster erbjuder dock ytterligare förmåga, vilket inkluderar:

note: (itstool) path: item/p
en: Viewing several content items alongside each other.
sv: Att visa flera innehållsobjekt vid sidan om varandra.

note: (itstool) path: item/p
en: Placing content on different workspaces.
sv: Att placera innehåll på olika arbetsytor.

note: (itstool) path: item/p
en: Organizing sets of content into different windows (if using tabs).
sv: Att organisera uppsättningar av innehåll in i olika fönster (om flikar används).

note: (itstool) path: section/title
en: Parent/child primary windows
sv: Överordnade/underordnade primära fönster

note: (itstool) path: section/p
en: Multiple instance applications typically have identical primary windows (in the case multiple web browser windows, for example). However, this is not always the case.
sv: Flerinstansprogram har typiskt identiska primära fönster (exempelvis i fallet med flera webbläsarfönster). Detta är dock inte alltid fallet.

note: (itstool) path: section/p
en: Primary windows can have a parent/child relationship. In this type of application, there is only ever one parent window. This typically contains an overview of content items which can be opened in the parent window, or in a separate child window. This allows multiple content items to be simultaneously open.
sv: Primära fönster kan ha en överordnad/underordnad-relation. I denna slags program finns det alltid bara ett överordnat fönster, Detta innehåller typiskt en översikt av innehållsobjekt som kan öppnas i det överordnade fönstret, eller i ett avskilt underordnat fönster. Detta tillåter att flera innehållsobjekt kan vara öppna samtidigt.

note: (itstool) path: section/p
en: While child windows can only be opened through a parent window, they are not dependent on them in order to stay open: closing the parent window does not result in the closure of the application's child windows.
sv: Medan underordnade fönster bara kan öppnas genom ett överordnat fönster så är de inte beroende av dem för att förbli öppna: att stänga det överordnade fönstret resulterar inte i stängandet av programmets underordnade fönster.

note: (itstool) path: section/p
en: GNOME's <app>Notes</app> application is a good example of parent/child primary windows.
sv: GNOME:s program <app>Anteckningar</app> är ett bra exempel på överordnade/underordnade primära fönster.

note: (itstool) path: item/p
en: A single primary window should always be displayed when your application is launched.
sv: Ett ensamt primärt fönster bör alltid visas då ditt program startas.

note: (itstool) path: item/p
en: If your application launcher is activated while your application is running, all its primary windows should be displayed.
sv: Om din programstartare aktiveras medan ditt program körs bör alla dess primära fönster visas.

note: (itstool) path: item/p
en: Primary windows should host the main functionality of your application. Do not rely on dialogs or secondary windows in order to present basic functionality.
sv: Primära fönster bör innehålla ditt programs huvudfunktionalitet. Förlita dig inte på dialogrutor eller sekundära fönster för att erbjuda grundläggande funktionalitet.

note: (itstool) path: item/p
en: Primary windows should be independent — closing one primary window should not result in other primary windows being closed.
sv: Primära fönster bör vara oberoende — att stänga ett primärt fönster bör inte resultera i att andra primära fönster stängs.

note: (itstool) path: item/p
en: Dialog windows should always be dependent on a primary window. See the <link xref="dialogs">dialogs page</link> guidelines.
sv: Dialogfönster bör alltid vara beroende av ett primärt fönster. Se riktlinjerna på <link xref="dialogs">dialogsidan</link>.

note: (itstool) path: item/p
en: The guidelines on <link xref="display-compatibility">display compatibility</link> are particularly relevant for primary windows: be careful to ensure that they follow the advice on minimum display sizes, display orientation, and half-screen snap.
sv: Riktlinjerna kring <link xref="display-compatibility">skärmkompatibilitet</link> är speciellt relevanta för primära fönster: se till att säkerställa att de följer rådet om minsta visningsstorlekar, skärmformat och halvbreddsfästning.

note: (itstool) path: item/p
en: <gui>Quit</gui> should close all primary windows.
sv: <gui>Avsluta</gui> bör stänga alla primära fönster.

note: (itstool) path: page/title
en: Progress bars
sv: Förloppsindikator

note: (itstool) path: page/p
en: Progress bars indicate that a task is being carried out, along with how much progress has been made through the task.
sv: Förloppsindikatorer indikerar att en uppgift håller på att utföras, samt hur stor del av uppgiften som har utförts.

note: (itstool) path: section/p
en: It is usually necessary to indicate that progress is taking place whenever an operation takes more than around three seconds. This ensures that users understand that they have to wait, and that an error has not occurred.
sv: Det är vanligtvis nödvändigt att indikera ett händelseförlopp när en åtgärd tar mer än cirka tre sekunder. Detta försäkrar att användare förstår att de måste vänta och att ett fel inte har inträffat.

note: (itstool) path: section/p
en: When indicating progress, the primary choice is between a progress bar or a <link xref="progress-spinners">progress spinner</link>. Progress bars indicate how much of a task has been completed. They are therefore useful for tasks that take a long time. As a rule of thumb, only use a progress bar for tasks that take over 30 seconds. For tasks that have shorter periods, <link xref="progress-spinners">progress spinners</link> are often a better choice.
sv: När man vill indikera ett förlopp är det huvudsakliga valet mellan en förloppsindikator eller en <link xref="progress-spinners">väntesnurror</link>. Förloppsindikatorer indikerar hur stor del av en uppgift som har slutförts. De är därför användbara för uppgifter som tar lång tid. Som en tumregel används en förloppsindikator endast för uppgifter som tar mer än 30 sekunder. För uppgifter som tar kortare tid är <link xref="progress-spinners">väntesnurror</link> ofta ett bättre val.

note: (itstool) path: section/title
en: Types
sv: Typer

note: (itstool) path: section/p
en: There are three types of progress bar:
sv: Det finns tre typer av förloppsindikatorer:

note: (itstool) path: item/p
en: Time-remaining: these indicate how much time remains in an operation.
sv: Tid som återstår: dessa indikerar hur mycket tid som återstår av en åtgärd.

note: (itstool) path: item/p
en: Typical-time: these indicate how much time remains, based on an estimate of the expected duration.
sv: Typisk tid: dessa indikerar hur mycket tid som återstår, baserat på en uppskattning av den förväntade varaktigheten.

note: (itstool) path: item/p
en: Indeterminate: these only indicate that an operation is ongoing, not how long it will take.
sv: Obestämbar: dessa indikerar endast att en åtgärd pågår, inte hur lång tid den kommer att ta.

note: (itstool) path: section/p
en: Accuracy is preferable for progress bars. Where possible, use a time-remaining progress bar, followed by typical-time. Try to avoid using indeterminate progress bars.
sv: Noggrannhet är att föredra för förloppsindikatorer. När det är möjligt, använd en förloppsindikator som visar återstående tid, följt av typisk tid. Försök att undvika att använda obestämbara förloppsindikatorer.

note: (itstool) path: section/title
en: Progress text
sv: Förloppstext

note: (itstool) path: section/p
en: Each progress bar can include a text description. This text should provide an idea of how much of the task has been completed. When deciding on progress text:
sv: Varje förloppsindikator kan inkludera en textbeskrivning. Denna text bör ge en uppfattning om hur mycket av uppgiften som har slutförts. När du bestämmer dig för en förloppstext:

note: (itstool) path: item/p
en: Always consider what is most relevant and interesting for the user.
sv: Betänk alltid vad som är mest relevant och intressant för användaren.

note: (itstool) path: item/p
en: It is often better to provide specific information rather than a unitless percentage. For example, <gui>13 of 19 images rotated</gui> or <gui>12.1 of 30 MB downloaded</gui> rather than <gui>13% complete</gui>.
sv: Det är ofta bättre att tillhandahålla specifik information snarare än en enhetslös procentsats. Använd till exempel <gui>13 av 19 bilder roterade</gui> eller <gui>12,1 av 30 MB hämtade</gui> snarare än <gui>13% färdigt</gui>.

note: (itstool) path: item/p
en: For long-running tasks, it can be desirable to show an estimate of the time remaining in the progress bar text. If other relevant information isn't available, this can be shown on its own. Alternatively, it can appear alongside text about task progress; however, be careful not to overwhelm the user with too much information when doing this, and use <link xref="typography">typographic conventions</link> to differentiate the most useful information.
sv: För uppgifter som tar lång tid kan det vara att föredra att visa en uppskattning av tiden som återstår i förloppstexten. Om annan relevant information inte är tillgänglig kan endast detta visas. Alternativt, kan de visas vid sidan om texten om förloppet; var dock uppmärksam på att inte överväldiga användaren med allt för mycket information när detta görs och använd <link xref="typography">de typografiska konventionerna</link> för att särskilja den mest användbara informationen.

note: (itstool) path: item/p
en: If the time remaining is an estimate, use the word <gui>about</gui>. For example: <gui>About 3 minutes left</gui>.
sv: Om tiden som återstår är en uppskattning använd ordet <gui>ungefär</gui>, till exempel <gui>Ungefär 3 minuter kvar</gui>.

note: (itstool) path: section/title
en: Task stages
sv: Uppgiftsetapper

note: (itstool) path: section/p
en: Some tasks can be made up of a sequential series of stages, each of which have different options for time estimation. It might be possible to estimate the time remaining for part of a task, but not another part, for example. In these situations:
sv: Några uppgifter kan bestå av en serie av etapper som utförs efter varandra, där var och en har olika alternativ för tidsuppskattning. Det kan exempelvis vara möjligt att bedöma kvarvarande tid för en del av en uppgift, men inte för en annan del. I dessa situationer:

note: (itstool) path: item/p
en: Only communicate the different stages in a task when they are relevant to a user. Generally speaking, this will not be required, and it is not necessary or desirable to communicate separate stages in a task.
sv: Kommunicera endast de olika etapperna av en uppgift då de är relevanta för användaren. I allmänhet kommer detta inte att behövas, och det är inte nödvändigt eller önskvärt att kommunicera enskilda etapper i en uppgift.

note: (itstool) path: item/p
en: If a task includes time-remaining and typical-time stages, try to create a single composite typical-time progress bar.
sv: Om en uppgift innehåller etapper som beräknar kvarvarande tid respektive typisk tid, försök att skapa en sammansatt förloppsindikator som anger typisk tid.

note: (itstool) path: item/p
en: If a task includes an indeterminate progress stage, the progress bar can show indeterminate progress for part of the task. However, you should avoid showing indeterminate progress bars for long periods of time, and should attempt to keep the number of progress bar mode changes to an absolute minimum. Avoid indeterminate progress wherever possible.
sv: Om en uppgift innehåller en förloppsetapp av obestämbar längd så kan förloppsindikatorn visa okänt förlopp för en del av uppgiften. Du bör dock undvika att visa obestämda förloppsindikatorer under lång tid, och bör försöka hålla antalet lägesändringar för förloppsindikatorer till ett absolut minimum. Undvik obestämda förlopp närhelst det är möjligt.

note: (itstool) path: section/title
en: Sub-tasks
sv: Deluppgifter

note: (itstool) path: section/p
en: If a task is comprised of multiple sub-tasks (such as downloading several files simultaneously), it is generally advisable to show a single progress bar which indicates composite progress for the overall task. However, there are some situations where this might not be the case:
sv: Om en uppgift består av flera deluppgifter (så som att hämta flera filer samtidigt) så är det i allmänhet rekommenderat att visa en enda förloppsindikator som indikerar det sammansatta förloppet för hela uppgiften. Det finns dock några situationer där detta kanske inte är fallet:

note: (itstool) path: item/p
en: If it is genuinely useful for the user to know progress within each individual sub-task. (As an alternative, completion of each sub-task can be indicated with progress text.)
sv: Om det är genuint användbart för användaren att veta förloppet för varje individuell deluppgift. (Som ett alternativ kan slutförande av varje deluppgift indikeras med en förloppstext.)

note: (itstool) path: item/p
en: If it might be necessary to pause or stop a sub-task (see the <link xref="#general-guidelines">general guidelines</link> on this, below).
sv: Om det kan vara nödvändigt att pausa eller stoppa en deluppgift (se de <link xref="#general-guidelines">allmänna riktlinjerna</link> för detta nedan).

note: (itstool) path: item/p
en: If sub-tasks are already indicated in your application's user interface. In this case, it can be less disruptive to show a progress for each item inline.
sv: Om deluppgifter redan indikeras i ditt programs användargränssnitt. I detta fall kan det vara mindre störande att visa förloppet för varje objekt inbäddat.

note: (itstool) path: section/p
en: When showing progress bars for sub-tasks:
sv: Då förloppsindikatorer visas för deluppgifter:

note: (itstool) path: item/p
en: Each sub-task should conform to the usage guidelines for progress bars (see <link xref="#when-to-use">when to use</link>, above).
sv: Bör varje deluppgift följa riktlinjerna för användning av förloppsindikatorer (se <link xref="#when-to-use">när ska de användas</link> ovan).

note: (itstool) path: item/p
en: Generally speaking, it is not necessary to show a progress bar for overall progress through the set of tasks.
sv: I allmänhet är det inte nödvändigt att visa en förloppsindikator för totalt förlopp genom uppsättningen av uppgifter.

note: (itstool) path: section/title
en: Progress windows
sv: Förloppsfönster

note: (itstool) path: section/p
en: In the past, progress windows were a popular way to present progress bars. These secondary windows would appear for the duration of a task, and would contain one or more progress bars. In general, progress windows are not recommended, since the consequence of closing the window can be unclear and they can obscure useful controls and content.
sv: Tidigare var förloppsfönster ett populärt sätt att presentera förloppsindikatorer. Dessa sekundära fönster visades under tiden en uppgift behandlades och innehöll en eller flera förloppsindikatorer. Generellt rekommenderas inte förloppsfönster eftersom konsekvenserna av att stänga fönstret kan vara oklara och att de kan skymma användbara komponenter och innehåll.

note: (itstool) path: section/p
en: Where possible, progress bars should be displayed inline, and should have a close visual relationship with the content items or controls which represent the ongoing task.
sv: Där det är möjligt bör förloppsindikatorer visas inbäddade och bör ha en tät, visuell relation med innehållsobjekten eller komponenterna som representerar den pågående uppgiften.

note: (itstool) path: item/p
en: If the operation in progress is potentially destructive or resource intensive, consider placing a pause and/or cancel button close to the progress bar.
sv: Om åtgärden som pågår är destruktiv eller resursintensiv, överväg att placera en paus- och/eller avbrytknapp nära förloppsindikatorn.

note: (itstool) path: item/p
en: Ensure that time-remaining and typical-time progress bars measure an operation’s total time or total work, not just that of a single step.
sv: Säkerställ att förloppsindikatorns återstående tid och typisk tid mäter en åtgärds totala tid eller totala arbete, inte enbart den för ett enstaka steg.

note: (itstool) path: item/p
en: Update time-remaining progress bars when changes occur that will cause the operation to finish more quickly or more slowly.
sv: Uppdatera förloppsindikatorns återstående tid när förändringar inträffar som kan förorsaka att åtgärden avslutas snabbare eller långsammare.

note: (itstool) path: item/p
en: When using a typical-time progress bar, if your application overestimates the completed amount of work, the length of the bar can indicate <gui>almost complete</gui> until the operation is complete. If your application underestimates how much work is complete, fill the remaining portion of the bar when the operation is complete.
sv: När en förloppsindikator med typisk tid används kan, om ditt program överskattar mängden färdigt arbete kan längden på indikatorn indikera <gui>nästan färdigt</gui> tills åtgärden är klar. Om ditt program underskattar hur mycket arbete som är färdigt, fyll den återstående delen av indikatorn när åtgärden är klar.

note: (itstool) path: page/title
en: Progress spinners
sv: Väntesnurror

note: (itstool) path: page/p
en: Progress spinners are a common user interface element for indicating progress in a task. In contrast to progress bars, they only indicate that progress is taking place, and do not display the proportion of the task that has been completed.
sv: Väntesnurror är ett vanligt element i användargränssnitt för att indikera förloppet för en uppgift. I kontrast till förloppsindikatorer indikerar de endast att framsteg inträffar och visar inte hur stor del av uppgiften som har färdigställts.

note: (itstool) path: section/p
en: A progress indication is generally needed whenever an operation takes more than around three seconds, and is necessary to indicate that an operation is really taking place. Otherwise, a user will be left in doubt whether an error has occurred.
sv: En förloppsindikering behövs generellt när en åtgärd tar mer än tre sekunder och det är nödvändigt att indikera att en åtgärd faktiskt hanteras. Annars kommer användaren att lämnas i tvivel kring huruvida ett fel har inträffat.

note: (itstool) path: section/p
en: At the same time, progress indications are a potential source of distraction, especially when displayed for short periods of time. If an operation takes less that 3 seconds, it is better to avoid using a progress spinner, since animated elements that are shown for a very short amount of time can detract from the overall user experience.
sv: Samtidigt är förloppsindikatorer en potentiell källa till distraktion, speciellt när de visas under kortare tidsperioder. Om en åtgärd tar mindre än tre sekunder är det bättre att undvika att visa en väntesnurra eftersom animerade element som visas under en väldigt kort tid kan störa användarupplevelsen.

note: (itstool) path: section/p
en: Spinners do not graphically show the degree of progress through a task, and are often better-suited for shorter operations. If the task is likely to take more than a minute, a <link xref="progress-bars">progress bar</link> might be a better choice.
sv: Väntesnurror visar inte grafiskt hur stor del av uppgiften som färdigställts och används därför lämpligen för kortare åtgärder. Om uppgiften sannolikt tar mer än en minut kan därför en <link xref="progress-bars">förloppsindikator</link> vara ett bättre val.

note: (itstool) path: section/p
en: The shape of progress spinners also affects their appropriateness for different situations. Since they are effective at small sizes, spinners can be easily embedded in small user interface elements, like lists or header bars. Likewise, their shape means that they can be effective when embedded within square or rectangular containers. On the other hand, if vertical space is limited, a progress bar can be a better fit.
sv: Formen på väntesnurror påverkar också deras lämplighet för olika situationer. Eftersom de är effektiva även i små storlekar kan väntesnurror lätt bäddas in i mindre element i användargränssnittet så som listor eller rubrikrader. På samma sätt innebär deras form att de kan vara effektiva när de bäddas in i kvadratiska eller rektangulära behållare. Om det vertikala utrymmet är begränsat kan å andra sidan en förloppsindikator vara ett bättre val.

note: (itstool) path: item/p
en: If an operation can vary in how long it takes, use a timeout to only show a progress spinner after three seconds have elapsed. A progress indication is not needed for lengths of time below this.
sv: Om en åtgärd kan variera i hur lång tid den tar, använd en tidsutlösare för att endast visa väntesnurran efter att tre sekunder har gått. En förloppsindikator behövs inte för kortare tidslängder.

note: (itstool) path: item/p
en: Place progress spinners close to or within the user interface elements they relate to. If a button triggers a long-running operation, the spinner can be placed next to that button, for example. When loading content, the spinner should be placed within the area where that content will appear.
sv: Placera väntesnurror nära intill eller inom elementen i användargränssnittet som de relaterar till. Om en knapp utlöser en åtgärd som tar lång tid kan väntesnurran till exempel placeras intill den knappen. När innehåll läses in bör väntesnurran placeras inom ytan där innehållet kommer att visas.

note: (itstool) path: item/p
en: Generally, only one progress spinner should be displayed at once. Avoid showing a large number of spinners simultaneously — this will often be visually overwhelming.
sv: Generellt bör endast en väntesnurra visas åt gången. Undvik att visa ett större antal väntesnurror samtidigt — detta kommer ofta att vara visuellt överväldigande.

note: (itstool) path: item/p
en: A label can be shown next to a spinner if it is helpful to clarify the task which a spinner relates to.
sv: En etikett kan visas intill väntesnurran om det hjälper för att förtydliga uppgiften som väntesnurran relaterar till.

note: (itstool) path: item/p
en: If a spinner is displayed for a long time, a label can indicate both the identity of the task and progress through it. This can take the form of a percentage, an indication of the time remaining, or progress through sub-components of the task (e.g. modules downloaded, or pages exported).
sv: Om en väntesnurra visas under en längre tid kan en etikett indikera både åtgärdens identitet och dess förlopp. Detta kan ha formen av en procentsats, en indikation på mängden återstående tid eller förloppet genom underkomponenter för åtgärden (t.ex. antalet hämtade moduler eller exporterade sidor).

note: (itstool) path: page/title
en: Radio buttons
sv: Radioknappar

note: (itstool) path: page/p
en: Radio buttons are used in groups to select from a mutually exclusive set of options. Only one radio button within a group may be set at any one time. As with check boxes, do not use radio buttons to initiate actions.
sv: Radioknappar används i grupper för att välja från en ömsesidigt uteslutande uppsättning alternativ. Endast en radioknapp i en grupp kan sättas vid varje givet tillfälle. Som med kryssrutor, använd inte radioknappar för att initiera åtgärder.

note: (itstool) path: item/p
en: Only use radio buttons in groups of at least two, never use a single radio button on its own. To represent a single setting, use a check box or two radio buttons, one for each state.
sv: Använd endast radioknappar i grupper om minst två, använd aldrig en ensam radioknapp på egen hand. Använd en kryssruta eller två radioknappar, en för varje tillstånd, för att representera en ensam inställning.

note: (itstool) path: item/p
en: Exactly one radio button should be set in the group at all times. The only exception is when the group is showing the properties of a multiple selection, when one or more of the buttons may be in their mixed state.
sv: Exakt en radioknapp bör vara aktiverad i gruppen vid varje tillfälle. Det enda undantaget är när gruppen visar egenskaperna för ett flerval, då en eller flera av knapparna kan vara i sina mixade tillstånd.

note: (itstool) path: item/p
en: Clicking a radio button should not affect the values of any other controls. It may sensitize, insensitize, hide or show other controls, however.
sv: Att klicka på en radioknapp bör inte påverka värdena av andra komponenter. Det kan dock göra andra komponenter klickbara eller oklickbara, eller dölja eller visa dem.

note: (itstool) path: item/p
en: If toggling a radio button affects the sensitivity of other controls, place the radio button immediately to the left of the controls that it affects. This helps to indicate that the controls are dependent on the state of the radio button.
sv: Om växlandet av en radioknapp påverkar klickbarheten för andra komponenter, placera radioknappen omedelbart till vänster om komponenterna som den påverkar. Detta hjälper till att indikera att komponenterna är beroende av tillståndet hos radioknappen.

note: (itstool) path: item/p
en: Use <link xref="writing-style#capitalization">sentence capitalization</link> for radio button labels, for example <gui>Switched movement</gui>. Provide an <link xref="keyboard-input#access-keys">access key</link> in the label that allows the user to set the radio button directly from the keyboard.
sv: Använd <link xref="writing-style#capitalization">stor bokstav i början på mening</link> för radioknappsetiketter, till exempel <gui>Växlad rörelse</gui>. Tillhandahåll en <link xref="keyboard-input#access-keys">snabbtangent</link> i etiketten som låter användaren ställa in radioknappen direkt från tangentbordet.

note: (itstool) path: item/p
en: If the radio button represents a setting in a multiple selection that is set for some objects in the selection and unset for others, show the radio button in its mixed state.
sv: Om radioknappen representerar en inställning i en markering av flera objekt som är inställd för några av objekten i markeringen och ej satt för andra, visa radioknappen i dess mixade tillstånd.

note: (itstool) path: item/p
en: Do not place more than about eight radio buttons under the same group heading. If you need more than eight, consider using a single-selection list instead— but you probably also need to think about how to simplify your user interface.
sv: Placera inte mer än ungefär åtta radioknappar under samma grupprubrik. Om du behöver fler än åtta kan du överväga att använda en envalslista istället — men du behöver förmodligen också tänka över hur du kan förenkla ditt användargränssnitt.

note: (itstool) path: item/p
en: Try to align groups of radio buttons vertically rather than horizontally, as this makes them easier to scan visually. Use horizontal or rectangular alignments only if they greatly improve the layout of the window.
sv: Försök arrangera grupper av radioknappar vertikalt snarare än horisontellt, då detta gör dem lättare att läsa av visuellt. Använd horisontella eller rektangulära arrangemang endast om det kraftigt förbättrar fönstrets layout.

note: (itstool) path: info/desc
en: Find and filter content by typing
sv: Sök och filtrera innehåll genom att skriva

note: (itstool) path: page/title
en: Search
sv: Sökning

note: (itstool) path: page/p
en: Search allows content items to be located by filtering content that is displayed on screen. It is distinct from find, which involves moving or highlighting the content that is being searched for, rather than filtering.
sv: Sökning (search) låter innehållsobjekt hittas genom filtrering av det innehåll som visas på skärmen. Det skiljer sig från sökning (find) vilket innefattar att flytta eller färgmarkera innehållet som eftersöks, snarare än filtrering.

note: (itstool) path: section/p
en: Provide search whenever a large collection of content is presented, and those content items have a textual component. This could be a collection of actual content items, such as documents, contacts or videos, or a list of options.
sv: Tillhandahåll sökning när en stor samling innehåll ska presenteras, och de innehållsobjekten har en textdel. Detta skulle kunna vara en samling av verkliga innehållsobjekt så som dokument, kontakter eller videor eller en lista av alternativ.

note: (itstool) path: section/p
en: Search is a great way to make it easy for users to find what it is they are looking for, and its consistent availability means that users can rely on and expect it to be present.
sv: Sökning är ett bra sätt att göra det enkelt för användare att hitta vad de letar efter, och dess konsekventa tillgänglighet innebär att användarna kan förlita sig på och förvänta sig att den finns.

note: (itstool) path: section/p
en: However, while search can be highly effective, and some users will use it, others will not. Therefore, try to supplement other means for finding content items with search, rather than relying on it exclusively.
sv: Även om sökning kan vara väldigt effektivt kommer emellertid vissa användare att använda det och andra inte. Försök därför att komplettera andra medel för att hitta innehållsobjekt med sökning, snarare än att uteslutande förlita dig på den.

note: (itstool) path: section/title
en: The search bar
sv: Sökfältet

note: (itstool) path: section/p
en: The standard pattern for search in GNOME 3 utilizes a special search bar which slides down from beneath the header bar. In primary windows, the search bar is typically hidden until it is activated by the user. There are three common ways to activate search in this context:
sv: Standardmönstret för sökning i GNOME 3 använder ett speciellt sökfält som glider ner från under rubrikraden. I primärfönster göms typiskt sökfältet tills det aktiveras av användaren. Det finns tre vanliga sätt att aktivera sökning i detta sammanhang:

note: (itstool) path: item/p
en: Typing when a text entry field is not focused should activate search, and the entered text should be added to the search field. This is called “type to search”.
sv: Skriva när ett textinmatningsfält inte är i fokus borde aktivera sökning och inmatad text bör läggas till i sökfältet. Detta kallas för ”skriv för att söka”.

note: (itstool) path: item/p
en: The keyboard shortcut for search (<keyseq><key>Ctrl</key><key>F</key></keyseq>).
sv: Tangentbordsgenvägen för sökning (<keyseq><key>Ctrl</key><key>F</key></keyseq>).

note: (itstool) path: item/p
en: A search button in the header bar should allow the search bar to be displayed (the search button should toggle).
sv: En sökknapp i rubrikraden bör låta sökfältet visas (sökknappen bör växla).

note: (itstool) path: section/p
en: If search is a primary method for finding content in your application, you can make the search bar permanently visible, or visible when the application is first started.
sv: Om sökning är en primär metod för att hitta innehåll i ditt program kan du låta sökfältet visas permanent eller synligt när programmet startas första gången.

note: (itstool) path: section/title
en: Search results
sv: Sökresultat

note: (itstool) path: item/p
en: Search should be “live” wherever possible — the content view should update to display search results as they are entered.
sv: Sökning bör vara omedelbar när helst möjligt — innehållsvyn bör uppdateras för att visa sökresultat allt eftersom de anträffas.

note: (itstool) path: item/p
en: In order to be effective, it is important that search results are quickly returned.
sv: För att vara effektivt är det viktigt att sökresultat returneras snabbt.

note: (itstool) path: item/p
en: If a search term does not return any results, ensure that feedback is given in the content view. Often a simple “No results” label is sufficient.
sv: Om en sökterm inte returnerar några resultat, säkerställ att återkoppling ges i innehållsvyn. Ofta är en enkelt etikett som säger ”Inga resultat” tillräcklig.

note: (itstool) path: section/title
en: Additional Guidance
sv: Ytterligare råd

note: (itstool) path: item/p
en: Be tolerant of mistakes in search terms. Matching misspellings or incorrect terminology is one way to do this. Presenting suggestions for similar matches or related content is another.
sv: Var tolerant mot misstag i söktermer. Att matcha felstavningar eller felaktig terminologi är ett sätt att göra detta. Att presentera förslag för liknande matchningar eller relaterad innehåll är ett annat.

note: (itstool) path: item/p
en: Permit a broad range of matching search terms. This helps people who are unsure of the exact term they require but who do know characteristics associated with the item they want to find. A list of cities could return matches for country or region, for example.
sv: Tillåt ett stort urval av matchande söktermer. Detta hjälper personer som är osäkra på den exakta termen de behöver men som känner till egenskaperna associerade med objektet de vill hitta. En lista över städer skulle till exempel kunna returnera matchningar för land eller område.

note: (itstool) path: item/p
en: Results should be ordered in a way that ensures that the most relevant items are displayed first.
sv: Resultat bör ordnas på ett sätt som säkerställer att de mest relevanta objekten visas först.

note: (itstool) path: info/desc
en: The application's secondary menu, denoted by three stacked horizontal dots
sv: Programmets sekundärmeny, markerad med en stapel med tre horisontella linjer

note: (itstool) path: page/title
en: Secondary menus
sv: Sekundärmenyer

note: (itstool) path: page/p
en: Secondary menus are located in the header bar and include menu items for the current view or content item. This differentiates them from <link xref="primary-menus">primary menus</link>, which include menu items that relate to an entire application (such as <gui>Preferences</gui> and <gui>About "Name"</gui>).
sv: Sekundärmenyer återfinns i rubrikraden och innehåller menyobjekt för den aktuella vyn eller innehållsobjektet. Detta skiljer dem från <link xref="primary-menus">primärmenyer</link>, vilka innehåller menyobjekt som relaterar till hela programmet (så som <gui>Inställningar</gui> och <gui>Om ”Namn”</gui>).

note: (itstool) path: section/p
en: Secondary menus can be used to host controls that relate to a particular content item which is being displayed in the application window (such as a document, contact, conversation or photo). They are typically used in combination with in-window navigation or <link xref="sidebar-lists">sidebar lists</link>, since both these arrangements feature separate views or areas for content items to be shown.
sv: Sekundärmenyer kan användas för att innehålla komponenter som hör ihop med ett specifikt innehållsobjekt som visas i programfönstret (så som ett dokument, en kontakt, en konversation eller ett foto). De används typiskt i kombination med navigering inom fönstret eller <link xref="sidebar-lists">sidopanelslistor</link> då båda dessa arrangemang har stöd för separata vyer eller ytor som kan visa innehållsobjekt.

note: (itstool) path: section/p
en: Secondary menus are optional and only need to be used if there are enough controls to require a menu.
sv: Sekundärmenyer är valfria och behöver endast användas om det finns tillräckligt med komponenter för att det ska finnas ett behov av en meny.

note: (itstool) path: item/p
en: Secondary menus generally shouldn't reproduce menu items that are included in <link xref="primary-menus">primary menus</link>, like <gui>Preferences</gui> and <gui>About</gui>. However, it can sometimes be useful to show <gui>Help</gui>.
sv: Sekundärmenyer bör generellt inte ha kopior av menyobjekt som inkluderas i <link xref="primary-menus">primärmenyer</link>, så som <gui>Inställningar</gui> och <gui>Om</gui>. Det kan dock ibland vara användbart att visa <gui>Hjälp</gui>.

note: (itstool) path: item/p
en: The <link xref="menus">standard guidelines for menus</link> can be followed when designing secondary menus.
sv: <link xref="menus">Standardriktlinjerna för menyer</link> kan följas när du designar sekundärmenyer.

note: (itstool) path: item/p
en: A secondary menu is contained within a <link xref="popovers">popover</link>. As such, a header bar menu can include a variety of controls, such as groups of buttons.
sv: En sekundärmeny finns inuti ett <link xref="popovers">kontextfönster</link>. Som sådan kan en rubrikradsmeny inkludera en mängd olika komponenter så som grupper av knappar.

note: (itstool) path: item/p
en: Secondary menus shouldn’t include menu items for close or quit.
sv: Sekundärmenyer bör inte innehålla menyobjekt för att stänga eller avsluta.

note: (itstool) path: info/desc
en: Pattern for selecting content items
sv: Mönster för att markera innehållsobjekt

note: (itstool) path: page/title
en: Selection mode
sv: Markeringsläge

note: (itstool) path: page/p
en: Selection mode is a design pattern for allow actions to be performed on items of content. It is typically used in conjunction with lists and grids.
sv: Markeringsläge är ett designmönster för att låta åtgärder utföras på innehållsobjekt. Det används vanligtvis i samband med listor och rutnät.

note: (itstool) path: page/p
en: When selection mode is active, check boxes allow items to be selected, and an action bar is shown at the bottom of the view. This contains the various actions that can be performed on selected content items.
sv: När markeringsläge är aktiverat kan objekt markeras via kryssrutor och en åtgärdsrad visas längst ner i vyn. Denna innehåller de olika åtgärder som kan utföras på de markerade innehållsobjekten.

note: (itstool) path: section/p
en: Selection mode is appropriate when:
sv: Markeringsläget är lämpligt när:

note: (itstool) path: item/p
en: It is common to perform actions simultaneously on multiple content items.
sv: Det är vanligt att samtidigt utföra åtgärder på flera innehållsobjekt.

note: (itstool) path: item/p
en: Multiple actions are available to be performed on content items.
sv: Flera åtgärder är tillgängliga att utföras på innehållsobjekten.

note: (itstool) path: item/p
en: It is helpful for users to be able to perform actions on content items without opening them.
sv: Det underlättar för användaren att kunna utföra åtgärder på innehållsobjekt utan att öppna dem.

note: (itstool) path: section/p
en: If it is more typical for users to perform actions on single content items, you might want to consider another design pattern, such as a context menu. Likewise, if there is only one action that can be performed on content items, a variant of selection mode can be used (an overlaid button could allow the action to be performed on items directly, rather than requiring them to be selected first, for example).
sv: Om det är vanligare för användare att utföra åtgärder på enstaka innehållsobjekt kanske du bör överväga ett annat designmönster så som en snabbmeny. Likaledes, om det endast finns en åtgärd som kan utföras på innehållsobjekt kan en variant av markeringsläge användas (till exempel kan en överlagd knapp låta åtgärden utföras direkt på objekten, snarare än att kräva att de ska markeras först).

note: (itstool) path: section/title
en: Activating selection mode
sv: Aktivera markeringsläge

note: (itstool) path: section/p
en: The primary way of activating selection mode is through the selection mode button, which is located in the header bar and which is identified by a check mark icon. Selection mode can also be activated by rubber band selection, or by holding Ctrl or Shift and clicking/pressing content items.
sv: Det primära sättet att aktivera markeringsläge är via markeringslägesknappen som är placerad i rubrikraden och som identifieras med en bock. Markeringsläge kan också aktiveras via gummibandsmarkering eller genom att hålla ned Ctrl eller Skift och klicka/trycka på innehållsobjekt.

note: (itstool) path: section/title
en: The action bar
sv: Åtgärdsraden

note: (itstool) path: item/p
en: Controls in the action bar should be insensitive when no items have been selected. Sometimes actions may only be applied to multiple content items; in this case the relevant controls should only be sensitive when multiple items are selected.
sv: Komponenter i åtgärdsraden bör vara okänsliga när inga objekt har markerats. Ibland kanske åtgärder endast kan tillämpas för flera innehållsobjekt; i detta fallet bör de relevanta komponenterna endast vara känsliga när flera objekt är markerade.

note: (itstool) path: item/p
en: Controls in the action toolbar can have icons or text labels.
sv: Komponenter i verktygsfältet för åtgärder kan ha ikoner eller textetiketter.

note: (itstool) path: item/p
en: Groups of actions can be distinguished by placing them at either end of the toolbar. Destructive actions, like delete, should be placed away from other controls.
sv: Grupper av åtgärder kan åtskiljas genom att placera dem vid respektive ände av verktygsfältet. Destruktiva åtgärder, så som borttagning, bör placeras separat från andra komponenter.

note: (itstool) path: info/desc
en: Navigation sidebar that contains a list
sv: Navigeringssidopanel som innehåller en lista

note: (itstool) path: page/title
en: Sidebar lists
sv: Sidopanelslistor

note: (itstool) path: page/p
en: A sidebar list allows different views to be switched between. Those views can contain groups of content items, single content items, or sets of controls. The sidebar divides the window in two, with content being shown on the opposite pane to the sidebar.
sv: En sidopanelslista möjliggör växling mellan olika vyer. Dessa vyer kan innehålla grupper av innehållsobjekt, enstaka innehållsobjekt, eller uppsättningar av komponenter. Sidopanelen delar fönstret i två, där innehåll visas i panelen på motsatt sida om sidopanelen.

note: (itstool) path: page/p
en: Sidebar lists can be used in primary windows, either as a permanent fixture or an element that is shown on demand. They can also be used in dialog windows.
sv: Sidopanelslistor kan användas i primära fönster, antingen som ett permanent inventarium eller som ett element som visas vid efterfrågan. De kan också användas i dialogfönster.

note: (itstool) path: page/p
en: Sidebar lists can be used in conjunction with the <link xref="search">search</link> and <link xref="selection-mode">selection mode</link> design patterns.
sv: Sidopanelslistor kan användas tillsammans med designmönstren <link xref="search">sökning</link> och <link xref="selection-mode">markeringsläge</link>.

note: (itstool) path: section/p
en: Use a sidebar list when it is necessary to expose a larger number of views than can be accommodated by a standard <link xref="view-switchers">view switcher</link>.
sv: Använd en sidopanelslista då det är nödvändigt att visa ett större antal vyer än som ryms i en vanlig <link xref="view-switchers">vyväxlare</link>.

note: (itstool) path: section/p
en: Sidebar lists also provide a possible alternative to browser-style navigation. They have a number of advantages here:
sv: Sidopanelslistor tillhandahåller också ett möjligt alternativ till navigering av bläddrarstil. De har ett antal fördelar här:

note: (itstool) path: item/p
en: When content items have a narrow width, and don’t require an immersive experience. A sidebar would be inappropriate for browsing videos for this reason, but is well-suited to contacts.
sv: Då innehållsobjekt har en smal bredd, och inte kräver en fångande upplevelse. En sidopanel skulle vara olämplig för att bläddra bland videoklipp av denna anledning, men passar bra för kontakter.

note: (itstool) path: item/p
en: When content items are dynamic. For messaging applications, where new content items appear or old ones are updated, a sidebar list provides the ability for someone to view one item while simultaneously being aware of updates to the overall message list.
sv: Då innehållsobjekt är dynamiska. För meddelandeprogram, där nya innehållsobjekt dyker upp eller äldre uppdateras, tillhandahåller en sidopanelslista förmågan att visa ett objekt under tiden medan man samtidigt är medveten om uppdateringar till den övergripande meddelandelistan.

note: (itstool) path: item/p
en: When it is possible to filter a collection of content, and there are a large number of filters.
sv: Då det är möjligt att filtrera en samling av innehåll, och det finns ett stort antal filter.

note: (itstool) path: section/p
en: Temporary sidebar lists can also be displayed for particular views in your application.
sv: Tillfälliga sidopanelslistor kan också visas för specifika vyer i ditt program.

note: (itstool) path: item/p
en: Order the list according to what is most useful for the users of your application. It is often best to place recently updated items at the top of the list.
sv: Sortera listan enligt vad som är mest användbart för ditt programs användare. Det är ofta bäst att placera de senast uppdaterade objekten högst upp i listan.

note: (itstool) path: item/p
en: Header bar controls which affect the sidebar list should be placed within the list pane section of the header bar. Controls for search and selection should be found above the list.
sv: Rubrikradskomponenter som påverkar sidopanelslistan bör placeras i rubrikradens listpanelsdel. Komponenter för sökning och markering bör hittas ovanför listan.

note: (itstool) path: item/p
en: Each list row can include multiple lines of text, as well as images. However, be careful to ensure that the most important information is not lost, and work to ensure a clean and attractive appearance.
sv: Varje rad i listan kan innehålla flera textrader samt bilder. Var dock försiktig så att inte den viktigaste informationen går förlorad, och arbeta för att säkerställa ett prydligt och attraktivt utseende.

note: (itstool) path: page/title (itstool) path: section/title
en: Sliders
sv: Skjutreglage

note: (itstool) path: page/p
en: A slider allows the user to quickly select a value from a range.
sv: Ett skjutreglage låter användaren snabbt välja ett värde från ett intervall.

note: (itstool) path: section/p
en: Sliders can be used to either change a value, or for navigation within a content item, such as video, audio or even documents. Common uses include seeking through audio or video, changing a zoom or volume level, or setting values in image editors.
sv: Skjutreglage kan användas för att antingen ändra ett värde, eller för navigering i ett innehållsobjekt, så som video, ljud eller till och med dokument. Vanliga användningsområden inkluderar att stega sig genom ljud eller video, att ändra en zoom- eller volymnivå, eller att ställa in värden i bildredigerare.

note: (itstool) path: section/p
en: Use a slider when:
sv: Använd ett skjutreglage då:

note: (itstool) path: item/p
en: The range of values is fixed and ordered, and when adjusting the value relative to its current value is more important than choosing an absolute value.
sv: Intervallet för värdena är fast och har en ordning, och att justera värdet relativt till dess nuvarande värde är viktigare än att välja ett specifikt värde.

note: (itstool) path: item/p
en: It is useful for the user to control the rate of change of the value in real time.
sv: Det är användbart för användaren att styra värdets ändringshastighet i realtid.

note: (itstool) path: section/p
en: If the range of values does not have a fixed maximum and/or minimum, a <link xref="spin-boxes">spin box</link> can be used.
sv: Om intervallet av värden inte har ett fast maximi- och/eller minimivärde kan en <link xref="spin-boxes">stegningsruta</link> användas.

note: (itstool) path: item/p
en: Ensure that real time feedback is provided, in order to enable the user to make live adjustments. Examples of this include sound from speakers, indicating volume changes, or live feedback in an image editor.
sv: Säkerställ att återkoppling i realtid tillhandahålls för att låta användaren göra justeringar direkt. Exempel på detta inkluderar ljud från högtalare, att indikera volymändringar, eller omedelbar återkoppling i en bildredigerare.

note: (itstool) path: item/p
en: Take care to ensure that the purpose of a slider is clearly identified.
sv: Säkerställ att syftet för ett skjutreglage finns tydligt identifierat.

note: (itstool) path: item/p
en: In cases where it is common to use a slider, follow placement conventions. For example, in video players, it is common to situate a horizontal seek bar along the bottom of the window. Simply placing a slider in this position is enough to identify it.
sv: Använd placeringskonventioner i fall där det är vanligt att använda ett skjutreglage. I videospelare är det exempelvis vanligt att placera en horisontell tidsrad längs med botten på fönstret. Att helt enkelt placera ett skjutreglage i denna position är tillräckligt för att identifiera den.

note: (itstool) path: item/p
en: In other cases, label the slider with a text label above it or to its left, using <link xref="writing-style#capitalization">sentence capitalization</link>. Provide an <link xref="keyboard-input#access-keys">access key</link> in the label that allows the user to give focus directly to the slider.
sv: Ge i andra fall skjutreglaget en textetikett ovanför eller till vänster om det, med <link xref="writing-style#capitalization">stor bokstav i början på mening</link>. Tillhandahåll en <link xref="keyboard-input#access-keys">snabbtangent</link> i etiketten som låter användaren ge skjutreglaget fokus direkt.

note: (itstool) path: item/p
en: Mark significant values along the length of the slider with text or tick marks. For example the left, right and center points on an audio balance control.
sv: Markera viktiga värden längs med skjutreglaget med text eller bockar. Exempelvis punkterna vänster, höger och centrum på en ljudbalanskomponent.

note: (itstool) path: item/p
en: For large ranges of integers (more than about 20), and for ranges of floating point numbers, consider providing a <link xref="text-fields">text box</link> or <link xref="spin-boxes">spin box</link> that is linked to the slider’s value. This allows the user to quickly set or fine-tune the setting more easily than they could with the slider control alone.
sv: För stora intervall av heltal (mer än runt 20), och för intervall av flyttal, överväg att tillhandahålla en <link xref="text-fields">textruta</link> eller <link xref="spin-boxes">stegningsruta</link> som är länkad till skjutreglagets värde. Detta låter användaren snabbt ställa in eller finjustera inställningen enklare än de skulle kunna göra med bara skjutreglaget.

note: (itstool) path: page/title
en: Spin boxes
sv: Stegningsrutor

note: (itstool) path: page/p
en: A spin box is a text box that accepts a range of values. It incorporates two buttons that allow the user to increase or decrease the value by a fixed amount.
sv: En stegningsruta är en textruta som accepterar ett intervall av värden. Den har två knappar som låter användaren öka eller minska värdet med en bestämd mängd.

note: (itstool) path: section/p
en: Use spin boxes to allow users to select numeric values, but only when those values are meaningful or useful for users to know. If they aren't, a <link xref="sliders">slider</link> might be a better choice.
sv: Använd stegningsrutor för att låta användare välja numeriska värden, men bara när dessa värden har mening eller är användbara för användare att känna till. Om de inte är det kan ett <link xref="sliders">skjutreglage</link> vara ett bättre val.

note: (itstool) path: section/p
en: Use spin boxes for numerical input only. For non-numeric sets of options, a <link xref="lists">list</link> or <link xref="drop-down-lists">drop-down list</link> can be used instead.
sv: Använd stegningsrutor endast för numerisk inmatning. För icke-numeriska uppsättningar alternativ kan istället en <link xref="lists">lista</link> eller <link xref="drop-down-lists">rullgardinslista</link> användas.

note: (itstool) path: section/p
en: In some cases, it is appropriate to link a spin button with a slider. This combination allows both approximate control and the entry of specific values. However, it is only useful if you want to cater to people who may know a specific value that they want to use. Use a slider when:
sv: I vissa fall är det lämpligt att länka en stegningsruta till ett skjutreglage. Denna kombination tillåter både ungefärlig kontroll samt inmatning av specifika värden. Detta är dock endast användbart om du vill underlätta för personer som kan veta ett specifikt värde som de vill använda. Använd ett skjutreglage när:

note: (itstool) path: item/p
en: Immediate feedback for changes in the spin box’s value is possible (such as in the case of image editing).
sv: Omedelbar återkoppling för ändringar i stegningsrutans värde är möjlig (så som vid bildredigering).

note: (itstool) path: item/p
en: It is useful for the user to control the rate of change of the value in real time. For example, to monitor the effects of a color change in a live preview window as they drag the RGB sliders.
sv: Det är användbart för användaren att styra ändringens hastighet i realtid. Exempelvis för att övervaka effekterna av en färgändring i ett förhandsgranskningsfönster som uppdateras då de drar i RGB-skjutreglagen.

note: (itstool) path: item/p
en: Label the spin box with a text label above it or to its left, using sentence capitalization. Provide an access key in the label that allows the user to give focus directly to the spin box.
sv: Ge stegningsrutan en textetikett och placera den ovanför eller till vänster om stegningsrutan, med stor bokstav i början på mening. Tillhandahåll en snabbtangent i etiketten som låter användaren ge stegningsrutan fokus direkt.

note: (itstool) path: item/p
en: Right-justify the contents of spin boxes, unless the convention in the user’s locale demands otherwise. This is useful in windows where the user might want to compare two numerical values in the same column of controls. In this case, ensure the right edges of the relevant controls are also aligned.
sv: Högerjustera innehållen i stegningsrutor, om inte konventionen i användarens lokal kräver annat. Detta är användbart i fönster där användaren kan vilja jämföra två numeriska värden i samma kolumn av komponenter. Säkerställ i detta fall även att högerkanterna för de relevanta kolumnerna är uppradade.

note: (itstool) path: page/title
en: Switches
sv: Brytare

note: (itstool) path: page/p
en: A switch is a simple interface element which has an on and off state.
sv: En brytare är ett enkelt gränssnittselement som har ett på- och ett avläge.

note: (itstool) path: section/p
en: Switches should be used for controlling services or hardware that have a clear on/off logic. They are particularly appropriate when those services or hardware do not activate immediately (i.e. there is a delay between the switch being operated and it having an effect), or when they affect the operation of the application in a significant way.
sv: Brytare bör användas för att styra tjänster eller hårdvara som har en tydlig på-/av-logik. De är särskilt lämpliga när dessa tjänster eller denna hårdvara inte aktiveras omedelbart (d.v.s. om det finns en fördröjning mellan att brytaren interageras med och när det får effekt), eller när de påverkar programmets beteende på ett signifikant sätt.

note: (itstool) path: section/p
en: When the control does not turn a function on or off, or when a function does not clearly have an on/off nature, a <link xref="check-boxes">check box</link> is a more appropriate option. For example, an alarm might be controlled using a switch, since it can be turned on or off. However, a check box is a better choice for an option to repeat that alarm on a daily basis, since alarm repetition is a configuration option, rather than starting or stopping a particular piece of functionality.
sv: När komponenten inte slår på eller av en funktion, eller när en funktion inte har en tydlig på-/av-logik, är en <link xref="check-boxes">kryssruta</link> ett lämpligare alternativ. Till exempel kan ett alarm styras med en brytare, då det kan slås på eller av. Men en kryssruta är ett bättre alternativ för en inställning för att repetera alarmet på en daglig basis, då alarmrepetition är en konfigurationsinställning snarare än att starta/avsluta en viss funktion.

note: (itstool) path: section/p
en: When in doubt, use switches for important configuration options, and check boxes for minor sub-options.
sv: När du är tveksam använd brytare endast för viktiga konfigurationsflaggor och kryssrutor för mindre underalternativ.

note: (itstool) path: section/title
en: Switch labels
sv: Brytaretiketter

note: (itstool) path: section/p
en: Switch labels should be written using <link xref="writing-style#capitalization">header capitalization</link>. The name of the function affected by the switch should be used as the label. <gui>Automatic Location</gui> or <gui>Notifications</gui> are examples of good switch labels.
sv: Brytaretiketter bör skrivas med <link xref="writing-style#capitalization">rubrikversalisering</link> (Detta gäller för engelska. För svenska är meningsversalisering att föredra). Namnet på funktionen som påverkas av brytaren bör användas som etikett. <gui>Automatisk plats</gui> eller <gui>Aviseringar</gui> är exempel på bra brytaretiketter.

note: (itstool) path: page/title
en: Tabs
sv: Flikar

note: (itstool) path: page/p
en: Tabs provide a way to break down a window into a series of views. They come in two primary forms: fixed and dynamic.
sv: Flikar tillhandahåller ett sätt att dela upp ett fönster i en serie vyer. De finns i två huvudsakliga former: fasta och dynamiska.

note: (itstool) path: page/p
en: Fixed tabs provide an immutable set of predefined views, and are primarily used in dialog windows. Dynamic tabs allow a window to contain mutable selection of content items, such as pages, documents or images. They are primarily used within <link xref="primary-windows">primary windows</link>, as a part of editor or browser applications.
sv: Fasta flikar tillhandahåller en oföränderlig uppsättning fördefinierade vyer, och används främst i dialogfönster. Dynamiska flikar låter ett fönster innehålla ändringsbara urval av innehållsobjekt, så som sidor, dokument eller bilder. De används främst i <link xref="primary-windows">primära fönster</link>, som en del av redigerar- eller bläddrarprogram.

note: (itstool) path: section/p
en: Use fixed tabs when a <link xref="dialogs">dialog window</link> contains too many controls (or too much information) to be comfortably presented at once.
sv: Använd fasta flikar när ett <link xref="dialogs">dialogfönster</link> innehåller för många komponenter (eller för mycket information) för att bekvämt kunna presenteras på en gång.

note: (itstool) path: section/p
en: Dynamic tabs are primarily useful for browser or editor applications, where a user might want to use several locations or content items simultaneously.
sv: Dynamiska flikar är främst användbara för bläddrar- eller redigerarprogram, där en användare kan vilja använda flera platser eller innehållsobjekt samtidigt.

note: (itstool) path: section/title
en: Fixed tabs
sv: Fasta flikar

note: (itstool) path: item/p
en: Do not use too many tabs. If you cannot see all the tabs without scrolling or splitting them into multiple rows, you are probably using too many and should use a list control instead.
sv: Använd inte för många flikar. Om du inte kan se alla flikar utan att rulla genom dem eller att dela upp dem i flera rader, så använder du troligen för många och borde använda en listkomponent istället.

note: (itstool) path: item/p
en: Label tabs with <link xref="writing-style#capitalization">header capitalization</link>, and use nouns rather than verbs, for example <gui>Font</gui> or <gui>Alignment</gui>. Try to give tab labels a similar length.
sv: Etikettera flikar med <link xref="writing-style#capitalization">rubrikversalisering</link> (Detta gäller för engelska. För svenska är meningsversalisering att föredra), och använd substantiv snarare än verb, exempelvis <gui>Typsnitt</gui> eller <gui>Justering</gui>. Försök ge fliketiketter ungefär samma längd.

note: (itstool) path: item/p
en: Do not design tabs such that changing controls on one page affects the controls on any other page. Users are unlikely to discover such dependencies.
sv: Ge inte flikar en design så att ändringar i komponenter på en sida påverkar komponenterna på andra sidor. Användare kommer troligen inte upptäcka sådana beroenden.

note: (itstool) path: item/p
en: If a control affects every tab, place it outside the tabs.
sv: Placera komponenter som påverkar alla flikar utanför flikarna.

note: (itstool) path: item/p
en: With fixed tabs, make the width of each tab proportional to the width of its label. Don’t just set all the tabs to the same width, as this makes them harder to scan visually, and limits the number of tabs you can display without scrolling.
sv: Gör för fasta flikar bredden av varje flik proportionell till bredden på dess etikett. Ställ inte bara in alla flikar till samma bredd, då detta gör dem svårare att läsa av visuellt, och begränsar antalet flikar du kan se utan att rulla dem.

note: (itstool) path: section/title
en: Dynamic tabs
sv: Dynamiska flikar

note: (itstool) path: item/p
en: Tabs often have a constrained width, so ensure that tab labels are short and concise, and that the most useful part of the label is displayed first. This ensures that the label continues to be useful even when ellipsized.
sv: Flikar har ofta begränsad bredd, så säkerställ att fliketiketter är korta och koncisa, samt att etikettens mest användbara del visas först. Detta säkerställer att etiketten förblir användbar även då den förkortas med en ellips.

note: (itstool) path: item/p
en: If the content of a tab changes or requires attention, a visual hint can be displayed.
sv: Om innehållet i en flik ändras eller kräver uppmärksamhet så kan en visuell påminnelse om detta visas.

note: (itstool) path: item/p
en: Provide a context menu on each tab. This menu should only include actions for manipulating the tab itself, such as <gui>Move Left</gui>, <gui>Move Right</gui>, <gui>Move to New Window</gui>, and <gui>Close</gui>.
sv: Tillhandahåll en snabbvalsmeny för varje flik. Denna meny bör endast inkludera åtgärder för att manipulera fliken själv, så som <gui>Flytta åt vänster</gui>, <gui>Flytta åt höger</gui>, <gui>Flytta till nytt fönster</gui> och <gui>Stäng</gui>.

note: (itstool) path: item/p
en: If tabs are an important part of the application, a new tab button can be placed in the header bar or toolbar. Do not show a new tab button in applications where tabs will not always be used — keyboard shortcuts and/or menu items are sufficient in these cases.
sv: Om flikar är en viktig del av programmet kan en ”Ny flik”-knapp placeras i rubrikraden eller verktygsfältet. Visa inte en ”Ny flik”-knapp i program där flikar inte alltid kommer att användas — tangentbordsgenvägar och/eller menyobjekt räcker till i dessa fall.

note: (itstool) path: section/title
en: Standard Keyboard Shortcuts
sv: Standardtangentbordsgenvägar

note: (itstool) path: section/p
en: When using dynamic tabs, ensure that the standard keyboard shortcuts are supported.
sv: När dynamiska flikar användas, försäkra att standardtangentbordsgenvägar stöds.

note: (itstool) path: td/p
en: Create a new tab
sv: Skapa en ny flik

note: (itstool) path: td/p
en: Close the current tab
sv: Stäng den aktuella fliken

note: (itstool) path: td/p
en: Switch to the next tab
sv: Växla till nästa flik

note: (itstool) path: td/p
en: Switch to the previous tab
sv: Växla till föregående flik

note: (itstool) path: page/title
en: Text fields
sv: Textfält

note: (itstool) path: page/p
en: A text entry field is an interface element for entering or editing text. It is a basic element with a variety of uses, including search entry, settings and preferences, or account configuration and setup. A text entry field can be prefilled with text, and can include additional buttons or icons.
sv: Ett textinmatningsfält är ett gränssnittselement för att mata in eller redigera text. Det är ett grundläggande element med ett flertal användningsområden, inklusive sökinmatning, inställningar eller kontokonfigurering och inställning. Ett textinmatningsfält kan förifyllas med text och kan inkludera ytterligare knappar eller ikoner.

note: (itstool) path: item/p
en: Size text fields according to the likely size of the content they will contain. This gives a useful visual cue to the amount of input expected and prevents overflow.
sv: Ställ in storleken på textfält efter den troliga storleken på innehållet de kommer att ha. Detta ger en användbar visuell antydan till hur mycket inmatning som förväntas och förhindrar överspill.

note: (itstool) path: item/p
en: In an <link xref="dialogs#instant-and-explicit-apply">instant-apply dialog</link>, validate the contents of the entry field when it loses focus or when the window is closed, not after each keypress. Exception: if the field accepts only a fixed number of characters, such as a hexadecimal color code, validate and apply the change as soon as that number of characters have been entered.
sv: I en <link xref="dialogs#instant-and-explicit-apply">”tillämpas omedelbart”-dialog</link>, validera innehållet i inmatningsfältet när det tappar fokus eller när fönstret stängs, inte efter varje tangentnedslag. Undantag: om fältet endast accepterar ett begränsat antal tecken, så som hexadecimala färgkoder, validera och tillämpa ändringen så snart det antalet tecken har matats in.

note: (itstool) path: item/p
en: If you implement an entry field that only accepts certain characters, such as digits, play the system warning beep when the user tries to type an invalid character.
sv: Om du implementerar ett inmatningsfält som endast accepterar vissa tecken, så som siffror, spela upp systemets varningspip när användaren försöker att mata in ett ogiltigt tecken.

note: (itstool) path: item/p
en: Normally, pressing <key>Tab</key> in a single-line entry field should move focus to the next control, and in a multi-line entry field it should insert a tab character. Pressing <keyseq><key>Ctrl</key><key>Tab</key></keyseq> in a multi-line entry field should move focus to the next control.
sv: Normalt när användaren trycker <key>Tabb</key> i ett enradsinmatningsfält bör fokus flyttas till nästa komponent och i ett flerradsinmatningsfält bör det infoga ett tabbtecken. Att trycka på <keyseq><key>Ctrl</key><key>Tabb</key></keyseq> i ett flerradsinmatningsfält bör flytta fokus till nästa komponent.

note: (itstool) path: item/p
en: If you need to provide a keyboard shortcut that inserts a tab character into a single line entry field, use <keyseq><key>Ctrl</key><key>Tab</key></keyseq>. You are unlikely to find many situations where this is useful, however.
sv: Om du behöver tillhandahålla en tangentbordsgenväg som infogar ett tabbtecken i ett enradsinmatningsfält, använd <keyseq><key>Ctrl</key><key>Tabb</key></keyseq>. Det är dock osannolikt att du kommer att hitta många situationer där detta är användbart.

note: (itstool) path: section/title
en: Embedding information and controls
sv: Bädda in information och komponenter

note: (itstool) path: section/p
en: A variety of additional information or controls can be inserted within a text entry field.
sv: En mängd av ytterligare information eller komponenter kan infogas i ett textinmatningsfält.

note: (itstool) path: section/p
en: Icons or icon buttons can be placed inside a text field to provide status information or additional controls.
sv: Ikoner eller ikonknappar kan placeras i ett textfält för att tillhandahålla statusinformation eller ytterligare komponenter.

note: (itstool) path: item/p
en: An icon at the beginning of the entry can be used to indicate its purpose — replacing the need for the entry to be labelled. Search entry fields are the classic example of this, where a search icon is placed on the left side of the entry field.
sv: En ikon i början av inmatningsfältet kan användas för att indikera dess syfte — vilket då ersätter behovet av att ha en etikett på inmatningsfältet. Inmatningsfält för sökning är det klassiska exemplet på detta, där en sökikon placeras till vänster i inmatningsfältet.

note: (itstool) path: item/p
en: If the text to be entered is case sensitive, a warning icon can be shown inside the text field if caps lock is on. This is typically shown on the right side of the entry.
sv: Om texten som ska matas in är skiftlägeskänslig kan en varningsikon visas inuti textfältet om caps lock är på. Detta visas vanligen på den högra sidan om inmatningsfältet.

note: (itstool) path: item/p
en: If it is common for the text field to be cleared, a clear icon button can be placed inside the field, at the right side.
sv: Om det är vanligt att textfältet rensas så kan en ikonknapp för rensning placeras i fältet, på höger sida.

note: (itstool) path: item/p
en: If you place an icon in a text entry field (either as an indicator or a button), use its symbolic variant from the GNOME Symbolic Icon Theme.
sv: Om du placerar en ikon i ett textinmatningsfält (antingen som en indikator eller en knapp), använd dess symboliska variant från GNOME:s symboliska ikontema.

note: (itstool) path: section/p
en: When a user would benefit from additional information in order to use a text entry field, it can be prefilled with a hint text. As with any decision to display additional information, this should only be done when it is necessary.
sv: Då en användare skulle ha nytta av ytterligare information för att använda ett textinmatningsfält så kan det förifyllas med en hjälptext. Som med varje beslut om att visa ytterligare information så bör detta endast göras då det är nödvändigt.

note: (itstool) path: page/title
en: Toolbars
sv: Verktygsfält

note: (itstool) path: page/p
en: A toolbar is a strip of controls that allows convenient access to commonly-used functions. Most toolbars only contain graphical buttons, but in more complex applications, other types of controls such as drop-down lists, can also be useful.
sv: Ett verktygsfält är en remsa med komponenter som möjliggör bekväm åtkomst till ofta använda funktioner. De flesta verktygsfält innehåller bara grafiska knappar, men i mer komplexa program kan även andra komponenter så som rullgardingslistor vara användbara.

note: (itstool) path: section/p
en: Use a toolbar to provide access to common actions, tools or options in primary windows. <link xref="header-bars">Header bars</link> also perform this role, and a toolbar is generally not required if you are using header bars.
sv: Använd ett verktygsfält för att tillhandahålla åtkomst till vanliga åtgärder, verktyg eller alternativ i primära fönster. <link xref="header-bars">Rubrikrader</link> fyller också denna funktion, och ett verktygsfält krävs som regel inte om du använder rubrikrader.

note: (itstool) path: section/p
en: While toolbars are a common approach, there are cases where they are not the most effective. Interfaces that focus on direct manipulation, or which make heavy use of progressive disclosure, may provide a better alternative. Each of these approaches requires more time and effort at the design stage, and should only be pursued by those who are confident in pursuing more original design solutions.
sv: Även om verktygsfält är ett vanligt designval så finns det fall då det inte är det mest effektiva. Gränssnitt som fokuserar på direkt manipulering, eller vilka använder sig mycket av stegvis avslöjande kan utgöra ett bättre alternativ. Vart och ett av dessa tillvägagångssätt kräver mer tid och ansträngning i designfasen, och bör endast eftersträvas av de som känner sig säkra i att söka mer originella designlösningar.

note: (itstool) path: item/p
en: Only include controls for the most important functions. Having too many toolbar controls reduces their efficiency by making them harder to find, and too many rows of toolbars reduces the amount of screen space available to the rest of the application.
sv: Inkludera endast komponenter för de viktigaste funktionerna. Att ha för många verktygsfältskomponenter minskar deras effektivitet genom att göra dem svårare att hitta, och för många rader av verktygsfält minskar det tillgängliga skärmutrymmet för resten av programmet.

note: (itstool) path: item/p
en: Utilize conventions for toolbars to increase familiarity. For example, the main toolbar in an office application will nearly always have new, open and save as its first three toolbar buttons. Similarly, the first buttons in a browser application should be back and forward.
sv: Använd konventioner för verktygsfält för att öka igenkänningsfaktorn. Exempelvis kommer huvudverktygsfältet i ett kontorsprogram nästan alltid att ha nytt, öppna och spara som sina tre första verktygsfältsknappar. På liknande sätt bör de första knapparna i ett webbläsarprogram vara bakåt och framåt.

note: (itstool) path: item/p
en: Place only the most commonly-used application functions on your toolbars. Don’t just add buttons for every menu item.
sv: Placera endast de mest använda programfunktionerna i dina verktygsfält. Lägg inte bara till knappar för varje menyobjekt.

note: (itstool) path: item/p
en: If you are using a <link xref="menu-bars">menu bar</link>, ensure that it includes all the functions that appear on your toolbar, either directly (i.e. an equivalent menu item) or indirectly (e.g. in the <guiseq><gui>Options</gui><gui>Settings</gui></guiseq> dialog).
sv: Om du använder en <link xref="menu-bars">menyrad</link>, säkerställ att den innehåller alla funktioner som finns i ditt verktygsfält, antingen direkt (d.v.s. ett ekvivalent menyobjekt) eller indirekt (t.ex. i dialogrutan <guiseq><gui>Alternativ</gui><gui>Inställningar</gui></guiseq>).

note: (itstool) path: item/p
en: Toolbars shouldn’t include buttons for <gui>Help</gui>, <gui>Close</gui> or <gui>Quit</gui>, as these are rarely used and the space is better used for more useful controls. Similarly, only provide buttons for <gui>Undo</gui>, <gui>Redo</gui> and the standard clipboard functions if there is space on the toolbar to do so without sacrificing more useful, application-specific controls.
sv: Verktygsfält bör inte inkludera knappar för <gui>Hjälp</gui>, <gui>Stäng</gui> eller <gui>Avsluta</gui>, då dessa sällan används och utrymmet kan hellre användas för mer användbara komponenter. Tillhandahåll på samma sätt endast knappar för <gui>Ångra</gui>, <gui>Gör om</gui> och standardfunktionerna för urklipp om det finns plats på verktygsfältet för att göra detta utan att ge upp mer användbara, programspecifika komponenter.

note: (itstool) path: item/p
en: Toolbar <link xref="buttons">buttons</link> should have a relief, and icon buttons should use <link xref="icons-and-artwork#color-vs-symbolic">symbolic icons</link>.
sv: <link xref="buttons">Knappar</link> i verktygsfält bör ha en relief, och ikonknappar bör använda <link xref="icons-and-artwork#color-vs-symbolic">symboliska ikoner</link>.

note: (itstool) path: info/desc
en: Font sizes, weights and styles, and special characters.
sv: Typsnittsstorlekar, vikter och stilar samt specialtecken.

note: (itstool) path: page/title
en: Typography
sv: Typografi

note: (itstool) path: page/p
en: Text is an important part of any user interface. Text size, positioning and weight all contribute to the ability for text to convey information effectively, and also play an important role in creating a beautiful appearance.
sv: Text är en väsentlig del av alla användargränssnitt. Textstorlek, positionering och vikt bidrar alla till möjligheten för texten att förmedla information effektivt, och spelar också en viktig roll i att skapa ett vackert utseende.

note: (itstool) path: section/title
en: Default fonts
sv: Standardtypsnitt

note: (itstool) path: section/p
en: Wherever possible, use the default system fonts as provided by the distribution or operating system on which your application is running. In GNOME 3, the default font is Cantarell, which was originally designed and developed by David Crossland.
sv: Där det är möjligt, använd systemets standardtypsnitt som erbjuds av distributionen eller operativsystemet under vilket ditt program körs. I GNOME 3 är standardtypsnittet Cantarell som från början designades och utvecklades av David Crossland.

note: (itstool) path: section/title
en: Variants, sizes and weights
sv: Varianter, storlekar och vikter

note: (itstool) path: section/p
en: Different text weights and colors can and should be used to distinguish different kinds of information. At the same time, too many variants, sizes, and weights can make text harder to read and isn't an efficient or elegant way to convey information. Make an effort to minimize the range of font variants, sizes and weights.
sv: Olika textvikter och färger kan och bör användas för att särskilja olika typer av information. Samtidigt kan allt för många varianter, storlekar och vikter göra text svårare att läsa och är inte ett effektivt eller elegant sätt att förmedla information. Ansträng dig för att minimera antalet typsnittsvarianter, storlekar och vikter.

note: (itstool) path: item/p
en: Use smaller and/or lighter text for less important information, and heavier/darker text to attract attention to important text.
sv: Använd mindre och/eller ljusare text för mindre viktig information och tjockare/mörkare text för att dra uppmärksamhet till viktig text.

note: (itstool) path: item/p
en: Avoid the use of italic or oblique faces, as these are visually more complex, and can be distracting.
sv: Undvik att använda kursiva eller lutande typsnitt då dessa visuellt är mer komplexa och kan vara distraherande.

note: (itstool) path: item/p
en: Never capitalize every letter in a word or sentence. Shouting at your users isn't nice.
sv: Använd aldrig versaler för varje bokstav i ett ord eller en mening. Att skrika på dina användare är inte snällt.

note: (itstool) path: item/p
en: Do not use graphical backdrops or “watermarks” behind text. These interfere with the contrast between the text and its background.
sv: Använd inte grafiska bakgrunder eller ”vattenmärken” bakom text. Dessa stör kontrasten mellan texten och dess bakgrund.

note: (itstool) path: section/title
en: Take advantage of Unicode
sv: Dra nytta av Unicode

note: (itstool) path: section/p
en: Unicode provides a wide variety of characters which, when used correctly, can dramatically improve the impression given by your application. The following Unicode characters are recommended:
sv: Unicode erbjuder ett stort antal tecken som, när de används korrekt, dramatiskt kan förbättra intrycket av ett program. Några av exemplen nedan är för engelska skrivregler och skiljer sig antingen från de svenska, eller så är de inte relevanta för svenska förhållanden. I dessa fall har exempeltexten fått kvarstå på engelska. Följande Unicode-tecken rekommenderas:

note: (itstool) path: td/p
en: Usage
sv: Användning

note: (itstool) path: td/p
en: Incorrect
sv: Felaktig

note: (itstool) path: td/p
en: Correct
sv: Korrekt

note: (itstool) path: td/p
en: Unicode to use
sv: Unicode att använda

note: (itstool) path: td/p
en: Quotation
sv: Citat

note: (itstool) path: td/p
en: Time
sv: Tid

note: (itstool) path: td/p
en: Multiplication
sv: Multiplikation

note: (itstool) path: td/p
en: Ellipsis
sv: Ellips

note: (itstool) path: td/p
en: Introducing...
sv: Introducerar...

note: (itstool) path: td/p
en: Introducing…
sv: Introducerar…

note: (itstool) path: td/p
en: Apostrophe
sv: Apostrof

note: (itstool) path: td/p
en: Bullet list
sv: Punktlista

note: (itstool) path: td/p
en: - One\n- Two\n- Three
sv: - Ett\n- Två\n- Tre

note: (itstool) path: td/p
en: • One\n • Two\n • Three
sv: • Ett\n • Två\n • Tre

note: (itstool) path: td/p
en: Ranges
sv: Intervall

note: (itstool) path: td/p
en: June-July 1967
sv: Juni-Juli 1967

note: (itstool) path: td/p
en: June–July 1967
sv: Juni–Juli 1967

note: (itstool) path: page/title
en: User interface elements
sv: Användargränssnittselement

note: (itstool) path: page/p
en: User interface elements are the building blocks for application interfaces. The guidelines in this section are intended to help you get the details of your design right. It is recommended that you ensure that you are familiar with the <link xref="patterns">design patterns</link> before you use this section.
sv: Användargränssnittselement är byggstenarna i programgränssnitt. Riktlinjerna i detta avsnitt är tänkta att hjälpa dig att få rätt på detaljerna i din design. Det rekommenderas att du försäkrar dig om att du är bekant med <link xref="patterns">designmönstren</link> innan du använder detta avsnitt.

note: (itstool) path: info/desc
en: Toggle buttons that change the view, like tabs
sv: Växelknappar som ändrar vyn, likt flikar

note: (itstool) path: page/title
en: View switchers
sv: Vyväxlare

note: (itstool) path: page/p
en: A view switcher is a control that allows switching between a number of predefined views. It appears as a set of toggle buttons that are placed in the center of a header bar.
sv: En vyväxlare är en komponent som möjliggör växling mellan ett antal fördefinierade vyer. Den ser ut som en uppsättning växlingsknappar som placeras mitt i rubrikraden.

note: (itstool) path: section/p
en: There are two primary cases when a view switcher is appropriate:
sv: Det finns två primära fall när en vyväxlare är lämplig:

note: (itstool) path: item/p
en: When presenting content, and it is useful to be able to view different sets or sub-sets of content. For example, a music application could show different views for artists, albums and playlists.
sv: När innehåll presenteras och det är lämpligt att kunna visa olika uppsättningar eller deluppsättningar av innehållet. Till exempel kan ett musikprogram visa olika vyer för artister, album och spellistor.

note: (itstool) path: item/p
en: If your application provides discrete groups of functionality which are typically used independently.
sv: Om ditt program tillhandahåller separata grupper av funktionalitet som typiskt används oberoende av varandra.

note: (itstool) path: section/p
en: As a rule of thumb, a view switcher should contain between three and five views. If you have more views, a <link xref="sidebar-lists">sidebar list</link> might be a more appropriate view switching control.
sv: Som en tumregel bör en vyväxlare innehålla mellan tre till fem vyer. Om du har fler flyer kan en <link xref="sidebar-lists">sidopanelslista</link> vara en lämpligare vyväxlarkomponent.

note: (itstool) path: section/title
en: Additional guidelines
sv: Ytterligare riktlinjer

note: (itstool) path: item/p
en: Each view should have a short and clear title.
sv: Varje vy bör ha en kort och tydlig titel.

note: (itstool) path: item/p
en: Buttons in the view switcher widget can indicate when there is activity in a view.
sv: Knappar i vyväxlarkomponenten kan indikera när det finns aktivitet i en vy.

note: (itstool) path: info/desc
en: Arranging elements within a user interface.
sv: Att arrangera element inom ett användargränssnitt.

note: (itstool) path: page/title
en: Visual layout
sv: Visuell layout

note: (itstool) path: page/p
en: The visual layout of controls, information and content affects how easy it is to understand your application. As part of this, it is important to recognise that visual design has a strong impact on how much work is involved in using an application — poor layout results in users having to put in additional effort, while good layout requires less effort.
sv: Den visuella layouten av komponenter, information och innehåll påverkar hur lätt det är att förstå ditt program. Som en del av detta är det viktigt att inse att den visuella designen har en stor påverkan på hur mycket arbete som krävs för att arbeta med programmet — dålig layout resulterar i att användare måste anstränga sig mer medan bra layout kräver mindre ansträngning.

note: (itstool) path: page/p
en: Good visual layout also obviously makes applications more attractive and visually pleasing.
sv: En bra visuell layout gör förstås även program vackrare och mer behagliga att se på.

note: (itstool) path: page/p
en: Following these visual layout guidelines will help you to produce an application that is beautiful, easy to understand, and efficient to use.
sv: Om du följer dessa riktlinjer kommer de att hjälpa dig att producera ett program som är vackert, lätt att förstå och effektivt att använda.

note: (itstool) path: item/p
en: An alignment point is an imaginary vertical or horizontal line through your window that touches the edge of one or more labels or controls in the window. Minimize the number of these — the fewer there are, the cleaner and simpler your layout will appear, and the easier it will be for people to understand.
sv: En justeringspunkt är en fiktiv vertikal eller horisontell linje genom ditt fönster som rör vid kanten på en eller flera etiketter eller komponenter i fönstret. Minimera detta antal — ju färre sådana det finns, desto renare och enklare kommer din layout att uppfattas och desto lättare kommer den att vara för personer att förstå.

note: (itstool) path: item/p
en: Align content and controls in your layout exactly. The eye is very sensitive to aligned and unaligned objects. If visual elements do not line up, it will be hard for someone to scan them. Elements that do not quite line up will be distracting.
sv: Justera innehåll och komponenter noggrant i din layout. Ögat är väldigt känsligt för justerade och ojusterade objekt. Om visuella element inte bildar en rät linje kommer det att vara svårare för någon att ögna igenom dem. Element som inte följer den räta linjen kommer att uppfattas som distraherande.

note: (itstool) path: item/p
en: Be consistent. Use the same amounts of spacing throughout.
sv: Var konsekvent. Använd samma mellanrum överallt.

note: (itstool) path: item/p
en: Organize related controls and information into groups, and use spacing to differentiate them. This makes an interface far easier to read and understand.
sv: Organisera relaterade komponenter och information i grupper, och använd mellanrum för att särskilja dem. Detta gör ett gränssnitt väsentligt enklare att läsa och förstå.

note: (itstool) path: item/p
en: As a rule of thumb, leave space between elements in increments of 6 pixels, going up as the relationship between related elements becomes more distant.
sv: Som en tumregel, lämna mellanrum mellan element i steg om 6 bildpunkter, med större avstånd allt eftersom kopplingen mellan relaterade element blir mindre viktig.

note: (itstool) path: item/p
en: Between labels and associated components, leave 12 horizontal pixels.
sv: Mellan etiketter och associerade komponenter, lämna 12 horisontella bildpunkter.

note: (itstool) path: item/p
en: For vertical spacing between groups of components, 18 pixels is adequate.
sv: För vertikalt mellanrum mellan grupper av komponenter är 18 bildpunkter lämpligt.

note: (itstool) path: item/p
en: A general padding of 18 pixels is recommended between the contents of a dialog window and the window borders.
sv: En generell marginal på 18 bildpunkter rekommenderas mellan innehållet i en dialogruta och fönsterkanterna.

note: (itstool) path: item/p
en: Indent elements by 12 pixels to denote hierarchy and association.
sv: Indentera element 12 bildpunkter för att betona hierarki och relation.

note: (itstool) path: item/p
en: Avoid using frames with visible borders to separate groups of controls — use spacing and headers instead.
sv: Undvik att använda ramar med synliga kanter för att separera grupper av komponenter — använd mellanrum och rubriker istället.

note: (itstool) path: section/p
en: Incorrect spacing and alignment:
sv: Felaktigt mellanrum och justering:

note: (itstool) path: section/p
en: Correct spacing and alignment:
sv: Korrekt mellanrum och justering:

note: (itstool) path: section/p
en: Correct spacing, with units (pixels):
sv: Korrekt mellanrum, med enheter (pixlar):

note: (itstool) path: section/title
en: Label alignment
sv: Etikettsjustering

note: (itstool) path: section/p
en: If possible, right-justify labels (see the diagram below). This will avoid large gaps between labels and their associated controls. This type of right-justification is not possible if you have indented controls: here left-justification should be used instead.
sv: Om möjligt, högerjustera etiketter (se diagrammet nedan). Detta kommer att undvika stora gap mellan etiketter och komponenterna de associeras med. Denna typ av högerjustering är inte möjlig om du har indenterade komponenter: i detta fallet används vänsterjustering istället.

note: (itstool) path: section/title
en: Visual hierarchy
sv: Visuell hierarki

note: (itstool) path: section/p
en: Organize visual elements from top-to-bottom and left-to-right. This is the direction that people from western locales tend to read an interface, so that the items at the top-left will be encountered first. This ordering gives interfaces a hierarchy: those components that are viewed first are perceived to have priority over those that come after them. For this reason, you should place dominant controls above and to the left of the controls and content that they affect. Header bars are a key design pattern in this respect.
sv: Organisera visuella element från toppen till botten och från vänster till höger. Detta är riktningen som personer från västerländska lokaler har en tendens till att läsa ett gränssnitt, så att objekten längst upp till vänster kommer att anträffas först. Denna ordning ger gränssnitt en hierarki: de komponenter som ses först uppfattas som om de har högre prioritet än de som kommer senare. Av denna anledning bör du placera dominerande komponenter längst upp och till vänster om de komponenter och det innehåll som de påverkar. Rubrikrader är ett nyckelmönster för design i detta avseende.

note: (itstool) path: page/title
en: Writing style
sv: Skrivregler (för engelska)

note: (itstool) path: page/p
en: Text plays an important role in user interfaces. Take the time to ensure that any text you use is clearly written and easy to understand.
sv: Text spelar en viktig roll i användargränssnitt. Ta dig tid att säkerställa att text du använder är tydligt uttryckt och enkel att förstå.

note: (itstool) path: section/p
en: Your main goal should be to ensure that text is easy to understand and quick to read.
sv: Ditt huvudmål bör vara att säkerställa att texten är enkelt att förstå och snabbläst.

note: (itstool) path: item/p
en: Keep text short and to the point. This improves speed of comprehension for the user. It also reduces the expansion of text when translated (remember that translated English text can expand up to 30% in some languages).
sv: Håll text kort och rakt på sak. Detta förbättrar förståelsehastigheten för användaren. Det reducerar också textens expansion när den översätts (kom ihåg att översatt engelsk text kan expanderas upp till 30% i vissa språk).

note: (itstool) path: item/p
en: Do not shorten your text to the point of losing meaning. A three-word label that provides clear information is better than a one-word label that is ambiguous or vague. Try to find the fewest possible words to satisfactorily convey the meaning of your label.
sv: Förkorta inte din text förbi punkten där den börjar förlora sin mening. En treords-etikett som ger klar och tydlig information är bättre än en enords-etikett som är otydlig eller vag. Försök hitta det minsta antalet ord som på ett tillfredsställande sätt förmedlar etikettens mening.

note: (itstool) path: item/p
en: Use words, phrases, and concepts that are familiar to the people who will be using your application, rather than terms from the underlying system. This may mean using terms that are associated with the tasks your application supports. For example, in medicine, the paper folder that contains patient information is called a “chart”. Hence, a medical application might refer to a patient record as a “chart” rather than as a “patient database record”.
sv: Använd ord, fraser och koncept som är bekanta för personerna som ska använda ditt program, snarare än termer från det underliggande systemet. Detta kan innebära att du använder termer som associeras med uppgifter ditt program har stöd för. I medicin, till exempel, kallas pappersmappen som patientinformationen ligger i för ”chart”. Därför skulle ett medicinskt program kunna referera till en patientpost som en ”chart” snarare än en ”patient database record”.

note: (itstool) path: item/p
en: Text should adopt a neutral tone and speak from the point of view of the product. Pronouns like “you” or “my” should therefore be avoided wherever possible. However, if they are unavoidable “your” is preferable to “my”.
sv: Text bör använda en neutral ton och tala från produktens synvinkel. Pronomen som ”you” eller ”my” bör därför undvikas där det är möjligt. Om det är oundvikligt är dock ”your” att föredra framför ”my”.

note: (itstool) path: item/p
en: Use the standard GNOME terms when referring to parts of the user interface, such as “pointer” and “window”. The HIG can be used as a reference in this regard.
sv: Använd standardtermer från GNOME när referenser till delar av användargränssnittet används, så som ”pointer” och ”window”. Riktlinjerna för mänskliga gränssnitt kan användas som en referens i detta fallet.

note: (itstool) path: item/p
en: Avoid repetition where possible.
sv: Undvik repetition där det är möjligt.

note: (itstool) path: item/p
en: Sentences should not be constructed from text in several controls, and each label should be treated as being self-contained. Sentences that run from one control to another will often not make sense when translated into other languages.
sv: Meningar bör inte konstrueras utifrån text från flera komponenter utan varje etikett bör behandlas som om den vore fristående. Meningar som löper från en komponent till en annan kommer ofta inte att ge någon mening när de översätts till andra språk.

note: (itstool) path: item/p
en: Latin abbreviations such as “i.e.” or “e.g.” should be avoided, since they can't always be easily translated and can be unintelligible when read by screen readers. Instead, use full words like “for example”.
sv: Latinska förkortningar så som ”i.e.” eller ”e.g.” bör undvikas då de inte alltid enkelt kan översättas och dessutom kan vara obegripliga för skärmläsare. Använd istället fullständiga ord så som ”for example”.

note: (itstool) path: section/title
en: Capitalization
sv: Versalisering

note: (itstool) path: section/p
en: Two styles of capitalization are used in GNOME user interfaces: header capitalization and sentence capitalization.
sv: Det finns två sorters versalisering som används i GNOME:s användargränssnitt: rubrikversalisering och meningsversalisering.

note: (itstool) path: section/title
en: Header capitalization
sv: Rubrikversalisering

note: (itstool) path: section/p
en: Header capitalization should be used for any headings, including header bar headings and page, tab and menu titles. It should also be used for short control labels that do not normally form proper sentences, such as button labels, switch labels and menu items.
sv: Rubrikversalisering bör endast användas för rubriker, inklusive rubrikradstitlar samt sid-, flik- och menytitlar. Den bör också användas för korta komponentetiketter som normalt inte bildar fullständiga meningar, så som knappetiketter, brytaretiketter och menyobjekt.

note: (itstool) path: section/p
en: Capitalize the first letter of:
sv: Versalisera den första bokstaven i:

note: (itstool) path: item/p
en: All words with four or more letters.
sv: Alla ord med fyra eller fler bokstäver.

note: (itstool) path: item/p
en: Verbs of any length, such as “Be”, “Are”, “Is”, “See” and “Add”.
sv: Verb av godtycklig längd så som ”Be”, ”Are”, ”Is”, ”See” och ”Add”.

note: (itstool) path: item/p
en: The first and last word.
sv: Första och sista ordet.

note: (itstool) path: item/p
en: Hyphenated words; for example: “Self-Test” or “Post-Install”.
sv: Avstavade ord; till exempel ”Self-Test” eller ”Post-Install”.

note: (itstool) path: section/p
en: For example: “Create a Document”, “Find and Replace”, “Document Cannot Be Found”.
sv: Till exempel: ”Create a Document”, ”Find and Replace”, ”Document Cannot Be Found”.

note: (itstool) path: section/title
en: Sentence capitalization
sv: Meningsversalisering

note: (itstool) path: section/p
en: Sentence capitalization should be used for labels that form sentences or that run on to other text, including labels for check boxes, radio buttons, sliders, text entry boxes, field labels and combobox labels. It should also be used for explanatory or body text, such as in dialogs or notifications.
sv: Meningsversalisering bör användas för etiketter som bildar meningar som löper över annan text, inklusive etiketter för kryssrutor, radioknappar, skjutreglage, textinmatningsfält, fältetiketter och kombinationsruteetiketter. Den bör också användas för förklarande text eller huvudtext så som i dialoger eller aviseringar.

note: (itstool) path: item/p
en: The first word.
sv: Det första ordet.

note: (itstool) path: item/p
en: Any words normally capitalized in sentences, such as proper nouns.
sv: Ord som normalt versaliseras i meningar, så som egennamn.

note: (itstool) path: section/p
en: For example: “The document cannot be found in this location.” “Finding results for London.”
sv: Till exempel: ”The document cannot be found in this location.” ”Finding results for London.”

note: (itstool) path: section/title
en: Ellipses (…)
sv: Ellipser (…)

note: (itstool) path: section/p
en: Use an ellipsis (…) at the end of a label if further input or confirmation is required from the user before the action can be carried out. For example, <gui>Save As…</gui>, <gui>Find…</gui> or <gui>Delete…</gui>.
sv: Använd en ellips (…) i slutet på en etikett om vidare inmatning eller bekräftelse krävs av användaren innan åtgärden kan utföras. Till exempel <gui>Save As…</gui>, <gui>Find…</gui> och <gui>Delete…</gui>.

note: (itstool) path: section/p
en: Do not add an ellipsis to labels such as <gui>Properties</gui> or <gui>Preferences</gui>. While these commands open windows that can incorporate further functionality, the label does not specify an action, and therefore does not need to communicate that further input or confirmation is required.
sv: Lägg inte till en ellips i etiketter så som <gui>Properties</gui> eller <gui>Preferences</gui>. Även om dessa kommandon öppnar fönster som kan innehålla vidare funktionalitet så anger etiketten inte en åtgärd och behöver därför inte kommunicera att vidare inmatning eller bekräftelse krävs.
