Το Yahoo! Blog User Interface (YUIBlog)

YUI: Ώρες Λειτουργίας Πέμ 1ης, Σεπτεμβρίου

30 του Αυγ 2011 στις 10:53 π.μ. από τον Luke Smith | Σε Ανάπτυξης , Ώρες Λειτουργίας | 2 Σχόλια

YUI φορτωτή και αλλαγές στο αρχείο σπόρων, καθώς και συμβουλές και κόλπα Loader

Πίσω στις αρχές Ιουλίου, Δημ γυαλί δημοσιεύτηκε ένα άρθρο σχετικά με τις αλλαγές στα αρχεία φορτωτή και σπόρους σε 3.4.0. Υπήρχαν μερικές ερωτήσεις στα σχόλια και μερικούς άλλους στο φόρουμ και Yui # κανάλι IRC freenode , έτσι θέλησα να πάρω Δημ την κόρνα για μια δημόσια Ε & Α.

Δεν περιμένω ότι θα λάβουν το σύνολο της ώρας, όμως, έτσι μετά από αυτό, θα πάμε να μιλάμε για πρακτικές Loader καλύτερα και συμβουλές και κόλπα. Ανάλογα με την ώρα, είναι μερικά πράγματα που ελπίζω να καλύψει:

• Πώς να φέρω Φορτωτής μη YUI αρχεία
• Δημιουργία ομάδων ενότητα, και τα πολλά πλεονεκτήματα της χρήσης τους
• Φιλοξενία και τονίζοντας τη δική της υπηρεσία σας combo
• Πως επηρεάζει κάθε ρυθμίσεων όπου Φορτωτής θα ψάξει για τα αρχεία σας

Εάν έχετε ερωτήσεις σχετικά με την καύση Loader, έχουν ένα τέχνασμα που θέλετε να μοιραστείτε, ή δεν έχουν ακόμη συνειδητοποιήσει πόσο τρομερό είναι Loader, παρακαλώ ελάτε μαζί μας!

Ώρα & Λεπτομέρειες

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

Θα είμαστε σε απευθείας σύνδεση στην αίθουσα Open Ώρες δέκα-έντεκα PDT Πέμπτη.

Ενημέρωση

Η εγγραφή είναι διαθέσιμη στο YouTube κανάλι μας .

Βρείτε συζητήσεις: Bloglines | Technorati

Μοιραστείτε και κατ 'επέκταση: Del.icio.us Σελιδοδείκτης με | Digg it! | Reddit!

Ορίστε YUI για το 2011 Open Source Awards!

23, Αυγούστου 2011 στις 16:58 από Jenny Donnelly | Σε Ανάμικτα | 4 Σχόλια

Αν αγαπάτε YUI (και ελπίζουμε να κάνουμε!), Αφιερώστε λίγο χρόνο για να μας προτείνουν για τα Βραβεία 2011 Ανοικτού Κώδικα , που χρηματοδοτείται από Packt Publishing. Να είστε βέβαιος να δείχνουν λαμπερά νέα μας ιστοσελίδα στο http://yuilibrary.com !

Το έντυπο υποψηφιότητας είναι ανοικτή σήμερα μέχρι τον Σεπτέμβριο 9.

Βρείτε συζητήσεις: Bloglines | Technorati

Μοιραστείτε και κατ 'επέκταση: Del.icio.us Σελιδοδείκτης με | Digg it! | Reddit!

Ανακοινώνοντας YUI 3.4.0 και το νέο YUILibrary.com

18, Αυγούστου του 2011 στις 8:54 π.μ. από τον Γιώργο Puckett | Σε Ανάπτυξη | 19 Σχόλια

Η ομάδα YUI δεν έχει μία, αλλά δύο ανακοινώσεις να μοιράζονται σήμερα. Πρώτον, έχουμε ξεκινήσει μια πλήρως αναθεωρημένη YUILibrary.com . Το νέο site είναι μηδέν ξαναγράψει παρέχοντας ένα ενιαίο προορισμό για όλα τα έγγραφα YUI, ένα καθαρότερο περιβάλλον εργασίας, και πιο διαισθητικό οργάνωση στην κορυφή μιας ισχυρής νέας αρχιτεκτονικής. Αφιερώστε λίγο χρόνο για να κοιτάξουμε γύρω μας. Ελπίζουμε ότι θα είστε πολύ ευχαριστημένοι με αυτό που βλέπετε.

