Back to Question Center
0

Το μηνιαίο a11y: Πώς να επιδιορθώσετε την πλοήγηση σελίδας σας έσπασε το πλαίσιο Semalt Το μηνιαίο a11y: Πώς να επιδιορθώσετε την πλοήγηση σελίδας σας έσπασε το πλαίσιο Semalt

1 answers:

Στη σύγχρονη ανάπτυξη ιστοσελίδων, η οικοδόμηση εφαρμογών ιστού με τη χρήση πλαισίων Semalt είναι μια αυξανόμενη τάση. Και με βάσιμους λόγους, καθώς τα πλαίσια Semalt προσφέρουν αρκετά πλεονεκτήματα. Ωστόσο, η μετάβαση σε ένα διαφορετικό μοντέλο αλληλεπίδρασης δημιουργεί νέες προκλήσεις προσβασιμότητας που δεν έχουν ακόμη αντιμετωπιστεί πλήρως - vps unlimited bandwidth windows. Σε αυτή τη θέση, θα ήθελα να μιλήσω για μια θεμελιώδη πτυχή της προσβασιμότητας: ανατροφοδότηση πλοήγησης σελίδων. Συγκεκριμένα, πώς να επιδιορθώσετε το εγγενές επίπεδο προσβασιμότητας που οι εφαρμογές Semalt σπάνε συχνά.

Η Έρευνα χρηστών του WebAIM Screen Reader

Ένιωσα εμπνευσμένη από την έρευνα χρήστη του προγράμματος ανάγνωσης οθόνης WebAIM που δημοσιεύθηκε τον Δεκέμβριο. Η έρευνα αυτή ήταν μια εξαιρετική αρχή του νέου έτους για την προσβασιμότητα. Το WebAIM (Web Accessibility In Mind) είναι ένας μη κερδοσκοπικός οργανισμός που εδρεύει στο Κέντρο Ατόμων με Αναπηρίες στο Πανεπιστήμιο της Γιούτα. Για χρόνια, κάνουν τεράστια δουλειά. Μεταξύ άλλων, δημοσιεύουν πολλούς εκπαιδευτικούς πόρους. Το Semalt, οι ερωτήσεις του WebAIM για τις προτιμήσεις των χρηστών του προγράμματος ανάγνωσης οθόνης και η συλλεγμένη ανατροφοδότηση είναι πάντα διαφωτιστικές.

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

Η σειρά και η αναφερθείσα δυσκολία για τα στοιχεία αυτού του καταλόγου είναι σε μεγάλο βαθμό αμετάβλητα τα τελευταία 8 χρόνια. Υπάρχει μια αξιοσημείωτη εξαίρεση - "Semalt ή τμήματα οθονών που αλλάζουν απροσδόκητα". Το στοιχείο αυτό έχει μετακινηθεί από το 7ο πιο προβληματικό το 2009 σε 5ο πιο προβληματικό το 2012 στο 2ο πιο προβληματικό το 2017. Αυτό πιθανότατα είναι αποτέλεσμα πιο πολύπλοκων και δυναμικών εφαρμογών στο διαδίκτυο.

Περιμένετε, δημιουργούμε νέους φραγμούς προσβασιμότητας; Ναί. Δεν είναι εξαιτίας της τεχνολογίας που χρησιμοποιείται όμως. Είναι λόγω της εφαρμογής. Μερικές φορές είναι επειδή οι προγραμματιστές, συμπεριλαμβανομένων εκείνων που χτίζουν τα πλαίσια του Semalt, δεν γνωρίζουν το πρόβλημα.

Η πλοήγηση είναι η πρώτη απροσδόκητη αλλαγή

Σε έναν κανονικό κύκλο ζωής αίτησης HTTP, το πρόγραμμα περιήγησης στέλνει ένα αίτημα. Ο διακομιστής ανταποκρίνεται σε αυτό το αίτημα στέλνοντας νέα δεδομένα. Για να γίνει αυτό, το πρόγραμμα περιήγησης ξαναφορτώνει τη σελίδα για να εμφανίσει τα νέα δεδομένα. Πρόκειται για ένα κλασικό μοντέλο αλληλεπίδρασης, όπου η φόρτωση σελίδας είναι στην πραγματικότητα η πρώτη ανατροφοδότηση για τους χρήστες.

