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

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <credit>
      <name>Calum Benson</name>
    </credit>
    <credit>
      <name>Adam Elman</name>
    </credit>
    <credit>
      <name>Seth Nickell</name>
    </credit>
    <credit>
      <name>Colin Robertson</name>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Ελληνική μεταφραστική ομάδα GNOME</mal:name>
      <mal:email>team@gnome.gr</mal:email>
      <mal:years>2014</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Θάνος Τρυφωνίδης</mal:name>
      <mal:email>tomtryf@gmail.com</mal:email>
      <mal:years>2014</mal:years>
    </mal:credit>
  </info>

<title>Κουμπιά</title>

<p>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.</p>

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

<section id="general-guidelines">
<title>Γενικές οδηγίες</title>

<list>
<item><p>Ένα κουμπί μπορεί να περιέχει ένα εικονίδιο, ένα άλλο κουμπί ή - λιγότερο πιθανό - μια εικόνα. Ακολουθήστε τις οδηγίες εικονιδίων και γραφικών όταν αποφασίσετε ποιο θα χρησιμοποιήσετε.</p></item>
<item><p>Αφού πατήσετε ένα κουμπί, ο χρήστες περιμένει να δει το αποτέλεσμα της ενέργειας σε λιγότερα από 1 δευτερόλεπτο.</p></item>
<item><p>Μην χρησιμοποιείτε περισσότερα από ένα ή δύο πλάτη κουμπιού στο ίδιο παράθυρο και κάντε τα να έχουν το ίδιο ύψος. Αυτό θα σας βοηθήσει να έχετε μία ευχάριστη και ομοιόμορφη οπτική εμφάνιση στο παράθυρό σας ώστε να είναι πιο εύκολη η χρήση του.</p></item>
<item><p>Μην αναθέτετε ενέργειες σε διπλό κλικ ή δεξί κλικ σε ένα κουμπί. Οι χρήστες πιθανών να μην μπορούν να ανακαλύψουν αυτές τις ενέργειες και αν το κάνουν, θα παραποιηθούν οι προσδοκίες τους για τα άλλα κουμπιά στην επιφάνεια εργασίας.</p></item>
<item><p>Κάντε τα άκυρα κουμπιά ανενεργά, αντί να εμφανίζεται ένα μήνυμα σφάλματος όταν ο χρήστης τα πατά.</p></item>
<item><p>Όταν ορισμένα κουμπιά τοποθετηθούν δίπλα σε ένα άλλο, βεβαιωθείτε πως έχουν το ίδιο πλάτος. Αυτό είναι σημαντικό για ζευγάρια κουμπιών τύπου Ακύρωση και Εντάξει.</p></item>
<item><p>Σε ένα διάλογο, ένα κουμπί μπορεί να είναι το προεπιλεγμένο κουμπί, το οποίο εμφανίζεται με διαφορετικά περίγραμμα και ενεργοποιείτε πατώντας το Return. Συνήθως αυτό είναι το κουμπί Εντάξει ή κάποιο άλλο παρόμοιο. Ωστόσο, αν το πάτημα του κουμπιού προκαλέσει την απώλεια δεδομένων, μην ορίσετε ένα προεπιλεγμένο κουμπί για το παράθυρο.</p></item>
</list>

</section>

<section id="text-buttons">
<title>Κουμπιά κειμένου</title>

<list>
<item><p>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>.</p></item>
<item><p>Use <link xref="writing-style#ellipses">ellipses</link> when a button requires further input from the user to complete an action.</p></item>
<item><p>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.</p></item>
<item><p>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.</p></item>
</list>

</section>

<section id="toggle-buttons">
<title>Κουμπιά εναλλαγής</title>

<p>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.</p>

</section>

<section id="linked-buttons">
<title>Συνδεδεμένα κουμπιά</title>

<p>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.</p>

</section>

<section id="suggested-and-destructive">
<title>Suggested and destructive actions</title>

<p>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.</p>

<p>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.</p>

<p>Each view should only include a single suggested or destructive button.</p>

</section>
</page>