Επιπλέον, YUI 3.4.0 είναι τώρα διαθέσιμη σε CDN καθώς και λήψης . Μερικά σημεία από αυτή την έκδοση περιλαμβάνονται:

• App-πλαίσιο (β): 3.4.0 YUI σηματοδοτεί το ντεμπούτο του πλαισίου App από τον Ryan Grove και Eric Ferraiuolo. Το πλαίσιο App είναι μια συλλογή του ελεγκτή , Μοντέλο , πρότυπο κατάλογο , και Προβολή συστατικά που παρέχει ένα απλό στιλ MVC-πλαίσιο για τη συγγραφή μίας σελίδας εφαρμογές JavaScript. Αυτά τα στοιχεία μπορούν να χρησιμοποιηθούν ξεχωριστά ή μαζί για να δημιουργήσουν κάτι από την απλή μη-διαδραστικό θέα σε μεγάλη γκάμα εφαρμογών με τη διεύθυνση URL με βάση δρομολόγησης, σύνδεση δεδομένων, καθώς και πλήρη εφαρμογή-πελάτη-διακομιστή συγχρονισμού.
• Ημερολόγιο (beta): Άλεν Ραμπίνοβιτς έχει προσθέσει στη συλλογή Ημερολόγιο YUI 3 των widgets στην έκδοση 3.4.0. Ημερολόγιο είναι μια ευέλικτη widget που παρέχει μήνα σε μήνα πλοήγηση, εφάπαξ ή πολλαπλή επιλογή ημερομηνίας, προσαρμοσμένη μορφοποίηση και τη διεθνοποίηση. Καθιερώνει επίσης μια νέα προσέγγιση μέχρι σήμερα φιλτραρίσματος που χρησιμοποιεί ένθετα σύνολα κανόνα, και μια πλήρως με βάση το πρότυπο απόδοσης, το οποίο επιτρέπει στους προγραμματιστές να γρήγορα και εύκολα να το προσαρμόσετε για διάφορες χρήσεις.
• Φορτωτής: Ο φορτωτής YUI έχει υποστεί μια σημαντική ενημέρωση για την 3.4.0 από Δημ γυαλί, με ιδιαίτερη έμφαση στη βελτίωση των επιδόσεων. Το αρχείο σπόρων περιέχει φορτωτή και του μετα-δεδομένα που κάνει η φόρτωση των ενοτήτων με ταχύτερους ρυθμούς από το σύνολο των μετα-δεδομένων απαιτήσεις του είναι ήδη στη σελίδα. Συναθροίσεις έχουν αφαιρεθεί από τις προεπιλογές του συστήματος και την επιλογή false allowRollup στο config Loader. Ως αποτέλεσμα, YUI τώρα θα φορτώσει μόνο τις ενότητες που περιγράφονται και όχι πρόσθετες ενότητες που περιλαμβάνονται ως μέρος μιας συλλογής. Τέλος, ο κατάλογος κατασκευής έχει εκραγεί και υποενότητες έχουν αφαιρεθεί από το κεντρικό σύστημα μειώνοντας τον αριθμό των επαναλήψεων που εκτελούνται από φορτωτή για τον υπολογισμό των εξαρτήσεων. Μπορείτε να ανατρέξετε στη θέση blog για τις αλλαγές στο Loader 3.4.0 για περισσότερες λεπτομέρειες.
• Γραφικά (beta): Tripp Γέφυρες εισάγει τη μονάδα γραφικών σε YUI 3.4.0. Αυτό το στοιχείο παρέχει ένα API JavaScript που σας επιτρέπει να δημιουργήσετε προκαθορισμένα σχήματα και ελεύθερης μορφής πολύγωνα με γεμίσματος και περιγράμματος ιδιότητες σε μια ποικιλία μορφών. Με βάση τις δυνατότητες του browser και συσκευή, γραφικών θα καταστήσει τα σχήματα με χρήση SVG, HTML, καμβάς, ή VML.
• Πίνακας (beta) και Widget: YUI οικότροφος Τήλο Mitra πέρασε ένα άλλο παραγωγικό καλοκαίρι στην Καλιφόρνια εργάζεται πάνω σε ένα ξαναγράψει της ομάδας. Έχει κάνει επίσης αρκετές βελτιώσεις στην Widget συμπεριλαμβανομένης της μετατροπής των Widget-απόκρυψης και Widget-τροπικότητα από plugins για επεκτάσεις, και η εισαγωγή του WidgetButtons, μια νέα επέκταση widget που σας επιτρέπει να τοποθετήσετε CSS-στυλ κουμπιά στην κεφαλίδα και υποσέλιδο κάθε widget που υλοποιεί τυπική μονάδα υποστήριξης.
• ScrollView: Τήλο έχει ενισχυθεί επίσης ScrollView 3.4.0 για να υποστηρίξει κάθετη τηλεειδοποίησης και περιλαμβάνουν scrollview-λίστα plugin για να προσθέσετε CSS classnames για άμεση στοιχεία λίστας.

