Ετικέτες κειμένου

Σε ένα χρήστη με κανονική όραση, η κειμενική έξοδος παρέχει την πλειοψηφία των πληροφοριών και ανάδραση στις περισσότερες εφαρμογές. Για έναν οπτικά εξασθενημένο χρήστη που δεν μπορεί να δει ή να καταλάβει οποιαδήποτε πρόσθετη γραφική έξοδο, ο καθαρισμός της κειμενικής εξόδου είναι κρίσιμος. Πρέπει συνεπώς να επιλέξετε την θέση του κειμένου προσεκτικά στην οθόνη και να αφήσετε την επιλογή των γραμματοσειρών και μεγεθών στον χρήστη, για να επιβεβαιώσει ότι όλοι οι χρήστες μπορούν να χρησιμοποιήσουν την εφαρμογή τους αποτελεσματικά.

8.3.1. Διάστιχο και στοίχιση

Χρησιμοποιήστε διάκενο και στοίχιση του κειμένου ομοιόμορφα κατά τη διάρκεια της εφαρμογή σας. Ένας βασικός πρόχειρος κανόνας είναι να βάλετε χώρο μεταξύ συστατικών διεπαφής χρήστη σε βήματα των 6 εικονοστοιχείων, αυξάνοντας καθώς η σχέση μεταξύ σχετικών στοιχείων γίνεται πιο μακρινή.

