Αυτή η οδηγία είναι μέρος του Εγχειρίδιου Μορφής της Ελληνικής Βικιπαίδειας. Είναι ένα γενικά αποδεκτό πρότυπο που πρέπει να προσπαθήσουν να ακολουθήσουν οι συντάκτες, αν και αντιμετωπίζεται καλύτερα με κοινή λογική, και μπορεί να ισχύουν περιστασιακές εξαιρέσεις. Κάθε ουσιαστική τροποποίηση αυτής της σελίδας θα πρέπει να αντικατοπτρίζει τη συναίνεση. Σε περίπτωση αμφιβολίας, συζητήστε πρώτα στη σελίδα συζήτησης. |
Αυτή η σελίδα με λίγα λόγια: Οι σελίδες της Βικιπαίδειας πρέπει να περιηγούνται εύκολα και να διαβάζονται από άτομα με ειδικές ανάγκες. |
Η προσβασιμότητα στον Ιστό είναι ο στόχος της ευκολότερης πλοήγησης και ανάγνωσης των ιστοσελίδων. Ενώ αυτό προορίζεται κυρίως για να βοηθήσει άτομα με αναπηρίες, μπορεί να είναι χρήσιμο σε όλους τους αναγνώστες. Στόχος μας είναι να τηρούμε τις Οδηγίες προσβασιμότητας περιεχομένου Ιστού 2.0 (επίσης γνωστές ως ISO / IEC 40500: 2012) στις οποίες βασίζονται οι ακόλουθες προτάσεις. Οι σελίδες που τις ακολουθούν είναι ευκολότερες για ανάγνωση και επεξεργασία από όλους.
Στις 14 Ιανουαρίου 2006, το Διοικητικό Συμβούλιο του Ιδρύματος Wikimedia ενέκρινε το ακόλουθο ψήφισμα μη διακρίσεων: Το Ίδρυμα Wikimedia απαγορεύει τις διακρίσεις εις βάρος τρεχόντων ή μελλοντικών χρηστών και υπαλλήλων με βάση τη φυλή, το χρώμα, το φύλο, τη θρησκεία, την εθνική καταγωγή, την ηλικία, την αναπηρία, τον σεξουαλικό προσανατολισμό ή άλλα νομικά προστατευμένα χαρακτηριστικά. Το Ίδρυμα Wikimedia δεσμεύεται για την αρχή της ίσης ευκαιρίας, ειδικά σε όλες τις πτυχές των σχέσεων με τους εργαζομένους, συμπεριλαμβανομένης της απασχόλησης, της μισθολογικής διαχείρισης, της ανάπτυξης των εργαζομένων, της προαγωγής και της μεταφοράς.
Το WMF βεβαιώνει ότι οι πολιτικές του «δεν μπορούν να καταστρατηγηθούν, να διαβρωθούν, ή να αγνοηθούν από τη διοίκηση ή το προσωπικό του Ιδρύματος Wikimedia, ούτε από τοπικές πολιτικές οποιουδήποτε εγχειρήματος Wikimedia».
Μια τυποποιημένη δομή λημμάτων βελτιώνει την προσβασιμότητα, διότι επιτρέπει στους χρήστες να περιμένουν ότι το περιεχόμενο θα βρίσκεται σε ένα συγκεκριμένο μέρος της σελίδας. Για παράδειγμα, εάν ένας τυφλός χρήστης αναζητά συνδέσμους αποσαφήνισης και δεν βρει κανένα στην κορυφή της σελίδας, θα ξέρει ότι δεν υπάρχουν και δεν χρειάζεται να διαβάσει ολόκληρη τη σελίδα για να το μάθει.
Η τυποποίηση είναι ήδη συνήθεια στη Βικιπαίδεια, επομένως οι οδηγίες που πρέπει να ακολουθήσετε είναι απλώς Βικιπαίδεια:Εγχειρίδιο μορφής/Διάταξη και Βικιπαίδεια:Εισαγωγική ενότητα#Στοιχεία της εισαγωγής.
Οι επικεφαλίδες πρέπει να είναι περιγραφικές και με συνεπή σειρά όπως ορίζεται στο Εγχειρίδιο Μορφής .
Εμφωλεύετε επικεφαλίδες διαδοχικά, ξεκινώντας από το επίπεδο 2 ( ==
), στη συνέχεια το επίπεδο 3 ( ===
) και ούτω καθεξής (Το επίπεδο 1 είναι ο τίτλος σελίδας που δημιουργείται αυτόματα. ) Μην παραλείψετε τμήματα της ακολουθίας, όπως η επιλογή επιπέδων για έμφαση. δεν είναι αυτός ο σκοπός των επικεφαλίδων.
Σωστός | Τυχαία / χαοτική | Παράλειψη επιπέδων |
---|---|---|
|
|
|
Μην κάνετε ψευδο-επικεφαλίδες κάνοντας κατάχρηση της σήμανσης με ερωτηματικό (προορίζεται για περιγραφικές λίστες ) και προσπαθήστε να αποφύγετε τη χρήση έντονης σήμανσης. Οι αναγνώστες οθόνης και άλλη βοηθητική τεχνολογία μπορούν να χρησιμοποιούν μόνο επικεφαλίδες που έχουν σήμανση επικεφαλίδας για πλοήγηση.
Δεκτός | Ανακριβής |
---|---|
|
|
Στον κώδικα wiki, τα αιωρούμενα αντικείμενα (συμπεριλαμβανομένων των εικόνων) πρέπει να τοποθετηθούν μέσα στην ενότητα στην οποία ανήκουν. μην τοποθετείτε την εικόνα στο τέλος της προηγούμενης ενότητας. (Ανάλογα με την πλατφόρμα, η «στοίβαξη» πολλών εικόνων παράλληλα με σχετικά μικρή ποσότητα κειμένου μπορεί να προκαλέσει την προώθηση μιας συγκεκριμένης εικόνας σε μεταγενέστερη ενότητα. Ωστόσο, αυτό δεν είναι ζήτημα προσβασιμότητας, καθώς οι αναγνώστες οθόνης διαβάζουν πάντα το alt=
κάθε εικόνας στο σημείο όπου κωδικοποιείται η εικόνα. )
Τα λήμματα της Βικιπαίδειας πρέπει να είναι προσβάσιμα σε αναγνώστες που χρησιμοποιούν συσκευές με μικρές οθόνες ή σε αναγνώστες που χρησιμοποιούν οθόνες με χαμηλή ανάλυση. Η χαμηλότερη ανάλυση που θεωρείται δυνατό να υποστηριχθεί χωρίς να επηρεάσει αρνητικά άλλους χρήστες είναι 1024 × 768. Όλα τα λήμματα πρέπει να φαίνονται αποδεκτά σε αυτήν την ανάλυση χωρίς υπερβολική οριζόντια κύλιση. Αυτό είναι μερικές φορές ένα ζήτημα σε λήμματα με πολλές εικόνες και στις δύο πλευρές της οθόνης. Αν και οι χαμηλότερες αναλύσεις τείνουν να τεντώνουν κάθετα τις παραγράφους, μετακινώντας τις εικόνες σε αυτή την κατεύθυνση, προσέξτε να μην προσθέσετε ταυτόχρονα εικόνες ή άλλο αιωρούμενο περιεχόμενο και στις δύο πλευρές της οθόνης. Μεγάλοι πίνακες και εικόνες μπορούν επίσης να δημιουργήσουν προβλήματα. Μερικές φορές η οριζόντια κύλιση είναι αναπόφευκτη, αλλά εξετάστε το ενδεχόμενο αναδιάρθρωσης μεγάλων πινάκων ώστε να εκτείνονται κάθετα και όχι οριζόντια.
Από προεπιλογή, οι περισσότεροι αναγνώστες οθόνης δεν υποδεικνύουν χαρακτηριστικά παρουσίασης κειμένου (έντονο, πλάγιο, υπογράμμιση, μονοδιάστημα, διακριτή διαγραφή) ή ακόμη και σημασιολογικά χαρακτηριστικά κειμένου (έμφαση, σημασία, διαγραφή κειμένου), επομένως το διαγεγραμμένο κείμενο διαβάζεται κανονικά μαζί με οποιοδήποτε άλλο κείμενο . (Οι συντάκτες που χρησιμοποιούν προγράμματα ανάγνωσης οθόνης που συμμετέχουν στην πολιτική της Βικιπαίδειας και στις συζητήσεις διαγραφής, συνιστάται να ενεργοποιούν τις ειδοποιήσεις σχετικά με τα χαρακτηριστικά κειμένου όταν το κάνουν, καθώς το διαγραμμένο κείμενο είναι συνηθισμένο στις εσωτερικές συζητήσεις της Βικιπαίδειας. )
Δεδομένου ότι το διαγεγραμμένο συνήθως αγνοείται από τους αναγνώστες οθόνης, η σπάνια χρήση σε λήμματα (π.χ. για την εμφάνιση αλλαγών σε ανάλυση κειμένου) θα προκαλέσει προβλήματα προσβασιμότητας και απόλυτη σύγχυση εάν είναι η μόνη ένδειξη που χρησιμοποιείται. Αυτό ισχύει τόσο για τα στοιχεία <s>
και <del>
(μαζί με τα αντίστοιχα <ins>
, που συνήθως αποδίδονται οπτικά ως υπογραμμισμένα), καθώς και για πρότυπα που τα χρησιμοποιούν. Μην χρησιμοποιείτε διακριτή διαγραφή για να αντιταχθείτε σε περιεχόμενο που θεωρείτε ακατάλληλο ή εσφαλμένο. Αντ 'αυτού, σχολιάστε το με <!--
και -->
, ή αφαιρέστε το εντελώς ή χρησιμοποιήστε ένα ενσωματωμένο πρότυπο επιμέλειας/διαφωνίας και θέστε το θέμα στη σελίδα συζήτησης.
Οι αναγνώστες οθόνης έχουν ευρέως ποικίλη υποστήριξη για χαρακτήρες πέρα από Latin-1 και Windows-1252 και δεν είναι ασφαλές να υποθέσουμε πώς θα εκφραστεί οποιοσδήποτε χαρακτήρας σε αυτές τις περιοχές. Εάν δεν αναγνωρίζονται από τον αναγνώστη οθόνης ή το συνθέτη ομιλίας, μπορεί να προφέρονται ως ερωτηματικό ή να παραλείπονται εξ ολοκλήρου από την έξοδο ομιλίας.
Η ακολουθία χαρακτήρων πρέπει να είναι επαρκής για τη μεταφορά σημασιολογικών πτυχών του κειμένου (και, κατά προτίμηση, άλλων παρόμοιων μορφών περιεχομένου). Η εξάρτηση από προσαρμοσμένα «ειδικά σύμβολα» που διακρίνονται μόνο από ιδιότητες CSS ή σήμανση wiki δεν είναι αποδεκτή.
Μην χρησιμοποιείτε τεχνικές που απαιτούν αλληλεπίδραση για την παροχή πληροφοριών, όπως tooltips ή οποιοδήποτε άλλο κείμενο "hover". Οι συντομογραφίες εξαιρούνται από αυτές τις απαιτήσεις, επομένως το πρότυπο {{abbr}}
(ένα περιτύλιγμα για το στοιχείο <abbr>
) μπορεί να χρησιμοποιηθεί για να δείξει τη μεγάλη μορφή συντομογραφίας (συμπεριλαμβανομένου ενός αρκτικόλεξου ή αρχικοποίησης).
Μην εισαγάγετε διακοπές γραμμής σε μια πρόταση, καθώς αυτό καθιστά πιο δύσκολη την επεξεργασία με ένα πρόγραμμα ανάγνωσης οθόνης. Μια διακοπή γραμμής μπορεί να ακολουθήσει μια πρόταση, η οποία μπορεί να βοηθήσει ορισμένους συντάκτες.
Τα μειωμένα ή μεγεθυμένα μεγέθη γραμματοσειρών πρέπει να χρησιμοποιούνται με φειδώ και συνήθως γίνονται με αυτοματοποιημένα στοιχεία σελίδας όπως επικεφαλίδες, κεφαλίδες πίνακα και τυποποιημένα πρότυπα. Οι αλλαγές μεγέθους καθορίζονται ως ποσοστό του αρχικού μεγέθους γραμματοσειράς και όχι ως απόλυτο μέγεθος σε pixel ή μέγεθος σημείου. Αυτό βελτιώνει την προσβασιμότητα για χρήστες με προβλήματα όρασης που χρησιμοποιούν μεγάλο προεπιλεγμένο μέγεθος γραμματοσειράς.
Αποφύγετε τη χρήση μικρότερων μεγεθών γραμματοσειρών σε στοιχεία σελίδας που χρησιμοποιούν ήδη μικρότερο μέγεθος γραμματοσειράς, όπως ενότητες infobox, navbox και παραπομπών. Αυτό σημαίνει ότι στοιχεία <small>...</small>
, και πρότυπα όπως το {{small}}
και {{smaller}}
, δεν πρέπει να εφαρμόζεται σε απλό κείμενο μέσα σε αυτά τα στοιχεία. Σε καμία περίπτωση το προκύπτον μέγεθος γραμματοσειράς οποιουδήποτε κειμένου δεν πρέπει να πέφτει κάτω από το 85% του προεπιλεγμένου μεγέθους γραμματοσειράς της σελίδας (δηλ. 11.9 px στο θέμα Vector ή 10.8 px στο Monobook). Λάβετε υπόψη ότι η ετικέτα HTML <small>...</small>
έχει τη σημασιολογική σημασία των ψιλών γραμμάτων, μην το χρησιμοποιείτε για στιλιστικές αλλαγές.
Οι μη ελληνικές λέξεις ή φράσεις θα πρέπει να περικλείονται στο {{lang}}, το οποίο χρησιμοποιεί κωδικούς γλώσσας ISO 639, έτσι:
<span lang="fr" dir="ltr">Assemblée nationale</span>
που εμφανίζεται ως
Assemblée nationale
ή {{lang|fr|Assemblée nationale}}
που εμφανίζεται ως
Assemblée nationale
ή {{lang-fr|Assemblée nationale}}
που εμφανίζεται ως
γαλλικά: Assemblée nationale.
Σκεπτικό: το {{lang}} επιτρέπει επιτρέπει στους συνθέτες ομιλίας να προφέρουν το κείμενο στη σωστή γλώσσα. Έχει πολλές άλλες χρήσεις. Δείτε Πρότυπο:Lang/τεκμηρίωση για μια ολοκληρωμένη λίστα παροχών.
Δεν είναι απαραίτητο ούτε επιθυμητό να τυλίξετε αυτές τις κατασκευές με πλάγια σήμανση. Εάν γίνει επιθυμητό, τα πρότυπα {{lang}}
και {{lang-xx}}
υποστηρίζουν ήδη αυτόματη πλάγια γραφή.
Τα χρώματα απαντώνται συχνότερα στα λήμματα της Βικιπαίδειας σε πρότυπα και πίνακες .
Τα λήμματα (και άλλες σελίδες) που χρησιμοποιούν χρώμα πρέπει να έχουν κατά νου την προσβασιμότητα, ως εξής:
Μην διαχωρίζετε τα στοιχεία λίστας αφήνοντας κενές γραμμές ή διαλείμματα στηλών μεταξύ τους. Αυτό περιλαμβάνει στοιχεία σε μια περιγραφική λίστα περιγραφών (μια λίστα που ξεκινά με ερωτηματικό ή άνω και κάτω τελεία, που είναι επίσης ο τρόπος με τον οποίο διαμορφώνονται οι περισσότερες συζητήσεις για τη συζήτηση σελίδας) ή μια ταξινομημένη λίστα ή μια λίστα χωρίς ταξινόμηση. Οι λίστες προορίζονται να ομαδοποιήσουν στοιχεία που ανήκουν μεταξύ τους, αλλά το MediaWiki θα ερμηνεύσει την κενή γραμμή ως το τέλος μιας λίστας και θα ξεκινήσει μια νέα. Τα υπερβολικά διαλείμματα διπλής γραμμής διαταράσσουν επίσης τους αναγνώστες οθόνης, οι οποίοι θα ανακοινώσουν πολλές λίστες όταν σκοπός ήταν να υπάρχει μόνο μία, και ως εκ τούτου ενδέχεται να παραπλανήσουν ή να μπερδέψουν τους χρήστες αυτών των προγραμμάτων. Αυτή η ακατάλληλη μορφοποίηση μπορεί επίσης να υπερδιπλασιάσει το χρονικό διάστημα που τους χρειάζεται να διαβάσουν τη λίστα.
Ομοίως, μην κάνετε εναλλαγή μεταξύ των αρχικών τύπων δεικτών λίστας (άνω και κάτω τελεία, αστερίσκοι ή διέσεις) σε μία λίστα. Κατά την εμφώλευση σε απάντηση σε μια ανάρτηση που ξεκινά με οποιοδήποτε μείγμα άνω και κάτω τελείας και αστερίσκων και μερικές φορές σημάδια κατακερματισμού, είναι απαραίτητο να αντιγράψετε οποιαδήποτε σειρά από αυτούς τους χαρακτήρες χρησιμοποιήθηκε παραπάνω και να προσθέσετε έναν ακόμη τέτοιο χαρακτήρα. Εναλλακτικά, απλώς βγείτε από εκείνη τη σειρά αναρτήσεων και ξεκινήστε μια νέα συζήτηση (δηλαδή, μια νέα λίστα HTML).
Για παράδειγμα, σε μια συζήτηση, κάντε αυτή τη βέλτιστη πρακτική:
* Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
** Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
ή , σε μια μη ολοκληρωμένη συζήτηση:
: Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
:: Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
Αυτό είναι επίσης αποδεκτή πρακτική (για να αποκρύψετε την κουκκίδα σε μια απάντηση):
* Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
*: Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
Αλλά μην κάνετε αυτό (εναλλαγή τύπου από λίστα κουκκίδων σε λίστα περιγραφής):
* Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
:: Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
ούτε αυτό (εναλλαγή τύπου από λίστα κουκκίδων σε λίστα περιγραφής):
* Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
:* Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
ούτε αυτό (να αφήσετε κενές γραμμές μεταξύ των στοιχείων της λίστας):
* Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
** Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
ούτε αυτό (άλμα πάνω από ένα επίπεδο):
* Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
*** Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
Αυτό αποθαρρύνεται γενικά :
: Υπέρ. Μου αρέσει η ιδέα. —Χρήστης:Παράδειγμα
:* Ερώτηση: Τι σου αρέσει σε αυτη; —Χρήστης:Παράδειγμα2
Αυτή η εμβολή μιας κουκκίδας προσθέτει άσκοπα στην πολυπλοκότητα της λίστας και καθιστά πιο δύσκολη την παρακολούθηση της συζήτησης για τους αναγνώστες οθόνης, οι οποίοι αντιμετωπίζουν την επιπλέον κουκκίδα ως εντελώς νέα ένθετη λίστα.
Η κανονική σήμανση λίστας MediaWiki είναι δυστυχώς ασύμβατη με την κανονική σήμανση παραγράφου MediaWiki.
* Αυτό είναι ένα αντικείμενο.<p>Αυτό είναι άλλη παράγραφος μέσα σε αυτό το αντικείμενο.</p>
* Αυτό είναι άλλο αντικείμενο.
Για να γίνει αυτό, κάντε το με ρητή σήμανση HTML για παραγράφους (σημειώστε την ετικέτα κλεισίματος </p>
):
* Αυτό είναι ένα αντικείμενο.<!--
--><p>Αυτό είναι άλλη παράγραφος μέσα σε αυτό το αντικείμενο.</p>
* Αυτό είναι άλλο αντικείμενο.
Αυτό πρέπει να γίνει σε μία γραμμή κώδικα. Ωστόσο, μπορείτε προαιρετικά να χρησιμοποιήσετε το κόλπο της αναδίπλωσης μιας αλλαγής γραμμής κώδικα σε ένα σχόλιο HTML (το οποίο το καταστέλλει ως αλλαγή γραμμής εξόδου), για να διαχωρίσετε καλύτερα τις παραγράφους σε προβολή κώδικα:
* Αυτό είναι ένα αντικείμενο.<!--
--><p>Αυτό είναι άλλη παράγραφος μέσα σε αυτό το αντικείμενο.</p>
* Αυτό είναι άλλο αντικείμενο.
Μην χρησιμοποιήστε αλλαγές γραμμής για προσομοίωση παραγράφων, επειδή έχουν διαφορετική σημασιολογία:
* Αυτό είναι ένα αντικείμενο.<br>Αυτό είναι άλλη παράγραφος μέσα σε αυτό το αντικείμενο.
* Αυτό είναι άλλο αντικείμενο.
Οι ετικέτες αλλαγής γραμμής προορίζονται για αναδίπλωση εντός μιας παραγράφου, όπως γραμμές ενός ποιήματος ή ενός τμήματος πηγαίου κώδικα. Δείτε επίσης τις ετικέτες MediaWiki <poem>
και <syntaxhighlight>
.
Σίγουρα μην επιχειρήσετε να χρησιμοποιήσετε άνω και κάτω τελεία για να ταιριάζει με το επίπεδο εσοχής, καθώς (όπως αναφέρθηκε παραπάνω) παράγει τρεις ξεχωριστές λίστες:
* Αυτό είναι ένα αντικείμενο.
: Αυτή είναι μια εντελώς ξεχωριστή λιστα.
* Αυτή είναι μια τρίτη λίστα.
Εναλλακτικά, μπορείτε χρησιμοποιήσετε ένα από τα πρότυπα λίστας HTML για να εγγυηθείτε την ομαδοποίηση. Αυτό είναι πιο χρήσιμο για τη συμπερίληψη στοιχείων μπλοκ, όπως μορφοποιημένος κώδικας, σε λίστες:
{{bulleted list
|1=Αυτό είναι ένα αντικείμενο:
<pre>
Αυτός είναι κάποιος κώδικας.
</pre>
Αυτό είναι ακόμη το ίδιο αντικείμενο.
|2=Αυτό είναι δεύτερο αντικείμενο.
}}
Για κάθετες λίστες με κουκκίδες, μην διαχωρίζετε αντικείμενα αφήνοντας κενές γραμμές μεταξύ τους. Εάν τα στοιχεία λίστας διαχωρίζονται με περισσότερες από μία αλλαγές γραμμής, η λίστα HTML θα τερματιστεί πριν από τη διακοπή γραμμής και μια άλλη λίστα HTML θα ανοίξει μετά τη διακοπή γραμμής. Αυτό ως αποτέλεσμα χωρίζει αυτό που θεωρείται ως μια λίστα σε πολλές μικρότερες λίστες για όσους χρησιμοποιούν προγράμματα ανάγνωσης οθόνης . Για παράδειγμα, για την κωδικοποίηση:
* Λευκό τριαντάφυλλο
* Κίτρινο τριαντάφυλλο
* Ροζ τριαντάφυλλο
* Κόκκινο τριαντάφυλλο
το λογισμικό καταστέλλει εν μέρει κενά γραμμών και ως εκ τούτου μοιάζει με αυτό:
αλλά θα διαβαστεί από έναν αναγνώστη οθόνης ως: «Λίστα 2 αντικειμένων: (κουκκίδα) Λευκό τριαντάφυλλο, (κουκκίδα) Κίτρινο τριαντάφυλλο, τέλος λίστας. Λίστα 1 αντικειμένων: (κουκκίδα) Ροζ τριαντάφυλλο, τέλος λίστας. Λίστα 1 αντικειμένων: (κουκκίδα) Κόκκινο τριαντάφυλλο, τέλος λίστας.»
Μην διαχωρίζετε στοιχεία λίστας με αλλαγές γραμμής ( <br />
). Χρησιμοποιήστε το {{plainlist}}/{{unbulleted list}} εάν η λίστα θα παραμείνει κατακόρυφη. ή σκεφτείτε τα {{flatlist}}/ {{hlist}} εάν η λίστα θα μπορούσε να αποδοθεί καλύτερα οριζόντια (εντός γραμμής) όπως περιγράφεται στις ακόλουθες δύο ενότητες.
Για μη ολοκληρωμένες λίστες που προχωρούν προς τα κάτω στη σελίδα, τα πρότυπα {{plainlist}} και {{unbulleted list}} είναι διαθέσιμα, για τη βελτίωση της προσβασιμότητας και της σημασιολογικής σημασίας, επισημαίνοντας ότι είναι σαφώς μια λίστα αντί να συμπεριλαμβάνετε <br />
αλλαγές γραμμής, οι οποίες δεν πρέπει να χρησιμοποιούνται - δείτε παραπάνω. Διαφέρουν μόνο στη σύνταξη κώδικα wiki που χρησιμοποιείται για τη δημιουργία της λίστας. Λάβετε υπόψη ότι επειδή πρόκειται για πρότυπα, το κείμενο κάθε στοιχείου λίστας δεν μπορεί να περιέχει το σύμβολο κάθετης γραμμής ( |
) εκτός εάν αντικατασταθεί από {{!}}
Ή περιέχεται σε ετικέτες <nowiki>...</nowiki>
Παρομοίως, δεν μπορεί να περιέχει το σύμβολο ίσο ( =
), εκτός εάν αντικατασταθεί με {{=}} ή περιέχεται μέσα σε <nowiki>...</nowiki>
, αν και μπορείτε να το παρακάμψετε ονομάζοντας τις παραμέτρους ( |1=
, |2=
κ.λπ. ). , ενδέχεται να μπορείτε να χρησιμοποιήσετε την παραλλαγή χρησιμοποιώντας το {{endplainlist}}.
Wikitext | Εμφανίζεται ως |
---|---|
{{plainlist |
* Λευκό τριαντάφυλλο
* Κίτρινο τριαντάφυλλο
* Ροζ τριαντάφυλλο
* Κόκκινο τριαντάφυλλο
}}
|
|
Wikitext | Εμφανίζεται ως |
---|---|
{{unbulleted list
| Λευκό τριαντάφυλλο
| Κίτρινο τριαντάφυλλο
| Ροζ τριαντάφυλλο
| Κόκκινο τριαντάφυλλο
}}
|
|
Εναλλακτικά, σε πρότυπα όπως πλαίσια πλοήγησης και τα παρόμοια, ή σε οποιοδήποτε κατάλληλο κοντέινερ, τέτοιες λίστες μπορούν να διαμορφωθούν με την κατηγορία «plainlist»
, έτσι μπορούν να χρησιμοποιηθούν:
| listclass = plainlist
ή| bodyclass = plainlist
Στα πλαίσια πληροφοριών :
| rowclass = plainlist
ή| bodyclass = plainlist
Για λίστες που εκτείνονται στη σελίδα κατά πλάτος, και σε μεμονωμένες σειρές σε πλαίσια πληροφοριών και άλλους πίνακες, τα πρότυπα {{flatlist}} and {{hlist}} είναι διαθέσιμα για τη βελτίωση της προσβασιμότητας και της σημασιολογικής σημασίας. Αυτή η δυνατότητα χρησιμοποιεί τη σωστή σήμανση HTML για κάθε στοιχείο λίστας, αντί να περιλαμβάνει χαρακτήρες με κουκκίδες που, για παράδειγμα, διαβάζονται (π.χ. «τελεία γάτα σκύλος σκύλος τελεία άλογο τελεία ...») από το βοηθητικό λογισμικό που χρησιμοποιείται από άτομα που είναι τυφλά. Τα πρότυπα διαφέρουν μόνο στον κώδικα wiki που χρησιμοποιείται για τη δημιουργία της λίστας. Λάβετε υπόψη ότι όταν διαβιβάζεται κείμενο σε αυτά (ή σε οποιοδήποτε άλλο) πρότυπο, ο χαρακτήρας κάθετης γραμμής (|) πρέπει να διαφύγει με {{!}}.
Κώδικας wiki | Εμφανίζεται ως |
---|---|
{{flatlist |
* Λευκό τριαντάφυλλο
* Κίτρινο τριαντάφυλλο
* Ροζ τριαντάφυλλο
* Κόκκινο τριαντάφυλλο
}}
|
|
Κώδικας wiki | Εμφανίζεται ως |
---|---|
{{hlist |
* Λευκό τριαντάφυλλο
* Κίτρινο τριαντάφυλλο
* Ροζ τριαντάφυλλο
* Κόκκινο τριαντάφυλλο
}}
|
|
Εναλλακτικά, σε πρότυπα όπως πλαίσια πλοήγησης και παρόμοια, ή σε οποιοδήποτε κατάλληλο πρότυπο, αυτές οι λίστες μπορούν να διαμορφωθούν με την κλάση hlist
, έτσι μπορούν να χρησιμοποιηθούν:
| listclass = hlist
ή| bodyclass = hlist
Στα πλαίσια πληροφοριών:
| rowclass = hlist
ή| bodyclass = hlist
Η ακατάλληλη χρήση ενός ερωτηματικού για να κάνετε έντονο ένα «ψεύτικο τίτλο» πριν από μια λίστα (εικόνα 1) δημιουργεί ένα κενό στη λίστα και ακόμη χειρότερα. Η γραμμή με ερωτηματικό είναι μια λίστα περιγραφής ενός στοιχείου, χωρίς περιεχόμενο περιγραφής, ακολουθούμενη από μια δεύτερη λίστα.
Αντ 'αυτού, χρησιμοποιήστε τη σήμανση επικεφαλίδας (εικόνα 2).
; Ευγενή αέρια * Ήλιο * Νέον * Αργόν * Κρύπτον * Ξένον * Ραδόνιο
== Ευγενή αέρια == * Ήλιο * Νέον * Αργόν * Κρύπτον * Ξένον * Ραδόνιο
Οι αναγνώστες οθόνης και άλλα εργαλεία περιήγησης του Ιστού χρησιμοποιούν συγκεκριμένες ετικέτες πίνακα για να βοηθήσουν τους χρήστες να περιηγηθούν στα δεδομένα που περιέχονται σε αυτά.
Χρησιμοποιήστε τη σωστή σύνταξη wiki για πίνακες για να επωφεληθείτε από όλες τις διαθέσιμες δυνατότητες. Δείτε meta:Help:Tables για περισσότερες πληροφορίες σχετικά με την ειδική σύνταξη που χρησιμοποιείται για πίνακες. Μην χρησιμοποιείτε απλά και μόνο για μορφοποίηση, είτε με CSS είτε ενσωματωμένα στυλ, για να δημιουργήσετε σημασιολογική σημασία (π.χ. αλλαγή χρώματος φόντου).
Πολλά πλαίσια πλοήγησης και πλαίσια πληροφοριών δημιουργούνται χρησιμοποιώντας πίνακες.
Αποφύγετε τη χρήση ετικετών <br />
ή <hr />
σε παρακείμενα κελιά για να μιμηθείτε μια οπτική σειρά που δεν αντικατοπτρίζεται στη δομή του πίνακα HTML. Αυτό είναι ένα πρόβλημα για τους χρήστες αναγνωστών οθόνης που διαβάζουν πίνακες κελί ανά κελί, σειρά HTML κατά σειρά HTML, όχι οπτική σειρά κατά οπτική σειρά.
{|
|+
|-
! scope="col" |
! scope="col" |
! scope="col" |
| -
! scope="row" |
| ||
| -
! scope="row" |
| ||
...
|}
|+
)!
)! scope="col" |
και ! scope="row" |
)Δείτε και Βικιπαίδεια:Σφάλματα στη χρήση πινάκων για μια σειρά από σφάλματα στη χρήση πινάκων, είτε σφάλματα σύνταξης που μπορεί να προκαλέσουν πρόβλημα ορατό, ή πρόβλημα που μπορεί να εντοπιστεί τεχνικά, είτε σφάλματα που έχουν δεν προκαλούν τεχνικό σφάλμα αλλά οδηγούν σε προβλήματα χρηστικότητας και προσβασιμότητας.
Αποφύγετε τη χρήση πινάκων για οπτική τοποθέτηση μη πινακοειδέςπεριεχομένου. Οι πίνακες δεδομένων παρέχουν επιπλέον πληροφορίες και μεθόδους πλοήγησης που μπορεί να προκαλέσουν σύγχυση όταν το περιεχόμενο δεν έχει λογικές σχέσεις γραμμής και στήλης. Αντ 'αυτού, χρησιμοποιήστε σημασιολογικά κατάλληλα στοιχεία ή <div>
και style
ιδιότητες.
Όταν χρησιμοποιείτε έναν πίνακα για να τοποθετήσετε μη πινακοειδές περιεχόμενο, βοηθήστε τους αναγνώστες οθόνης να το αναγνωρίσουν ως πίνακα διάταξης και όχι ως πίνακα δεδομένων. Ορίστε ένα role="presentation"
χαρακτηριστικό στον πίνακα και μην ορίσετε κανένα χαρακτηριστικό summary
. Μην χρησιμοποιείτε κανένα <caption>
ή <th>
στοιχεία μέσα στον πίνακα ή μέσα σε ένθετους πίνακες. Στη σήμανση πίνακα wiki, αυτό σημαίνει ότι δεν χρησιμοποιείτε τα προθέματα |+
ή !
. Βεβαιωθείτε ότι η σειρά ανάγνωσης του περιεχομένου είναι σωστή. Οπτικά εφέ, όπως κεντράρισμα ή έντονη γραμματοσειρά, μπορούν να επιτευχθούν με css ή σημασιολογικά στοιχεία. Για παράδειγμα:
{| role="presentation" class="toccolors" style="width:94%"
|-
| colspan="2" style="text-align: center; background-color: #ccf;" | <strong>Σημαντικό μήνυμα</strong>
|-
| Η έξυπνη || αλεπού
|-
| από η μύτη || πιάνεται.
|}
<math>.
<math>
Κάτι τέτοιο μπορεί να διακόψει συνδέσμους σε ενότητες και να προκαλέσει άλλα προβλήματα.Σε γενικές γραμμές, τα στυλ για πίνακες και άλλα στοιχεία επιπέδου μπλοκ θα πρέπει να οριστούν χρησιμοποιώντας τάξεις CSS, όχι με ενσωματωμένα χαρακτηριστικά στυλ. Το CSS σε ολόκληρο τον ιστότοπο στο MediaWiki:Common.css δοκιμάζεται πιο προσεκτικά για να διασφαλιστεί η προσβασιμότητα (π.χ. επαρκής αντίθεση χρώματος) και η συμβατότητα με ένα ευρύ φάσμα προγραμμάτων περιήγησης. Επιπλέον, επιτρέπει στους χρήστες με πολύ συγκεκριμένες ανάγκες να αλλάξουν τους συνδυασμούς χρωμάτων στο δικό τους φύλλο στυλ ( Ειδικό:MyPage/skin.css ή το φύλλο στυλ του προγράμματος περιήγησής τους). Το πρόβλημα είναι ότι όταν παραλείπονται οι προεπιλεγμένες τάξεις σε ολόκληρο τον ιστότοπο, καθιστά πολύ πιο δύσκολο για ένα άτομο να επιλέξει το δικό του θέμα.
Δημιουργεί επίσης μεγαλύτερο βαθμό επαγγελματισμού διασφαλίζοντας μια συνεπή εμφάνιση μεταξύ λημμάτων και συμμόρφωσης με τον οδηγό μορφοποίησης.
Όσον αφορά την προσβασιμότητα, οι αποκλίσεις από τις τυπικές συμβάσεις είναι ανεκτές εφόσον είναι προσβάσιμες. Εάν κάποιο πρότυπο ή συγκεκριμένο σχέδιο χρωμάτων αποκλίνει από τα στάνταρ, οι συντάκτες του πρέπει να βεβαιωθούν ότι πληροί τις απαιτήσεις προσβασιμότητας, όπως η παροχή επαρκούς αντίθεσης χρώματος.
Γενικά, τα λήμματα θα πρέπει να χρησιμοποιούν wikimarkup κατά προτίμηση από το περιορισμένο σύνολο επιτρεπόμενων στοιχείων HTML . Συγκεκριμένα, μην χρησιμοποιείτε τα στοιχεία στυλ HTML <i>
και <b>
για τη μορφοποίηση κειμένου. Είναι προτιμότερο να χρησιμοποιήσετε Wiki-markup ''
ή '''
για καθαρά τυπογραφικά πλάγια γράμματα και έντονη εμφάνιση, αντίστοιχα, και να χρησιμοποιήσετε σημασιολογικά πρότυπα ή στοιχεία για πιο σημαντικές διαφορές. Το <font>
πρέπει επίσης να αποφεύγεται στο κείμενο του λήμματος. χρησιμοποιήστε τα {{em}}
, {{code}}
, {{var}}
και τα άλλα σημασιολογικά πρότυπα σήμανσης όπως απαιτείται, για να τονίσετε τις λογικές διαφορές και όχι μόνο τις οπτικές. Χρησιμοποιήστε τα {{resize}}, {{small}} και {{big}} για να αλλάξετε το μέγεθος της γραμματοσειράς, αντί να το ορίσετε ρητά με χαρακτηριστικά στυλ CSS όπως font-size
ή στοιχεία στυλ που έχουν καταργηθεί όπως <big>
. Φυσικά υπάρχουν φυσικές εξαιρέσεις. π.χ., μπορεί να είναι χρήσιμο να χρησιμοποιήσετε το στοιχείο <u>...</u>
για να υποδείξετε κάτι σαν ένα παράδειγμα συνδέσμου που δεν μπορεί να κάνει κλικ, αλλά η υπογράμμιση κατά τα άλλα δεν χρησιμοποιείται γενικά σε κείμενο λήμματος.