Εκτός από την παροχή σχέδια για YUILibrary.com, YUI προγραμματιστής και σχεδιαστής, ο Jeff Coniff, συνέβαλε επίσης μια σειρά από στοιχεία για την απελευθέρωση 3.4.0. Βελτιώσεις έχουν γίνει στο σχεδιασμό και την παροχή ορισμένων από τα widgets για καλύτερη εμφάνιση και τη χρηστικότητα σε κινητές συσκευές. Έχει επίσης τεθεί είναι το καλλιτεχνικό ταλέντο να εργαστεί για τη δημιουργία ενός αριθμού νέων παραδείγματα, όπως το Συγκρότημα Σχέδιο: Βιολί παράδειγμα σε γραφικά.

Σε YUI 3.4.0, έχουν πολλά στοιχεία έχουν προωθηθεί από την κατάσταση Βήτα GA Χρησιμότητα , TabView , και YQL ερωτημάτων . Θα παρατηρήσετε επίσης την αφαίρεση του COMPAT υλικό από τη βιβλιοθήκη εκτός από την Ιστορία παρωχημένη και CSSGrids-αποδοκιμαστεί.

Είμαστε πολύ ενθουσιασμένοι για να μοιράζονται YUI 3.4.0 και το νέο δικτυακό τόπο με την κοινότητα YUI. Μπορείτε να μάθετε περισσότερα σχετικά με YUI 3.4.0 επανεξετάζοντας τα έγγραφα σχετικά με YUILibrary.com . Μπορείτε επίσης να εξετάσετε την περίληψη όλων των αλλαγών που σημειώνεται στα αρχεία ιστορία συστατικό για YUI 3.4.0 καθώς και τον πλήρη κατάλογο των εισιτηρίων που απευθύνονται κατά YUI 3.4.0 ανάπτυξη . Όπως πάντα, θα το εκτιμούσαμε ότι θα καταθέσει κάποιες προτάσεις που μπορεί να έχετε ή ελαττώματα που μπορεί να αποκαλύψει στη βάση δεδομένων του εισιτηρίου μας. Σχόλια για YUI 3.4.0 μπορούν να εισαχθούν στο YUI της βάσης δεδομένων του εισιτηρίου 3 . Εισιτήρια για YUILibrary.com μπορούν να εισαχθούν στο αποθετήριο YUILibrary . Αν σας ενδιαφέρει σε ένα πίσω από τα παρασκήνια εξετάσουμε τη δημιουργία του νέου YUILibrary.com, να είστε βέβαιος να ενωθούν μαζί μας για την Ανοικτή ώρες την Πέμπτη 18 Αυγούστου , όπου θα συζητήσουμε το σχεδιασμό και την υλοποίηση.

Βρείτε συζητήσεις: Bloglines | Technorati

Μοιραστείτε και κατ 'επέκταση: Del.icio.us Σελιδοδείκτης με | Digg it! | Reddit!

YUI: Ώρες Λειτουργίας Πέμ 18 Αυγούστου

15, Αυγούστου, 2011 στις 9:49 pm από Luke Smith | Σε Ανάπτυξης , Ώρες λειτουργίας | 10 Σχόλια

Καλώς ήρθατε στην νέα yuilibrary.com!