Table 8-2Στοίχιση και διάστιχο για διαφορετικά στοιχεία κειμένου
Στοιχείο Τοποθέτηση Παράδειγμα
Μεγάλα εικονίδια (περιηγητής ιστού) Κεντραρισμένο οριζόντια και κάτω από το μεγάλο εικονίδιο (6 εικονοστοιχεία, αν είναι απαραίτητη η προδιαγραφή)
Μικρά εικονίδια (εργαλειοθήκη) Κεντραρισμένο κάθετα και στα δεξιά των μικρών εικονιδίων (6 εικονοστοιχεία, αν είναι απαραίτητη η προδιαγραφή)
Ετικέτα ελέγχου λίστας 6 εικονοστοιχεία από πάνω και στοιχισμένο οριζόντια αριστερά με έλεγχο λίστας ή 12 εικονοστοιχεία στα αριστερά και στοιχισμένο πάνω οριζόντια με έλεγχο λίστας
Ραδιοπλήκτρο και ετικέτες πλαισίου ελέγχου 6 εικονοστοιχεία στα δεξιά και στοιχισμένο κάθετα στο κέντρο με ραδιοπλήκτρο
Ετικέτες πεδίου κειμένου 6 εικονοστοιχεία στα αριστερά και στοιχισμένο κάθετα στο κέντρο με τον έλεγχο του πεδίου κειμένου
Ετικέτες κουμπιών 12 εικονοστοιχεία συμπλήρωσης σε κάθε πλευρά κεντραρισμένου κειμένου (και οποιουδήποτε συνοδευτικού γραφικού). Εάν εμφανιστεί σε μια ομάδα κουμπιών, η μακρύτερη ετικέτα κουμπιού ορίζει το μέγεθος του κουμπιού, κεντράρετε όλες τις άλλες ετικέτες κουμπιού και τα συνοδευτικά γραφικά σε κουμπιά ίδιου μεγέθους
Άλλες ετικέτες στοιχείων (π.χ. πλαίσια με βέλη, πεδία κειμένου 12 εικονοστοιχεία μεταξύ της μακρύτερης ετικέτας κειμένου και του συσχετισμένου συστατικού της, όλες οι άλλες ετικέτες κειμένου στην ομαδοποίηση του συστατικού στοιχίζονται αριστερά με την μακρύτερη ετικέτα. Όλες οι κάθετα κεντραρισμένες ετικέτες στοιχίζονται με τα συσχετισμένα συστατικά
Κατευθυντήριες γραμμές
  • Εάν η ετικέτα προηγείται του ελέγχου που ονομάζει, τελειώστε την ετικέτα με άνω-κάτω τελεία. Για παράδειγμα, μήνυμα: για να ονομάσετε ένα πεδίο κειμένου στο οποίο ο χρήστης πρέπει να πληκτρολογεί τη διεύθυνση αλληλογραφίας του. Αυτό βοηθά την ταυτοποίησή του ως μια ετικέτα ελέγχου αντί για ένα ανεξάρτητο στοιχείο κειμένου. Μερικά βοηθήματα επιθεώρησης οθόνης βοηθητικής τεχνολογίας μπορεί επίσης να χρησιμοποιούν την παρουσία μιας άνω-κάτω τελείας για ταυτοποίηση κειμένου ως μια ετικέτα ελέγχου.
  • Βεβαιωθείτε ότι μια ετικέτα με μνημονική συσχετίζεται με τον έλεγχο που ονομάζει.
  • Αριστερή στοίχιση συστατικών και ετικετών, εκτός και όλες οι ετικέτες σε μια ομάδα έχουν πολύ διαφορετικά μήκη. Εάν συμβαίνει αυτό, ευθυγραμμίστε δεξιά τις ετικέτες, για να βεβαιωθείτε ότι κανένας έλεγχος δεν τελειώνει πολύ μακριά από τις αντίστοιχες ετικέτες του.
  • Επιλέξτε ονόματα ετικέτας προσεκτικά. Ονομάστε τα αντικείμενα με ονόματα που έχουν νόημα όταν βγαίνουν από το περιεχόμενο. Οι χρήστες που στηρίζονται σε αναγνώστες οθόνης ή παρόμοιες τεχνολογίες υποβοήθησης δεν θα μπορούν απαραίτητα να καταλάβουν άμεσα τη σχέση μεταξύ ενός ελέγχου και αυτών που το περιβάλλουν.
  • Να είστε συνεπής με τη χρήση ετικετών και σημασιολογίας. Για παράδειγμα, εάν χρησιμοποιείτε την ίδια ετικέτα σε διαφορετικά παράθυρα, θα βοηθήσει εάν σημαίνει το ίδιο πράγμα και στα δυο παράθυρα. Επίσης, μην χρησιμοποιείτε ετικέτες που γράφονται διαφορετικά αλλά ακούγονται το ίδιο, π.χ., "χήρα" και "χείρα", καθώς αυτό θα μπορούσε να μπερδέψει τους χρήστες που βασίζονται σε αναγνώστες οθόνης.
  • Μην χρησιμοποιείτε την ίδια ετικέτα περισσότερο από μια φορά στο ίδιο παράθυρο. Αυτό κάνει δύσκολη τη ζωή για χρήστες που βασίζονται σε εργαλεία όπως μεγεθυντές σε αναγνώστες οθόνης, που δεν μπορούν πάντα να μεταφέρουν το περιβάλλον περιεχόμενο στον χρήστη.
  • Μην κωδικοποιείτε μόνιμα τις τεχνοτροπίες και μεγέθη γραμματοσειράς. Ο χρήστης πρέπει να μπορεί να ρυθμίσει όλα τα μεγέθη και τύπους γραφής.
  • Μην χρησιμοποιείτε περισσότερες από δύο ή τρεις διαφορετικές γραμματοσειρές και μεγέθη στην εφαρμογή σας και επιλέξτε οπτικά διακριτές παρά παρόμοιες γραμματοσειρές σε ένα παράθυρο. Υπερβολικά μεγέθη και τεχνοτροπίες γραμματοσειρών θα κάνουν τη διεπαφή να φαίνεται άτακτη και αντιεπαγγελματική και θα είναι πιο δύσκολο να διαβαστεί. Γενικά, χρησιμοποιείτε πάντα γραμματοσειρές από το τρέχον θέμα και ορίστε σχετικά αντί για απόλυτα μεγέθη.
  • Μην χρησιμοποιείτε γραφικά παρασκήνια ή "υδατογραφήματα" πίσω από το κείμενο, άλλα από αυτά που ορίστηκαν από το επιλεγμένο θέμα του χρήστη. Αυτά ανακατεύονται με την αντίθεση μεταξύ του κειμένου και του παρασκηνίου του. Αυτό μπορεί να δυσκολέψει χρήστες με οπτικές εξασθενίσεις, που θα επιλέγουν κανονικά θέματα που χρησιμοποιούν πάντα απλά παρασκήνια.

8.3.2. Κεφαλαιοποίηση

Δύο τεχνοτροπίες κεφαλαιοποίησης χρησιμοποιούνται στα στοιχεία διεπαφής χρήστη στο GNOME:

Κεφαλαιοποίηση επικεφαλίδας

Κεφαλαιοποιήστε όλες τις λέξεις στο στοιχείο, με τις ακόλουθες εξαιρέσεις:

  • Άρθρα: ένας, ενός, έναν, ένα, μία, μιας, ο, η, το, του, της, τον, την.
  • Σύνδεσμοι: και, αλλά, για, όχι, έτσι, ακόμα ...
  • Προθέσεις τριών ή λιγότερων γραμμάτων: στο, για, από, σε, προς ...

Κεφαλαιοποίηση πρότασης

Κεφαλαίο στο πρώτο γράμμα της πρώτης λέξης και σε κάθε άλλη λέξη που κανονικά είναι με κεφαλαίο στις προτάσεις, όπως ονόματα εφαρμογών.

Ο ακόλουθος πίνακας υποδεικνύει τον τύπο κεφαλαιοποίησης που θα χρησιμοποιείται για κάθε τύπο στοιχείου διεπαφής χρήστη.

Table 8-3Οδηγίες τύπων κεφαλαιοποίησης για στοιχεία διεπαφής χρήστη
Στοιχείο Τύπος
Ετικέτες πεδίων ελέγχου Πρόταση
Ετικέτες για κουμπιά εντολών Επικεφαλίδα
Ετικέτες για επικεφαλίδες στηλών Επικεφαλίδα
Ετικέτες για αντικείμενα του παρασκηνίου της επιφάνειας εργασίας Επικεφαλίδα
Μηνύματα διαλόγου Πρόταση
Ετικέτες πεδίων εκπίπτοντος συνδυασμού Πρόταση
Ετικέτες πτυσσόμενου πεδίου λίστας Πρόταση
Ετικέτες πεδίων Πρόταση
Ονόματα αρχείων Πρόταση
Γραφικό ισοδύναμο κειμένου: για παράδειγμα, κείμενο Alt σε όλες τις ιστοσελίδες Πρόταση
Ετικέτες πεδίων ή πλαισίων ομάδας Επικεφαλίδα
Στοιχεία στα πτυσσόμενα σύνθετα πλαίσια, στα πτυσσόμενα πεδία λίστας και στα πεδία λίστας Πρόταση
Ετικέτες πεδίων λίστας Πρόταση
Στοιχεία μενού Επικεφαλίδα
Στοιχεία μενού σε εφαρμογές Επικεφαλίδα
Τίτλοι μενού σε εφαρμογές Επικεφαλίδα
Ετικέτες ραδιοπλήκτρων Πρόταση
Ετικέτες ολισθητή Πρόταση
Ετικέτες πλαισίου με βέλη Πρόταση
Τίτλοι για ενότητες καρτελών Επικεφαλίδα
Ετικέτες πλαισίων κειμένου Πρόταση
Ετικέτες γραμμών τίτλου Επικεφαλίδα
Ετικέτες κουμπιών εργαλειοθήκης Επικεφαλίδα
Συμβουλές οθόνης Πρόταση
Τίτλοι ιστοσελίδων και στοιχεία περιήγησης Επικεφαλίδα
Οδηγίες κεφαλαιοποίησης σε άλλες γλώσσες

Άλλες γλώσσες πέρα από τα αγγλικά μπορεί να έχουν διαφορετικούς κανόνες για την κεφαλαιοποίηση. Για παράδειγμα, τα σουηδικά δεν υπάρχει η έννοια κεφαλαιοποίηση κεφαλίδας. Επικοινωνήστε με το έργο μετάφρασης του GNOME εάν αμφιβάλετε για το πώς κεφαλοποιούνται οι ετικέτες σε μια συγκεκριμένη γλώσσα.