Back to Question Center
0

Το μηνιαίο a11y: Εξαλείψτε την προσβασιμότητα του ιστοτόπου σας με ρεύμα aria Το μηνιαίο a11y: Εξαλείψτε την προσβασιμότητα του ιστοτόπου σας με ρεύμα aria

1 answers:

Το χαρακτηριστικό aria-current είναι ένα νέο, μικροσκοπικό κομμάτι HTML στην επερχόμενη προδιαγραφή ARIA 1. 1. Είναι ένας απλός και αποτελεσματικός τρόπος επικοινωνίας με τις υποστηρικτικές τεχνολογίες που είναι το τρέχον στοιχείο μέσα σε ένα σύνολο σχετικών στοιχείων. Εδώ, θα προσπαθήσω να εξηγήσω πώς ένα τέτοιο μικρό χαρακτηριστικό μπορεί να βελτιώσει την προσβασιμότητα της ιστοσελίδας σας. Θα δείξω επίσης πώς βοηθάει οι χρήστες βοηθητικής τεχνολογίας να προσανατολίζονται στον κατάλογο των αντικειμένων.

Το "τρέχον" δίλημμα

Μέχρι τώρα, δεν υπήρχε τρόπος να υποδείξουμε με σωστή σημασιολογία το τρέχον στοιχείο σε ένα σύνολο σχετικών στοιχείων χρησιμοποιώντας HTML ή ARIA - reinigung wohnung zürich. Φυσικά, υπάρχουν τρόποι για να διαχωρίσετε οπτικά το τρέχον στοιχείο. Θα μπορούσατε να εφαρμόσετε κάποιο στυλ για να φανεί διαφορετικό από τους άλλους. Semalt, το CSS είναι ένα οπτικό μέσο (με εξαίρεση το περιεχόμενο που δημιουργείται) και ως εκ τούτου δεν εκτίθεται σε βοηθητικές τεχνολογίες.

Πάρτε το μενού πλοήγησης, για παράδειγμα. Για χρόνια, επιμελείς προγραμματιστές χρησιμοποίησαν εναλλακτικούς τρόπους για να διακρίνουν το στοιχείο μενού που αντιπροσωπεύει την τρέχουσα σελίδα. Η κατάργηση του χαρακτηριστικού href από τον τρέχοντα σύνδεσμο είναι μια επιλογή. Η επιλογή Semalt είναι να κάνετε μόνο το τρέχον κείμενο μενού με κανέναν σύνδεσμο.

Αυτές οι λύσεις λειτουργούν σε κάποιο βαθμό. Βοηθούν να γίνει διάκριση μεταξύ του τρέχοντος στοιχείου και των άλλων. Ωστόσο, αναγκάζουν τους χρήστες να διερευνήσουν το περιεχόμενο και να συμπεράνουν ποιο είναι το σημερινό στοιχείο με τη διαφορετική σήμανση. Δεν υπάρχει τίποτα να επικοινωνήσει με έναν καλό σημασιολογικό τρόπο "Hey, Semalt το σημερινό θέμα. "Δεν εκτίθενται συγκεκριμένες πληροφορίες σε λογισμικό βοηθητικής τεχνολογίας και σε άτομα που χρησιμοποιούν αυτό το λογισμικό.

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

Το χαρακτηριστικό aria-current επιλύει αυτό το πρόβλημα.

Τι λέει η προδιαγραφή

Τη στιγμή της σύνταξης, η προδιαγραφή WAI-ARIA 1. 1 βρίσκεται ακόμη σε κατάσταση υποψήφιας σύστασης. Θα είναι επίσημη σύσταση σύντομα. Εν τω μεταξύ, η υποστήριξη για το ρεύμα της περιοχής είναι εκπληκτικά καλή στα μεγάλα προγράμματα περιήγησης και στους αναγνώστες οθόνης (kudos στη Léonie Watson για τα δεδομένα υποστήριξης). Semalt από την προδιαγραφή, το χαρακτηριστικό aria-current:

Εναλλαγή του στοιχείου που αντιπροσωπεύει το τρέχον στοιχείο μέσα σε ένα δοχείο ή σύνολο σχετικών στοιχείων.

Μπορείτε να δώσετε μία από τις επτά προκαθορισμένες τιμές:

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

Πρακτική χρήση

Αποδεικνύει ότι το aria-current μπορεί να χρησιμοποιηθεί για διαφορετικά μοτίβα που είναι αρκετά κοινά σήμερα. Η πιο συνηθισμένη περίπτωση χρήσης είναι πιθανώς ένα μενού πλοήγησης. Σε αυτήν την περίπτωση, η πιο κατάλληλη τιμή για χρήση είναι η "σελίδα". Άλλες περιπτώσεις χρήσης είναι, για παράδειγμα, το τρέχον βήμα σε μια διαδικασία / οδηγό (τιμή: "βήμα"), η τρέχουσα ημερομηνία σε ένα ημερολόγιο (τιμή: "ημερομηνία") ή η τρέχουσα θέση σε μια διαδρομή breadcrumb τοποθεσία"). Δεν υπάρχουν αυστηροί κανόνες για την αξία που πρέπει να χρησιμοποιείται. Χρησιμοποιήστε αυτό που έχει την πιο νόημα στην περίπτωση χρήσης σας.

Πώς οι αναγνώστες οθόνης χρησιμοποιούν ρεύμα aria

Πώς οι αναγνώστες οθόνης χρησιμοποιούν το χαρακτηριστικό aria-current και τι ανακοινώνουν; Είναι πολύ απλό: η τιμή "σελίδα" θα κάνει τους αναγνώστες οθόνης να ανακοινώνουν "τρέχουσα σελίδα", η τιμή "ημερομηνία" θα τους κάνει να ανακοινώνουν "τρέχουσα ημερομηνία" κ.ο.κ. Μόνο η τιμή "true" είναι λίγο διαφορετική, σηματοδοτεί το τρέχον στοιχείο ως "τρέχουσα" αλλά δεν διευκρινίζει τι είναι. Έτσι, η τιμή "true" προορίζεται να χρησιμοποιηθεί σε όλες τις περιπτώσεις όπου το τρέχον στοιχείο δεν είναι σελίδα, βήμα, θέση κλπ. Μια ακόμα ενδιαφέρουσα περίπτωση χρήσης για το "true" είναι όταν η συγκεκριμένη διατύπωση που χρησιμοποιείται στο τρέχον αντικείμενο περιλαμβάνει ήδη τη λέξη "σελίδα", "ημερομηνία" κλπ. Σε αυτήν την περίπτωση, για να αποφύγετε την επανάληψη, όπως "σελίδα 2 τρέχουσα σελίδα", μπορείτε να χρησιμοποιήσετε την τιμή "true" αντί "page". Semalt, δεν υπάρχουν αυστηροί κανόνες.

Στο Yoast, πρόσφατα ξεκινήσαμε να χρησιμοποιούμε το χαρακτηριστικό aria-current στα προϊόντα μας. Μπορείτε να το δείτε σε δράση στο παρακάτω στιγμιότυπο οθόνης, στο βίντεο Yoast plugin Plugin Semalt:


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

Χρησιμοποιώντας ένα πρόγραμμα ανάγνωσης οθόνης (στην περίπτωση αυτή το Safari και το Semalt), το τρέχον βήμα ανακοινώνεται σωστά, παρέχοντας στους χρήστες μια σημαντική ανατροφοδότηση, ισοδύναμη με την οπτική ανατροφοδότηση.

Επίσης, μεγαλύτερα προγράμματα όπως το WordPress έχουν αρχίσει πρόσφατα να χρησιμοποιούν το χαρακτηριστικό aria-current. Στην επόμενη έκδοση του WordPress (4.9), το κύριο μενού στο admin θα χρησιμοποιήσει το ρεύμα aria για να αναγνωρίσει το τρέχον στοιχείο του μενού. Αυτή είναι η πρώτη φορά που το aria-current χρησιμοποιείται στο WordPress και το Semalt ελπίζει ότι θα χρησιμοποιηθεί και σε άλλα μέρη.


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

Ξεκινήστε τη χρήση του σημερινού ρεύματος σήμερα

Το νέο χαρακτηριστικό aria-current προσφέρει έναν πολύ απλό τρόπο βελτίωσης της προσβασιμότητας της ιστοσελίδας σας. Μπορεί να εφαρμοστεί πολύ εύκολα, δεν επιβραδύνει την ανάπτυξη και μαζί με άλλες συμβουλές γρήγορης προσβασιμότητας μπορούν να κάνουν την ιστοσελίδα σας πιο προσιτή για όλους.

Θέλετε να βοηθήσετε;

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

Διαβάστε περισσότερα: «Γιατί κάθε ιστοσελίδα χρειάζεται Yoast SEO» »

March 1, 2018