Παράλληλα με την απελευθέρωση 3.4.0, το νέο και βελτιωμένο YUILibrary.com χώρο θα ζήσει! Το νέο site είναι ενωμένο, καλύτερα οργανωμένο και έχει μια φρέσκια εμφάνιση και αίσθηση.

Ψάξτε για ένα επερχόμενο μήνυμα σχετικά με τις λεπτομέρειες χώρο, αλλά ενταχθούν οι Ώρες λειτουργίας Συνδέστε δωμάτιο το πρωί της Πέμπτης για να πάρετε μια πρώτη ξενάγηση δούμε από Ryan Grove και τα άλλα παιδιά που έκαναν αυτή την πραγματικότητα. Θα πρέπει να μιλάμε για το σχεδιασμό της ιστοσελίδας, backend εγκατάστασης, τα μελλοντικά σχέδια, τις ευκαιρίες της κοινότητας, και να ελέγξει έξω όλες τις νέες δυνατότητες που μπορούμε να χωρέσουμε σε μια ώρα, συμπεριλαμβανομένου του νέου interface API Docs.

Δουλεύουμε ουρές μας μακριά για να πάρει αυτό το πράγμα είναι έτοιμη να ξεκινήσει και δεν θα μπορούσε να είναι πιο ευτυχισμένοι να δουν τελικά το κάνει σπίτι του για yuilibrary.com. Ελάτε να γιορτάσουμε τα εγκαίνια, θα διατυπώσει παρατηρήσεις (καλές και κακές), και να μάθουν τρόπους για να βοηθήσει να γίνει το νέο site το καλύτερο που μπορεί να είναι για σας και για την ευρύτερη κοινότητα YUI.

Ώρα & Λεπτομέρειες

Αυτή την εβδομάδα, εμείς δεν πρόκειται να χρησιμοποιήσετε μια γέφυρα διάσκεψης. Αντ 'αυτού, θα πάμε για να φιλοξενήσει τη σύνοδο εξ ολοκλήρου στο Adobe Connect, συμπεριλαμβανομένου του ήχου. Θα χρησιμοποιήσουμε την Connect συζήτηση για τη διαχείριση ερωτήσεις ή χρησιμοποιήστε το ενσωματωμένο Connect υποστήριξη ήχου για περισσότερες σε βάθος συζητήσεις.

Θα είμαστε σε απευθείας σύνδεση στην αίθουσα Open Ώρες δέκα-έντεκα PDT Πέμπτη.

Ενημέρωση: βίντεο διαθέσιμη για κατέβασμα

Η υψηλής ανάλυσης, το iOS φιλικό καταγραφής είναι διαθέσιμο για download .

Βρείτε συζητήσεις: Bloglines | Technorati

Μοιραστείτε και κατ 'επέκταση: Del.icio.us Σελιδοδείκτης με | Digg it! | Reddit!

YUI: Ώρες Λειτουργίας Πέμ 11 του Αυγούστου

8 Αύγ 2011 στις 9:47 pm από Luke Smith | Σε Ανάπτυξης , Ώρες λειτουργίας | Δεν Σχόλια

Αναζήτηση Άμεση Προσβασιμότητα

Εμείς πάμε για να δώσει συνέχεια στην προηγούμενη θέση για Αναζήτηση Απευθείας . Υπάρχουν πολλά για Αναζήτηση Απευθείας αξίζει να μιλάμε για, αλλά και για ορεκτικά, η εμπειρία του να πάρει την προσβασιμότητα είναι δικαίωμα τόσο ενδιαφέρουσα και σημαντική. Βίκτωρ Tsaran και Caridy Patiño θα ενωθούν μαζί μας για την πρόσκληση να μιλήσει για το έργο, να επανεξετάσει τις λεπτομέρειες εφαρμογής, και απαντήσει σε τυχόν ερωτήσεις που έχετε για την Άμεση αναζήτηση ή την προσβασιμότητα των βέλτιστων πρακτικών.

Ώρα & Λεπτομέρειες

Αλλάζουμε τη μορφή αυτή την εβδομάδα. Εμείς πάμε για να προσπαθήσουμε να φιλοξενήσει τη σύνοδο εξ ολοκλήρου στο Adobe Connect. Δεν θα υπάρξει γέφυρα διάσκεψης να καλέσετε. Ο ήχος θα είναι επίσης μέσω Connect. Θα χρησιμοποιήσουμε την Connect συνομιλίας για να διαχειριστεί ζητήματα.

Θα είμαστε σε απευθείας σύνδεση, ως συνήθως, δέκα με έντεκα π.μ. PDT Πέμπτη τα Ώρες λειτουργίας Συνδέστε δωμάτιο .

Ενημέρωση: Θα συνεχίσει να βρίσκεται στη γέφυρα διάσκεψης

Σε ένα εγκεφαλικό επεισόδιο της ειρωνείας, αποδεικνύεται ότι η Connect δεν έχει καλή προσβασιμότητα για τυφλούς συμμετέχοντες, έτσι θα πρέπει να χρησιμοποιούν σύνδεση για την κοινή χρήση της οθόνης και τη γέφυρα διάσκεψης για τον ήχο ως συνήθως. Οι λεπτομέρειες της σύνδεσης είναι:

1. Κλήση για να 1-888-371-8922 (Skype λειτουργεί μεγάλο για μη αμερικανούς συμμετέχοντες *)
2. Εισάγετε τον κωδικό συμμετέχοντα 47188953 #
3. Ενώστε την κοινή προβολή οθόνης (αυτό θα σας ζητήσει να εγκαταστήσετε το Adobe Connect plugin αν αυτή είναι η πρώτη φορά χρήση του)

Ενημέρωση # 2: Καταγραφή διαθέσιμων

Εδώ είναι η δυνατότητα λήψης καταγραφή για αυτό Ώρες Λειτουργίας .

Βρείτε συζητήσεις: Bloglines | Technorati

Μοιραστείτε και κατ 'επέκταση: Del.icio.us Σελιδοδείκτης με | Digg it! | Reddit!

Κάνοντας αναζήτηση Άμεση Πρόσβαση

8 Αύγ 2011 στις 9:44 pm από Caridy Patino | Σε Προσβασιμότητα , Ανάπτυξης | 6 Σχόλια

Πριν από λίγους μήνες ξεκινήσαμε την πρώτη beta έκδοση των Αναζήτηση Απευθείας. Το νέο αυτό προϊόν εξερευνά την έννοια του πραγματικού χρόνου, παρέχοντας άμεσα απαντήσεις για το χρήστη με κάθε πάτημα πλήκτρου. Λόγω της ποικιλομορφίας του Yahoo! κοινό, θέλαμε να κάνουμε Αναζήτηση Απευθείας προσβάσιμο κατά το δυνατόν. Αρχικά, πιστεύαμε ότι αυτό θα ήταν ένα εύκολο έργο αφού το προϊόν θα πρέπει να βασίζεται σε YUI 3, μια βιβλιοθήκη JavaScript με την προσβασιμότητα ψήνεται στο DNA του. Αντίθετα με τις προσδοκίες μου ως μηχανικός, το έργο αυτό αποδείχθηκε πιο δύσκολο από ό, τι αναμενόταν.

Εισαγωγή Αναζήτηση Απευθείας

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

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

Χαρακτηριστικά Προσβασιμότητα

Στην αναζήτηση για την κατασκευή Αναζήτηση Απευθείας πρόσβαση, κοιτάξαμε την εφαρμογή του Επίκουρου αναζήτηση, μια τεχνολογία που πρωτοστάτησε στο Yahoo! μερικά χρόνια πίσω, καθώς και τα εγγενή χαρακτηριστικά προσβασιμότητας των YUI.

Μετά από αυτή την έρευνα, τα τρία κύρια χαρακτηριστικά προσβασιμότητας προτάθηκαν για την Αναζήτηση Απευθείας:

• Χρησιμοποιώντας το βοηθητικό πρόγραμμα Διεθνοποίηση YUI να εξυπηρετήσει τοπικού περιεχομένου.
• Ρύθμιση role και aria-* ιδιότητες σε στοιχεία μέσα στο widget αυτόματης συμπλήρωσης, που πρέπει να εντοπίζονται και υποβάλλονται σε επεξεργασία από τους αναγνώστες οθόνης.
• Χρησιμοποιώντας ένα κρυφό div που αντιπροσωπεύει μια ζωντανή περιοχή ( aria-live ) να ειδοποιεί το χρήστη όταν συμβαίνει κάτι. Π.χ., ο αριθμός των διαθέσιμων προτάσεις, η επιλεγμένη πρόταση, κλπ.

