Συνεχίζω να βλέπω χαρακτηριστικά ρόλων στη δουλειά κάποιων ανθρώπων. Το χρησιμοποιώ κι εγώ, αλλά δεν είμαι σίγουρος για την επίδρασή του.
Για παράδειγμα: "Ο ρόλος του χρήστη είναι ένας από τους πιο σημαντικούς ρόλους που έχω δει ποτέ:
<header id="header" role="banner">
Header stuff in here
</header>
Ή:
<section id="facebook" role="contentinfo">
Facebook stuff in here
</section>
Or:
<section id="main" role="main">
Main content stuff in here
</section>
Είναι απαραίτητο αυτό το χαρακτηριστικό ρόλου;
Είναι αυτό το χαρακτηριστικό καλύτερο για τη σημασιολογία;
Βελτιώνει το SEO;
Μπορείτε να βρείτε έναν κατάλογο ρόλων εδώ, αλλά βλέπω ότι κάποιοι επινοούν τους δικούς τους. Επιτρέπεται αυτό ή αποτελεί σωστή χρήση του χαρακτηριστικού role;
Καμία σκέψη σχετικά με αυτό;
Οι περισσότεροι από τους ρόλους που βλέπετε καθορίστηκαν ως μέρος της ARIA 1.0 και στη συνέχεια ενσωματώθηκαν αργότερα στην HTML5. Ορισμένα από τα νέα στοιχεία της HTML5 (dialog, main, κ.λπ.) βασίζονται ακόμη και στους αρχικούς ρόλους της ARIA.
http://www.w3.org/TR/wai-aria/
Υπάρχουν δύο βασικοί λόγοι για να χρησιμοποιήσετε ρόλους εκτός από το εγγενές σημασιολογικό στοιχείο σας.
Λόγος #1. Παράκαμψη του ρόλου όταν δεν υπάρχει κατάλληλο στοιχείο της γλώσσας υποδοχής ή, για διάφορους λόγους, χρησιμοποιήθηκε ένα λιγότερο κατάλληλο σημασιολογικά στοιχείο.
Σε αυτό το παράδειγμα, χρησιμοποιήθηκε ένας σύνδεσμος, παρόλο που η προκύπτουσα λειτουργικότητα μοιάζει περισσότερο με κουμπί παρά με σύνδεσμο πλοήγησης.
<a href="#" role="button" aria-label="Delete item 1">Delete</a>
Οι αναγνώστες οθόνης θα το ακούσουν αυτό ως κουμπί (σε αντίθεση με έναν σύνδεσμο) και μπορείτε να χρησιμοποιήσετε έναν επιλογέα χαρακτηριστικών CSS για να αποφύγετε την class-itis και την div-itis.
*[role="button"] {
/* style these a buttons w/o relying on a .button class */
}
Λόγος #2. Δημιουργία αντιγράφων ασφαλείας ενός φυσικού στοιχείου's ρόλου, για την υποστήριξη των browsers που υλοποίησαν το ρόλο ARIA αλλά δεν έχουν ακόμα υλοποιήσει το ρόλο του φυσικού στοιχείου's ρόλου.
Για παράδειγμα, ο ρόλος "main" υποστηρίζεται από τους φυλλομετρητές εδώ και πολλά χρόνια, αλλά είναι μια σχετικά πρόσφατη προσθήκη στην HTML5, οπότε πολλοί φυλλομετρητές δεν υποστηρίζουν ακόμα τη σημασιολογία για το <main>
.
<main role="main">…</main>
Αυτό είναι τεχνικά περιττό, αλλά βοηθάει ορισμένους χρήστες και δεν βλάπτει κανέναν. Σε λίγα χρόνια, αυτή η τεχνική πιθανότατα θα καταστεί περιττή.
Επίσης, γράψατε:
Βλέπω ότι μερικοί άνθρωποι φτιάχνουν τα δικά τους. Επιτρέπεται αυτό ή αποτελεί σωστή χρήση του χαρακτηριστικού role;
Αυτή'είναι μια έγκυρη χρήση του χαρακτηριστικού, εκτός αν δεν περιλαμβάνεται ένας πραγματικός ρόλος. Οι φυλλομετρητές θα εφαρμόσουν τον πρώτο αναγνωρισμένο ρόλο στη λίστα των συμβόλων.
<span role="foo link note bar">...</a>
Από τη λίστα, μόνο οι ρόλοι link
και note
είναι έγκυροι ρόλοι, και έτσι θα εφαρμοστεί ο ρόλος του συνδέσμου επειδή έρχεται πρώτος. Εάν χρησιμοποιείτε προσαρμοσμένους ρόλους, βεβαιωθείτε ότι δεν έρχονται σε σύγκρουση με οποιονδήποτε καθορισμένο ρόλο στην ARIA ή τη γλώσσα υποδοχής που χρησιμοποιείτε (HTML, SVG, MathML, κλπ.)
Όπως καταλαβαίνω, οι ρόλοι είχαν αρχικά οριστεί από την XHTML, αλλά καταργήθηκαν. Ωστόσο, τώρα ορίζονται από την HTML 5, δείτε εδώ: https://www.w3.org/WAI/PF/aria/roles#abstract_roles_header
Ο σκοπός του χαρακτηριστικού role είναι να προσδιορίζει στο λογισμικό ανάλυσης την ακριβή λειτουργία ενός στοιχείου (και των παιδιών του) ως μέρος μιας διαδικτυακής εφαρμογής. Αυτό γίνεται κυρίως για λόγους προσβασιμότητας για τα προγράμματα ανάγνωσης οθόνης, αλλά μπορώ επίσης να φανταστώ ότι είναι χρήσιμο για ενσωματωμένους φυλλομετρητές και προγράμματα απόξεσης οθόνης. Για να είναι χρήσιμο στον ασυνήθιστο πελάτη HTML, το χαρακτηριστικό πρέπει να οριστεί σε έναν από τους ρόλους από το spec που παρέπεμψα. Αν φτιάξετε το δικό σας, αυτή η 'μελλοντική' λειτουργικότητα δεν μπορεί να λειτουργήσει - ένα σχόλιο θα ήταν καλύτερο.
Πρακτικές λεπτομέρειες εδώ: http://www.accessibleculture.org/articles/2011/04/html5-aria-2011/
Είναι απαραίτητο αυτό το χαρακτηριστικό ρόλου;
Απάντηση: Είναι απαραίτητο αυτό το χαρακτηριστικό γνώρισμα; Ναι.
Σας παρέχει: