Περιεχόμενο
Αυτό το άρθρο δημοσιεύτηκε για πρώτη φορά στο τεύχος 231 του περιοδικού .net - το περιοδικό με τις μεγαλύτερες πωλήσεις στον κόσμο για σχεδιαστές και προγραμματιστές ιστοσελίδων.
Όταν δημιουργείτε ένα γραφικό στοιχείο διεπαφής χρήστη (UI), είναι πιθανό να είναι ένα σύνολο στοιχείων HTML. Σε γενικές γραμμές, είναι εύκολο για κάποιον να υπολογίσει τι κάνει το widget ή ποιος ρόλος παίζει στη σελίδα, με βάση τον τρόπο εμφάνισής του ή τα στοιχεία ελέγχου που διαθέτει. Ωστόσο, αυτή η ολιστική προοπτική δεν είναι προφανής στις υποστηρικτικές τεχνολογίες (ATs), και (φυσικά) είναι εκεί που μπαίνει η ARIA.
Το ARIA, ή οι Προσβάσιμες Εμπλουτισμένες Εφαρμογές Διαδικτύου για να του δώσουν τον πλήρη τίτλο του, μπορούν να χρησιμοποιηθούν για να δώσουν ένα ρόλο στο widget σας. Ή για να το κοιτάξετε με άλλο τρόπο, μπορείτε να χρησιμοποιήσετε ρόλους ARIA για να πείτε στους ATs κάτι για τη δέσμη στοιχείων HTML σαν να ήταν ένα μόνο πρόσωπο.
Η προδιαγραφή ARIA 1.0 περιλαμβάνει ταξινόμηση ρόλων. Περιγράφει τα χαρακτηριστικά και τις ιδιότητες 73 διαφορετικών ρόλων, ομαδοποιημένων σε τέσσερις κατηγορίες υψηλού επιπέδου.
Η πρώτη κατηγορία ορίζει 12 αφηρημένους ρόλους. Με τον ίδιο τρόπο που οι αφηρημένες τάξεις δεν δημιουργούνται ποτέ κατά τον προγραμματισμό, οι αφηρημένοι ρόλοι δεν πρέπει ποτέ να χρησιμοποιούνται στον κώδικά σας. Περιγράφουν διαφορετικούς τύπους ρόλου σε εννοιολογικό επίπεδο, και έτσι χρησιμοποιούνται μόνο μέσα στην ίδια την ταξινομία.
Ρόλοι
Ένας αφηρημένος ρόλος ξεχωρίζει από τους υπόλοιπους. Ο ρόλος (αφηρημένος ρόλος) είναι ο βασικός ρόλος από τον οποίο κληρονομούν όλοι οι άλλοι ρόλοι στην ταξινομία. Άλλοι αφηρημένοι ρόλοι περιλαμβάνουν την εισαγωγή (αφηρημένος ρόλος), το ορόσημο (αφηρημένος ρόλος) και το widget (αφηρημένος ρόλος).
Ας πάρουμε το widget (αφηρημένος ρόλος) ως παράδειγμα. Περιγράφει έναν ρόλο ομπρέλας, κάτω από τον οποίο βρίσκονται όλοι οι άλλοι ρόλοι widget στην ταξινόμηση. Δείτε πώς περιγράφεται στην προδιαγραφή ARIA:
«Ένα διαδραστικό στοιχείο ενός γραφικού περιβάλλοντος χρήστη (GUI). Τα widget είναι διακριτά αντικείμενα διεπαφής χρήστη με τα οποία ο χρήστης μπορεί να αλληλεπιδράσει. "
Αυτό οδηγεί τακτοποιημένα στην επόμενη κατηγορία, η οποία ορίζει 34 ρόλους widget. Τα γραφικά στοιχεία είναι διαδραστικά στοιχεία ελέγχου που μπορούν είτε να είναι ανεξάρτητα είτε να συνδυαστούν για τη δημιουργία πιο περίπλοκων στοιχείων διεπαφής χρήστη. Εννέα από αυτούς τους ρόλους ορίζουν κοντέινερ που μπορούν να χρησιμοποιηθούν για να ενσωματώσουν άλλα widget για να σχηματίσουν πιο περίπλοκα στοιχεία ελέγχου.
Widgets
Οι υπόλοιποι 25 ρόλοι ορίζουν widget που μπορούν να χρησιμοποιηθούν ανεξάρτητα ή ως μέρος ενός σύνθετου σύνθετου ελέγχου. Ένα στοιχείο με το ρόλο της λίστας καρτελών μπορεί να περιέχει πολλά στοιχεία με τον ρόλο της καρτέλας, για παράδειγμα. Όταν χρησιμοποιούνται σε συνδυασμό με ένα αντίστοιχο σύνολο στοιχείων με το ρόλο του tabpanel, συνδυάζονται για να σχηματίσουν μια σύνθετη διασύνδεση με καρτέλες. Στοιχεία με ρόλους όπως η ειδοποίηση, το πλαίσιο ελέγχου ή ο διάλογος μπορούν επίσης να αποτελούν μέρος ενός πιο σύνθετου ελέγχου διεπαφής χρήστη ή μπορούν να είναι μόνοι.
Η τρίτη κατηγορία ορίζει 18 ρόλους δομής εγγράφων. Αυτοί οι ρόλοι περιγράφουν τυπικούς σχηματισμούς περιεχομένου όπως επικεφαλίδα, λίστα και γραμμή εργαλείων. Σε αντίθεση με τους ρόλους widget, οι ρόλοι δομής εγγράφων δεν είναι διαδραστικοί κατά κανόνα.
Η τελευταία κατηγορία ορίζει οκτώ ρόλους-ορόσημα. Μπορούν να εφαρμοστούν σε διαφορετικές ενότητες μιας ιστοσελίδας, παρέχοντας ορόσημα που μπορούν να χρησιμοποιήσουν οι ΑΤ για πλοήγηση. Οι ρόλοι αυτής της κατηγορίας περιλαμβάνουν banner, main και πλοήγηση.
Ανακαλύψτε τα 20 καλύτερα εργαλεία καλωδίωσης για σχεδιαστές στο Creative Bloq.