Το σχέδιο ήταν να ενημερώσει τον χρήστη για τυχόν αλλαγές στην Αναζήτηση Απευθείας διασύνδεση, και παρέχει μια σειρά από συντομεύσεις πληκτρολογίου για να περιηγηθείτε τα ακόλουθα οπτικά στοιχεία:

• SearchBox
• Υποβολή κουμπί
• Πρόταση λίστα
• Πλούσια πίνακα

Ακούγεται σαν ένα αεράκι, σωστά; Λοιπόν, ας κάνουμε ένα βήμα πίσω.

Το πρόβλημα

Αυτό που έχουμε εδώ είναι δύο ασύγχρονη διαδικασίες - ένα από αυτά για την ενημέρωση του συνόλου πρόταση και το άλλο για την ανάκτηση αντίστοιχες απαντήσεις - και είναι και οι δύο πολύ γρήγορα. Μιλάμε για 250ms άκρη σ 'άκρη. Δεδομένου ότι το περιβάλλον αλλάζει σε ένα τέτοιο γρήγορο ρυθμό, παρακολουθώντας τα πάντα μπορεί να είναι δύσκολο για έναν χρήστη αναγνώστη οθόνης. Παίρνει μια τάξη μεγέθους πιο περίπλοκη, όταν ενημερώσεις συμβεί σε μια ασύγχρονη, σχεδόν σε πραγματικό χρόνο τρόπο. Επειδή το πρόγραμμα ανάγνωσης οθόνης είχε κοινοποιηθεί από κάθε αλλαγή στο περιβάλλον, με αποτέλεσμα η φλυαρία ήταν δύσκολο να κάνουν αίσθηση του τι συνέβαινε.

Η έλλειψη μιας αποδεκτής λύσης, ξεκινήσαμε συνεργασία με το Yahoo! 's κάτοικος γκουρού της προσβασιμότητας, Βίκτορ Tsaran ( @ vick08 ) να προσπαθήσουμε και να καταλήξουμε σε κάτι καλύτερο.

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

Πώς χρήστες αναγνωστών οθόνης αντιλαμβάνονται Αναζήτηση Απευθείας

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

Για παράδειγμα, εάν ο χρήστης πληκτρολογεί "miami wea" , το πρόγραμμα ανάγνωσης οθόνης θα τους πω δύο πράγματα:

• 10 προτάσεις.
• ΚΑΙΡΟΣ MIAMI, FL. ΣΗΜΕΡΑ, Βροχή κατά περιόδους, 89 ° F 77 ° F. ΑΥΡΙΟ, μεμονωμένες καταιγίδες, 90 ° F 74 ° F ...

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

Για να εξασφαλιστεί ότι ο κατάλογος πρόταση προσθέτει αξία στην εμπειρία, μπορούμε να διασφαλίσουμε ότι η πρώτη φράση στην πλούσια πίνακα συνδέεται στενά με την αντίστοιχη πρόταση της. Για παράδειγμα, με βάση το προηγούμενο παράδειγμα, "weather miami" είναι η πρώτη φράση στην πλούσια πάνελ για την πρόταση: "καιρός Μαϊάμι".

Victor Tsaran, του Εργαστηρίου Προσβασιμότητα του Yahoo!, δείχνει πώς λειτουργεί στον Firefox με το NVDA ανάγνωσης οθόνης:

Η εμπειρία ανάγνωσης οθόνης για την εφαρμογή μας είναι ευκολότερο να ακολουθήσετε από τώρα να εστιάζεται μόνο στις ακόλουθες δύο οπτικά στοιχεία:

• SearchBox
• Πλούσια πίνακα

Οι αλλαγές στη λίστα Αυτόματης Καταχώρησης ως σύνολο δεν παρακολουθούνται, και το κουμπί submit αγνοείται δεδομένου ότι ο χρήστης μπορεί να χτυπήσει πάντα τεθεί για το τρέχον ερώτημα ή να χρησιμοποιήσετε μια συντόμευση πληκτρολογίου (πλήκτρο πρόσβασης Tilda: [control, alt or shift] + ~ ) για εναλλαγή μεταξύ της εισόδου και στοιχείο της πλούσιας πίνακα. Αυτές οι επιλογές πλοήγησης πληκτρολόγιο αποκαλύπτεται στον χρήστη όταν η SearchBox αναγνωρίζεται από το πρόγραμμα ανάγνωσης οθόνης.