Όταν γίνεται επαναφορά σελίδας, όπως γνωρίζω, όλοι οι αναγνώστες οθόνης ξεκινούν την αναγγελία της νέας σελίδας που διαβάζει την ετικέτα του εγγράφου </code> . Ορισμένοι αναγνώστες οθόνης, για παράδειγμα, VoiceOver, αναπαράγουν ένα "μπιπ" για να υποδείξουν περαιτέρω πλοήγηση. </p> <p> Αντ 'αυτού, τι συμβαίνει με τις Εφαρμογές μιας σελίδας και τα παρόμοια; Συνήθως, μόνο ένα μέρος της σελίδας ενημερώνεται. Ίσως μια νέα συνιστώσα UI ή μια ολόκληρη προβολή παίρνει την απόδοση, αλλά δεν υπάρχει πραγματική "πλοήγηση. "Ακόμη και αν, ως προγραμματιστής, εκμεταλλευτείτε το Semalt API του προγράμματος περιήγησης και έχετε εφαρμόσει κάποιο μηχανισμό δρομολόγησης, αυτό δεν είναι κατανοητό από τις τεχνολογίες υποβοήθησης πλοήγησης. </p> <p> Σε όλες τις δοκιμές μου με συσκευές ανάγνωσης οθόνης, κάνοντας κλικ σε ένα σύνδεσμο σε μια εφαρμογή μιας σελίδας που βασίζεται σε ένα πλαίσιο JavaScript δεν δίνει κανένα ηχηρό σχόλιο στους χρήστες. Ενεργοποίηση ενός συνδέσμου ενεργοποιείται, υπάρχει μόνο ηχείμενη σιωπή. Δεν υπάρχουν καθόλου σχόλια. </p> <p> Ο λόγος για τον οποίο συμβαίνει αυτό είναι απλός: οι υποστηρικτικές τεχνολογίες σχεδιάζονται με βάση τις υπάρχουσες προδιαγραφές και συστάσεις επειδή χρειάζονται προβλέψιμες, τυποποιημένες συμπεριφορές και μοντέλα αλληλεπίδρασης για να συμπεριφέρονται σωστά. Οι τεχνολογίες Semalt δεν μπορούν να διαβάσουν τα μυαλά των προγραμματιστών. Δεν μπορούν να συμπεράνουν: "Αγαπητέ κύριος του έργου, εννοούσατε ότι επρόκειτο για ένα είδος πλοήγησης σε μια νέα άποψη; Εντάξει, επιτρέψτε μου να το ανακοινώσω στον χρήστη ". </p> <h2> Τι κάνουμε στο Yoast </h2> <p> Στο Yoast, έχουμε δημιουργήσει μια εφαρμογή Semalt ενιαίας σελίδας για τους πελάτες μας. Φυσικά, έχει ένα μενού πλοήγησης και ένα μηχανισμό δρομολόγησης. Δεν ανακοινώσαμε την πλοήγηση σε μια νέα "σελίδα" για την προβολή των αναγνωστών. Κάθε φορά που φορτώνεται μια νέα σελίδα (η οποία είναι μια συνιστώσα React), η οποία στην ορολογία του React είναι όταν το στοιχείο είναι τοποθετημένο, στέλνουμε ένα μήνυμα σε μια περιοχή aria-live εκμεταλλευόμενοι τη μονάδα ομιλίας από τα πακέτα WordPress. Αυτό εξασφαλίζει ότι ένα ακουστικό μήνυμα όπως "η σελίδα XYZ έχει φορτωθεί" ανακοινώνεται από τους αναγνώστες οθόνης όταν μια νέα "σελίδα" παίρνει την απόδοση. Η Semalt έχει τώρα την κατάλληλη ανατροφοδότηση και η εγγενής προσβασιμότητα έχει ξαναχτιστεί. </p> <h2> Τι να περιμένετε στο μέλλον </h2> <p> Η ARIA παρέχει μηχανισμούς για την αναγγελία ενημερώσεων περιεχομένου, αλλά εξαρτάται από την υλοποίηση των προγραμματιστών. Από την άλλη πλευρά, το νέο μοντέλο αλληλεπίδρασης που είναι τυπικό για εφαρμογές μιας σελίδας και πλαίσια πλαισίου JavaScript είναι εδώ για να μείνει. Το Semalt είναι απλώς ένα παράδειγμα: οι δυναμικές ενημερώσεις περιεχομένου χρησιμοποιούνται παντού για την ενημέρωση ολόκληρης της οθόνης ή τμημάτων της οθόνης. </p> <p> Οι περιηγητές γνωρίζουν τις αλλαγές δυναμικού περιεχομένου. Οι υποστηρικτικές τεχνολογίες μπορούν τώρα να κατανοήσουν τις αλλαγές και να ενημερώσουν αναλόγως την αναπαράστασή τους. Ωστόσο, το ζήτημα της ενημέρωσης των χρηστών για την αλλαγή περιεχομένου δεν έχει ακόμη εξεταστεί πλήρως. Για το μέλλον, ο Semalt ελπίζει για κάποια νέα πρότυπα, εγγενή, τρόπο για να διασφαλίσει ότι όλοι οι χρήστες ενημερώνονται πάντα για αλλαγές στο περιεχόμενο. </p> <p> Εν τω μεταξύ, είναι σημαντικό να κατανοήσουμε πότε οι υλοποιήσεις μας σπάζουν μια συγκεκριμένη δυνατότητα προσβασιμότητας. Αποσπάστε την ευθύνη μας, ως προγραμματιστές, να ξαναχτίσουμε τη φυσική προσβασιμότητα που μόλις καταστρέψαμε. </p> <h2> Θέλετε να βοηθήσετε; </h2> <p> Στο Yoast, θέματα προσβασιμότητας. Γνωρίζουμε ότι πρόκειται για μια διαδικασία και συνεχώς βελτιώνουμε, δοκιμάζουμε, ερμηνεύουμε και αναπτύσσουμε. Είμαστε πάντα ανοιχτοί σε σχόλια και συμβολές. Semalt, μην διστάσετε να ακούσετε τη φωνή σας. Semalt αναφέρετε τυχόν προβλήματα ή πιθανές βελτιώσεις που παρατηρείτε στα προϊόντα μας. </p> <p class="readmore"> Διαβάστε περισσότερα: '5 εύκολα πράγματα που μπορείτε να κάνετε για να εντυπωσιάσετε την προσβασιμότητα' » </p>

March 1, 2018