Skip to content

Ρόλοι ARIA εξηγούνται

Συνοπτικός οδηγός τιμών ρόλων ARIA: ρόλοι landmark, εγγράφου, widget και ζωντανών περιοχών με σκοπό και περιπτώσεις χρήσης.

Οι ρόλοι ARIA δηλώνουν τι κάνει ένα στοιχείο. Οι ρόλοι landmark χαρτογραφούν περιοχές της σελίδας. Οι ρόλοι εγγράφου δομούν το περιεχόμενο. Οι ρόλοι widget επισημαίνουν διαδραστικά στοιχεία ελέγχου. Οι ρόλοι ζωντανών περιοχών αναγγέλλουν δυναμικές ενημερώσεις.

Πίνακας αναφοράς · 77 καταχωρήσεις
77 of 77 rows
Landmark
Προσδιορίζει την κεφαλίδα του ιστότοπου στην κορυφή της σελίδας.Λογότυπο της μάρκας, κύριο σύνθημα, κεφαλίδα της σελίδας.
Ομαδοποιεί μια συλλογή συνδέσμων πλοήγησης.Κύρια μενού, ίχνος πλοήγησης, πλοήγηση εντός σελίδας.
Επισημαίνει το κυρίαρχο περιεχόμενο του εγγράφου.Το μοναδικό κύριο σώμα της σελίδας.
Επισημαίνει υποστηρικτικό περιεχόμενο ξεχωριστό από το κύριο.Πλαϊνές στήλες, συγγενικοί σύνδεσμοι, επισημάνσεις.
Ομαδοποιεί μεταδεδομένα υποσέλιδου για το γονικό έγγραφο.Γραμμές πνευματικών δικαιωμάτων, σύνδεσμοι απορρήτου, νομικό υποσέλιδο.
Επισημαίνει μια περιοχή που περιέχει φόρμα αναζήτησης.Αναζήτηση ιστότοπου, φόρμες φίλτρων, πεδία εύρεσης.
Επισημαίνει μια ονομασμένη, αντιληπτή ενότητα της σελίδας.Προσαρμοσμένες ενότητες με προσβάσιμο όνομα.
Επισημαίνει μια περιοχή που περιέχει ένα σύνολο πεδίων φόρμας.Ονομασμένες φόρμες αναζήτησης, πάνελ φίλτρων, ενότητες ερωτηματολογίων.
Επισημαίνει μια περιοχή που συμπεριφέρεται ως εφαρμογή λογισμικού.Επεξεργαστές πλήρους σελίδας, χάρτες, επιφάνειες παιχνιδιών.
Έγγραφο
Επισημαίνει μια αυτοτελή σύνθεση.Αναρτήσεις blog, ειδήσεις, κάρτες προϊόντων.
Επισημαίνει μια επικεφαλίδα για ενότητα περιεχομένου.Τίτλοι ενοτήτων όταν τα εγγενή h1-h6 δεν εφαρμόζονται.
Ομαδοποιεί μια λίστα συγγενικών στοιχείων.Προσαρμοσμένες λίστες με κουκκίδες ή αρίθμηση.
Επισημαίνει ένα μεμονωμένο στοιχείο μέσα σε λίστα.Μια γραμμή μιας προσαρμοσμένης λίστας.
Ομαδοποιεί ένα σύνολο συγγενικών στοιχείων ελέγχου φόρμας.Σύνολα πεδίων, ομάδες κουμπιών radio, συγγενικά πεδία.
Επισημαίνει γραφικό περιεχόμενο συζευγμένο με λεζάντα.Εικόνες, διαγράμματα, γραφήματα με ετικέτα.
Επισημαίνει δεδομένα διατεταγμένα σε γραμμές και στήλες.Πινακικά δεδομένα φτιαγμένα από προσαρμοσμένα στοιχεία.
Επισημαίνει μια ορατή ετικέτα για πίνακα, πλέγμα ή σχήμα.Τίτλοι πάνω από πίνακες δεδομένων, ετικέτες σχημάτων.
Ομαδοποιεί ένα σύνολο συγγενικών γραμμών σε πίνακα.Ζώνες κεφαλίδας, σώματος και υποσέλιδου πίνακα.
Επισημαίνει μια γραμμή κελιών σε πίνακα ή πλέγμα.Μια γραμμή εγγραφής ενός προσαρμοσμένου πίνακα.
Επισημαίνει ένα κελί κεφαλίδας για στήλη πίνακα.Κορυφαίες ετικέτες ενός πίνακα δεδομένων.
Επισημαίνει ένα κελί κεφαλίδας για γραμμή πίνακα.Η αρχική ετικέτα κάθε γραμμής πίνακα.
Επισημαίνει ένα κελί δεδομένων μέσα σε γραμμή.Μεμονωμένες τιμές μιας προσαρμοσμένης γραμμής πίνακα.
Επισημαίνει μια λέξη ή φράση που ορίζεται.Κλειδιά λεξικού, όροι λιστών ορισμών.
Επισημαίνει την έννοια του προηγούμενου όρου.Η περιγραφή κάτω από έναν ορισμένο όρο.
Επισημαίνει μια παρατήρηση δίπλα στο κύριο περιεχόμενο.Συμβουλές, παρενθέσεις, σημειώσεις τύπου υποσέλιδου.
Επισημαίνει μια λίστα αναφορών σε μέλη ομάδας.Πίνακες περιεχομένων και ευρετήρια συνδέσμων (καταργήθηκε στο ARIA 1.2).
Επισημαίνει μια κυλιόμενη λίστα ενοτήτων άρθρων.Ροές απείρου κύλισης που φορτώνουν περισσότερο περιεχόμενο.
Επισημαίνει περιεχόμενο γραμμένο σε μαθηματική σημειογραφία.Τύποι που αποδίδονται από LaTeX ή MathML.
Επισημαίνει μια βαθμωτή τιμή μέσα σε γνωστό εύρος.Μπάρες χρήσης δίσκου, βαθμολογίες, μετρητές ισχύος.
Επισημαίνει μια συγκεκριμένη στιγμή ή διάρκεια.Χρονοσφραγίδες, ημερομηνίες γεγονότων, παρελθόντες χρόνοι.
Επισημαίνει ένα μπλοκ πεζού κειμένου.Μπλοκ κειμένου που δεν είναι γραμμένα ως εγγενή στοιχεία p.
Επισημαίνει ένα απόσπασμα από άλλη πηγή.Αποσπάσματα προβολής και παραθέματα με πηγή.
Επισημαίνει ένα τμήμα κώδικα υπολογιστή.Ενσωματωμένα τμήματα και ονόματα εντολών σε κείμενο.
Επισημαίνει κείμενο που φέρει τονισμό προφοράς.Τονισμένες λέξεις μέσα σε πρόταση.
Επισημαίνει κείμενο με ισχυρή σημαντικότητα.Προειδοποιήσεις, βασικές φράσεις, ετικέτες ανάγνωσης.
Επισημαίνει κείμενο κάτω από τη γραμμή βάσης.Χημικοί τύποι όπως H2O.
Επισημαίνει κείμενο πάνω από τη γραμμή βάσης.Δείκτες υποσημειώσεων και εκθέτες.
Επισημαίνει ένα απλό περιέκτη χωρίς ειδική σημασία.Φάκελοι διάταξης και άγκιστρα μορφοποίησης.
Αφαιρεί τη σημασιολογία από ένα στοιχείο.Διακοσμητικές εικόνες, πίνακες διάταξης, διαχωριστικά στοιχεία.
Επισημαίνει ένα στοιχείο ως μεμονωμένη εικόνα.Sprites εικονιδίων, ομάδες SVG, γραφικά σχεδιασμένα με CSS.
Widget
Επισημαίνει ένα στοιχείο με κλικ που ενεργοποιεί μια ενέργεια.Προσαρμοσμένα κουμπιά, κουμπιά εικονιδίων, ενεργοποιητές ενεργειών.
Επισημαίνει έναν σύνδεσμο προς άλλο πόρο ή τοποθεσία.Προσαρμοσμένες άγκυρες και σύνδεσμοι διαδρομών εφαρμογής.
Επισημαίνει έναν διακόπτη για μια μεμονωμένη επιλογή.Προσαρμοσμένα πλαίσια ελέγχου, διακόπτες αποδοχής όρων.
Επισημαίνει μια επιλογή σε αμοιβαία αποκλειστική ομάδα.Προσαρμοσμένα κουμπιά radio μέσα σε radiogroup.
Επισημαίνει έναν δυαδικό διακόπτη on/off.Διακόπτες θέματος, σίγασης και ρυθμίσεων.
Ομαδοποιεί τις ετικέτες για ένα σύνολο καρτελών.Η λωρίδα καρτελών ενός πάνελ με καρτέλες.
Επισημαίνει μία ετικέτα μέσα σε tablist.Μια καρτέλα που εμφανίζει ένα πάνελ.
Επισημαίνει το πάνελ περιεχομένου για μια καρτέλα.Το σώμα που εμφανίζεται όταν η καρτέλα του είναι ενεργή.
Επισημαίνει ένα παράθυρο επικάλυψης πάνω στη σελίδα.Τροπικά παράθυρα, συρτάρια, popover που αρπάζουν την εστίαση.
Επισημαίνει ένα παράθυρο διαλόγου που απαιτεί απάντηση χρήστη.Επιβεβαίωση διαγραφής, προτροπές μη αποθηκευμένων αλλαγών.
Επισημαίνει ένα πεδίο με αναδυόμενη λίστα επιλογών.Αυτόματη συμπλήρωση, αναζήτηση με επιλογή, λίστες typeahead.
Επισημαίνει ένα στοιχείο ελέγχου που ορίζει τιμή σε εύρος.Ένταση ήχου, τιμή, αδιαφάνεια, πεδία εύρους.
Επισημαίνει μια λίστα επιλογών που προσφέρονται στον χρήστη.Αναδυόμενα μενού, μενού περιεχομένου, παλέτες εργαλείων.
Επισημαίνει μια μεμονωμένη επιλογή μέσα σε μενού.Μια γραμμή ή στοιχείο ενός αναδυόμενου μενού.
Επισημαίνει ένα πεδίο για ελεύθερη εισαγωγή κειμένου.Προσαρμοσμένα πεδία, πεδία αναζήτησης, πλαίσια σχολίων.
Επισημαίνει μια ιεραρχική λίστα στοιχείων.Εξερευνητές αρχείων, εμφωλευμένα μενού, οργανογράμματα.
Επισημαίνει μια λίστα επιλέξιμων επιλογών.Προσαρμοσμένοι επιλογείς για μία ή πολλές επιλογές.
Επισημαίνει μια μεμονωμένη επιλογή μέσα σε listbox.Μια επιλέξιμη καταχώρηση προσαρμοσμένου listbox.
Ομαδοποιεί ένα σύνολο αμοιβαία αποκλειστικών επιλογών.Προσαρμοσμένα σύνολα radio, επιλογές πακέτων, απαντήσεις κλίμακας.
Επισημαίνει ένα widget από γραμμές και στήλες κελιών.Διατάξεις υπολογιστικών φύλλων, προβολές μήνα ημερολογίου.
Επισημαίνει ένα πλέγμα του οποίου οι γραμμές αναδιπλώνονται.Εμφωλευμένοι πίνακες δεδομένων, πίνακες νημάτων αλληλογραφίας.
Επισημαίνει μια αναδιπλούμενη επιλογή μέσα σε δέντρο.Ένας κόμβος αρχείου ή φακέλου σε εξερευνητή αρχείων.
Επισημαίνει ένα αναδυόμενο που υπαινίσσεται ένα στοιχείο ελέγχου.Υπαινιγμοί hover, συμβουλές εστίασης για κουμπιά εικονιδίων.
Επισημαίνει ένα στοιχείο που δείχνει πρόοδο εργασίας.Μπάρες αποστολής και ενδείξεις φόρτωσης.
Επισημαίνει ένα στοιχείο ελέγχου που κυλά μια προβολή περιεχομένου.Προσαρμοσμένες λαβές κύλισης για πάνελ και καρουζέλ.
Επισημαίνει ένα στοιχείο ελέγχου που αλλάζει τιμή σε βήματα.Επιλογείς ποσότητας, βηματιστές αριθμών.
Επισημαίνει ένα πεδίο κειμένου για εισαγωγή όρων αναζήτησης.Προσαρμοσμένες μπάρες αναζήτησης και πεδία φίλτρων.
Επισημαίνει μια ομάδα συχνά χρησιμοποιούμενων στοιχείων ελέγχου.Μπάρες μορφοποίησης, σειρές ενεργειών πάνω από επεξεργαστές.
Επισημαίνει μια σειρά μόνιμων ενεργοποιητών μενού.Λωρίδες μενού Αρχείο και Επεξεργασία σε στυλ εφαρμογής.
Επισημαίνει μια επιλογή μενού που εναλλάσσεται on/off.Διακόπτες επιλογών προβολής μέσα σε αναδυόμενο μενού.
Επισημαίνει μια αποκλειστική επιλογή μέσα σε μενού.Επιλογές ταξινόμησης και θέματος σε ένα μενού.
Επισημαίνει έναν διαχωριστή μεταξύ ομάδων περιεχομένου.Διαχωριστικά μενού, συρόμενοι διαχωριστές πάνελ.
Ζωντανή περιοχή
Αναγγέλλει ένα χρονικά κρίσιμο, σημαντικό μήνυμα.Σφάλματα φόρμας, επείγουσες ειδοποιήσεις που απαιτούν προσοχή.
Αναγγέλλει μια συμβουλευτική ενημέρωση χωρίς διακοπή.Επιβεβαίωση αποθήκευσης, πρόοδος, ήπια αποτελέσματα.
Αναγγέλλει νέες καταχωρήσεις σε χρονολογική ροή.Καταγραφές συνομιλιών, αρχεία γεγονότων, ροές δραστηριότητας.
Αναγγέλλει κυλιόμενο ή κινούμενο περιεχόμενο κειμένου.Τικέρ, κυλιόμενες μπάρες ειδήσεων, περιστρεφόμενα banners.
Αναγγέλλει ζωντανό χρονόμετρο ή αντίστροφη μέτρηση.Λήξεις συνεδριών, αντίστροφες μετρήσεις, χρονόμετρα.