Από την άποψη της μηχανικής, η αλλαγή αυτή ώστε να απλοποιηθεί σημαντικά πράγματα. Το ποσό της χειραγώγησης DOM με τον πιο ενεργό συστατικό μειώθηκε δραστικά, τη βελτίωση της συνολικής απόδοσης των Αναζήτηση Απευθείας. Εδώ είναι ένα παράδειγμα της εφαρμογής:

 SDAAria λειτουργία () {
     var κόμβος = this._liveRegion = Y.Node.create («<div role="status" class="off-screen" aria-live="assertive"> </ span> ')?
     / / Δημιουργήστε το ARIA ζωντανή περιοχή ...
     Y.one («σώμα») προσάρτησης (κόμβο).?
     / / Ακρόαση για την άρια: ζωντανά μηνύματα για να ενημερώσετε την ζωντανή περιοχή
     this.on («άρια: ζωντανά», this._handlerMsg, αυτή)?
     / / Ακρόαση για το κουτσομπολιό: ανανέωσης να ανακοινώσει πόσες προτάσεις
     this.on («κουτσομπολιά: ανανέωσης», this._handleGossipRefresh, αυτή)?
 }
 SDAAria.ATTRS = {
      χορδές: {
          valueFn: λειτουργία () {
              επιστροφή Y.Intl.get («SD-άρια")?
          }
      }
 }?
 SDAAria.prototype = {
     _ariaSay: λειτουργία (stringId, υποβρύχια) {
         var = this.get μήνυμα («χορδές». stringId +) | |''?
         this._liveRegion.setContent (; επόμενα Y.Lang.sub (μήνυμα, υποβρύχια): μήνυμα)?
     },
     _handlerMsg: λειτουργία (ε) {
         αν (e.id) {
             this._ariaSay (e.id, e.subs)?
         }
     },
     _handleGossipRefresh: λειτουργία () {
         var size = this.get («προτάσεις») το μέγεθος ().?
         this._ariaSay ((μέγεθος> 0 »ΠΡΟΤΑΣΕΙΣ»: «NO_SUGGESTIONS»), {
             n: μέγεθος
         })?
     }
 }?

Διδάγματα

Κατά τη δημιουργία ενός προσπελάσιμου περιβάλλοντος, είναι σημαντικό να θέσουμε τις σωστές ερωτήσεις. Κάνοντας κάθε κομμάτι της αίτησής σας πρόσβαση μπορεί να μην είναι η σωστή προσέγγιση.

Ζητήστε πρώτα σχόλια από χρήστες της ανάγνωσης οθόνης - μην υποθέσετε ότι έχετε τις βάσεις σας καλύπτονται μέχρι να πάρετε κάποια σχόλια των χρηστών. Χρησιμοποιώντας κάθε μέσο και δυνατότητα στη διάθεσή σας δεν μπορεί να έχει το επιδιωκόμενο αποτέλεσμα.

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

Σχετικά με τον συγγραφέα: Caridy Patiño, κύρια Frontend για το Yahoo! Αναζήτηση Απευθείας. Υπήρξε ένας μακροπρόθεσμος Συνεισφέρων YUI και δημιουργός της βιβλιοθήκης Ξεχειλίζοντας YUI Επέκταση, καθώς και ως προσκεκλημένος blogger στο YUIBlog.com μοιράζονται μερικά από εκτεταμένη εμπειρία του κτίριο υψηλής απόδοσης εφαρμογές Ιστού. Φόρτωση στρατηγικές, event-driven αρχιτεκτονικές και SSJS είναι μερικά από τα θέματα στα οποία Caridy ξοδεύει τον περισσότερο χρόνο του αυτές τις μέρες.

Βρείτε συζητήσεις: Bloglines | Technorati

Μοιραστείτε και κατ 'επέκταση: Del.icio.us Σελιδοδείκτης με | Digg it! | Reddit!