Το χρήσιμο alt text εικόνων προϊόντων εξηγεί στον αγοραστή τι συνεισφέρει μια συγκεκριμένη εικόνα: την εμφάνιση ενός προϊόντος, μια λεπτομέρεια που παρουσιάζεται σε άλλη όψη ή τον σκοπό ενός στοιχείου ελέγχου που βασίζεται σε εικόνα. Το alt text είναι ένα εναλλακτικό κείμενο, το οποίο μπορεί να χρησιμοποιήσει λογισμικό όπως ένα πρόγραμμα ανάγνωσης οθόνης για να περιγράψει μια εικόνα. Ξεκινήστε από τον σκοπό της στη σελίδα και, αφού αποθηκεύσετε το alt text, ελέγξτε τη διατύπωση στην πραγματική βιτρίνα του καταστήματος.
Μια συλλογή εικόνων μπορεί να φαίνεται σαφής, ενώ κάθε εικόνα χρησιμοποιεί ως alt text τον ίδιο τίτλο προϊόντος. Τότε η μπροστινή όψη, η λεπτομέρεια του κουμπώματος και η χρωματική παραλλαγή χάνουν τις διαφορές τους στο κείμενο. Προτείνουμε να εξετάζετε τη συλλογή εικόνων ενός προϊόντος ως μια μικρή συντακτική εργασία, με τον συντάκτη του καταλόγου να ελέγχει τη διατύπωση και τον υπεύθυνο συντήρησης της βιτρίνας να ελέγχει το αποτέλεσμα.
Γιατί το alt text εικόνων προϊόντων χάνει χρήσιμες λεπτομέρειες
Η χρήσιμη περιγραφή εξαρτάται από τον ρόλο της εικόνας και το περιεχόμενο γύρω της. Οι οδηγίες του W3C για ενημερωτικές εικόνες ζητούν από τους συντάκτες να μεταφέρουν τις πληροφορίες που έχουν σημασία στο συγκεκριμένο πλαίσιο. Η επανάληψη ενός τίτλου, ονόματος αρχείου ή όρου αναζήτησης σε όλη τη συλλογή μπορεί να παραλείψει το χαρακτηριστικό που προοριζόταν να δείξει μια συγκεκριμένη φωτογραφία. Η συμπλήρωση του πεδίου είναι μόνο ένα μέρος της εργασίας.
Το όνομα του προϊόντος θεωρείται αρκετό. Ένα όνομα προσδιορίζει το είδος, αλλά μια κοντινή λήψη μπορεί να προσθέτει μια λεπτομέρεια για το κούμπωμα ή μια τσέπη. Εξετάστε τι προσφέρει η φωτογραφία πέρα από τον τίτλο και την περιγραφή που βρίσκεται κοντά.
Η λειτουργία της εικόνας παραβλέπεται. Μια φωτογραφία μπορεί επίσης να είναι σύνδεσμος ή κουμπί συλλογής εικόνων. Οι οδηγίες του W3C για λειτουργικές εικόνες εντάσσουν την ενέργεια ή τον προορισμό στην απόφαση. Το προσβάσιμο όνομα - η ετικέτα που λαμβάνει η υποστηρικτική τεχνολογία για αυτό το στοιχείο ελέγχου - πρέπει να κάνει κατανοητό τον σκοπό του.
Η αποθηκευμένη καταχώριση θεωρείται το τελικό αποτέλεσμα. Διατηρήστε το πεδίο διαχείρισης και την εμφανιζόμενη σελίδα ως ξεχωριστά σημεία ελέγχου. Μια εισαγωγή, μια εικόνα που επαναχρησιμοποιείται ή προσαρμοσμένη λογική θέματος δικαιολογεί την εξέταση του αποδιδόμενου αποτελέσματος - όσων εκθέτει πραγματικά η σχετική σελίδα της βιτρίνας - πριν αλλάξετε ολόκληρο τον κατάλογο.
Οι οδηγίες της Google για εικόνες προειδοποιούν επίσης να μη γεμίζετε τις εναλλακτικές περιγραφές με λέξεις-κλειδιά. Γράψτε για τη λεπτομέρεια ή την ενέργεια που χρειάζεται ο αγοραστής. Μια λίστα όρων αναζήτησης δεν παρέχει αυτή την εξήγηση.
Αποφασίστε τι προσθέτει κάθε εικόνα
Εξετάστε την εικόνα μαζί με το κείμενο γύρω της και οποιονδήποτε σύνδεσμο ή οποιοδήποτε κουμπί στο οποίο ανήκει. Ρωτήστε ποια πληροφορία ή ενέργεια θα γινόταν ασαφής χωρίς αυτή. Το δέντρο αποφάσεων του W3C διακρίνει τις ενημερωτικές, λειτουργικές και διακοσμητικές χρήσεις. Μια εικόνα που επαναχρησιμοποιείται αλλού χρειάζεται νέα απόφαση βάσει του πλαισίου. Μια μεταγενέστερη όψη στη συλλογή δεν γίνεται αυτόματα διακοσμητική επειδή έχει ήδη εμφανιστεί ο τίτλος του προϊόντος.
Σκεφτείτε ένα υποθετικό κατάστημα που πουλά μια μπλε τσάντα ώμου. Αυτά είναι επινοημένα παραδείγματα διατύπωσης, όχι περιγραφές επαληθευμένες σε πραγματικό κατάλογο.
| Θέση | Απόφαση προς εξέταση |
|---|---|
| Μπροστινή όψη | Περιγράψτε τη σχετική ορατή εμφάνιση, όπως μια μπλε τσάντα με καμπύλο καπάκι. |
| Κοντινή λήψη κουμπώματος | Περιγράψτε την ορατή λεπτομέρεια του κουμπώματος που προσθέτει αυτή η όψη. |
| Διαφορετικό χρώμα | Αντιστοιχίστε την περιγραφή στη φωτογραφία και στην επιλεγμένη παραλλαγή. |
| Στοιχείο ελέγχου συλλογής μόνο με εικόνα | Κάντε κατανοητή την ενέργεια του στοιχείου ελέγχου, όπως το άνοιγμα της όψης του κουμπώματος. |
| Καθαρά διακοσμητική επανάληψη | Εξετάστε μια σκόπιμα κενή εναλλακτική περιγραφή αφού ελέγξετε τις πληροφορίες και τη λειτουργία. |
Κενή εναλλακτική περιγραφή σημαίνει ένα σκόπιμο χαρακτηριστικό alt="". Οι οδηγίες του W3C για διακοσμητικές εικόνες το διακρίνουν από την παράλειψη του χαρακτηριστικού. Για μια εικόνα κάρτας προϊόντος μέσα σε σύνδεσμο, επαρκές κείμενο μέσα στον ίδιο σύνδεσμο μπορεί να κάνει κατάλληλη μια κενή εναλλακτική περιγραφή. Ένας ξεχωριστός τίτλος προϊόντος κοντά στην εικόνα δεν δίνει αυτόματα όνομα σε έναν σύνδεσμο που αποτελείται μόνο από εικόνα.
Διατηρήστε λεπτομερείς πληροφορίες διαστάσεων ή συναρμολόγησης ως προσβάσιμο περιεχόμενο της σελίδας. Οι οδηγίες του W3C για σύνθετες εικόνες ζητούν πληρέστερη επεξήγηση κειμένου όταν μια σύντομη εναλλακτική περιγραφή δεν μπορεί να μεταφέρει τις πληροφορίες. Μην προσπαθείτε να χωρέσετε τις οδηγίες ενός διαγράμματος σε μια σύντομη περιγραφή απορρίπτοντας τα υπόλοιπα.
Γράψτε και αποθηκεύστε ένα ελεγμένο δείγμα
Ετοιμάστε ένα δείγμα που μπορείτε να ελέγξετε πριν εφαρμόσετε τη μέθοδο σε ολόκληρο τον κατάλογο. Εμείς θα χρησιμοποιούσαμε μια καταγραφή με τη διεύθυνση URL της σελίδας, τη γλώσσα, την επιλεγμένη παραλλαγή, την αναφορά εικόνας, τον σκοπό, την προτεινόμενη διατύπωση και το αποτέλεσμα επαλήθευσης. Μια μικρογραφία ή σαφής αναφορά μέσου βοηθά τον ελεγκτή να αντιστοιχίσει τη γραμμή στην πραγματική εικόνα αντί να μαντεύει από ένα όνομα αρχείου.
- Καταγράψτε τη συνεισφορά της εικόνας. Γράψτε τι χρειάζεται ο αγοραστής από αυτή την όψη και τι παρέχει ήδη το κοντινό κείμενο. Συμπεριλάβετε αν η εικόνα αποτελεί μέρος συνδέσμου ή κουμπιού.
- Συντάξτε μια σύντομη εναλλακτική περιγραφή. Διατηρήστε τη διακριτή ορατή λεπτομέρεια. Ελέγξτε το χρώμα και άλλα σχετικά στοιχεία σε σχέση με τη σωστή φωτογραφία και την εγγραφή του καταλόγου. Μην επινοείτε υλικό, χωρητικότητα ή πιστοποίηση από την εμφάνιση.
- Ελέγξτε τις προτάσεις πριν τις αποδεχθείτε. Μια περιγραφή που παράγεται αυτόματα είναι προσχέδιο. Ζητήστε από τον συντάκτη προϊόντων να ελέγξει τι αναφέρει και τον σκοπό που εξυπηρετεί, συμπεριλαμβανομένων της επιλεγμένης παραλλαγής και της γλώσσας.
- Ελέγξτε υπάρχουσες τιμές που δεν εξηγούνται. Αν το πεδίο περιέχει κωδικούς αποθέματος ή ασυνήθιστη μορφοποίηση, ρωτήστε τον υπεύθυνο συντήρησης αν κάποια προσαρμοσμένη λογική της συλλογής εξαρτάται από αυτά. Δοκιμάστε τις αλλαγές σε μια εξουσιοδοτημένη προεπισκόπηση ή σε άλλο αναστρέψιμο δείγμα πριν αντικαταστήσετε μαζικά αυτές τις τιμές.
- Αποθηκεύστε μέσω του σχετικού πεδίου πολυμέσων. Η τρέχουσα βοήθεια του Shopify για υπολογιστές σάς κατευθύνει στα Προϊόντα, στο προϊόν και έπειτα στο στοιχείο πολυμέσων του. Επιλέξτε Προσθήκη alt text, εισαγάγετε την ελεγμένη διατύπωση και επιλέξτε Αποθήκευση alt text. Αυτή η διαδρομή καλύπτει τα πολυμέσα προϊόντων. Οι εικόνες μέσα σε περιγραφές ή ενότητες θέματος μπορεί να χρησιμοποιούν άλλη θέση επεξεργασίας.
- Παραδώστε τα προβλήματα υλοποίησης στον υπεύθυνο συντήρησης. Αν το πεδίο ή το στοιχείο ελέγχου δεν μπορεί να εκφράσει τον απαιτούμενο σκοπό, δώστε τη σελίδα, την αναφορά εικόνας και το επιδιωκόμενο αποτέλεσμα. Στην προτεινόμενη εργασία μας για ιστοτόπους ηλεκτρονικού εμπορίου, αυτή η παράδοση διαχωρίζει την απόφαση περιεχομένου από την αλλαγή του θέματος και την επαλήθευσή της.
Ελέγξτε τη βιτρίνα πριν αλλάξετε τον κατάλογο
Ανοίξτε τη σχετική σελίδα της βιτρίνας αφού αποθηκεύσετε και ελέγξτε την ακριβή θέση που επεξεργαστήκατε. Επιβεβαιώστε την εναλλακτική περιγραφή της εικόνας, το προσβάσιμο όνομα κάθε στοιχείου ελέγχου στο οποίο ανήκει και τι συμβαίνει όταν αλλάζετε παραλλαγή ή όψη της συλλογής. Αν δεν μπορείτε να τα εξετάσετε μόνοι σας, ζητήστε από τον υπεύθυνο συντήρησης να σας δείξει το αποτέλεσμα σε αντιπαραβολή με την καταγραφή σας πριν επεκτείνετε την επεξεργασία.
- Αντιστοιχίστε την πραγματική εικόνα. Χρησιμοποιήστε τα εργαλεία επιθεώρησης του προγράμματος περιήγησης ή ζητήστε από τον υπεύθυνο συντήρησης να διαβάσει το αποδιδόμενο χαρακτηριστικό
altτης εικόνας. Συγκρίνετέ το με την προετοιμασμένη διατύπωση και τη φωτογραφία που εμφανίζεται εκείνη τη στιγμή. - Ελέγξτε το όνομα και την ενέργεια του στοιχείου ελέγχου. Για έναν σύνδεσμο ή ένα κουμπί, εξετάστε την ετικέτα που εκτίθεται στην υποστηρικτική τεχνολογία καθώς και την εναλλακτική περιγραφή της εικόνας. Ελέγξτε ότι η δηλωμένη ενέργεια ή ο προορισμός αντιστοιχεί σε ό,τι συμβαίνει όταν ενεργοποιείτε το στοιχείο ελέγχου. Η περιγραφή της εικόνας από μόνη της μπορεί να μην καθορίζει ολόκληρο το όνομα του στοιχείου ελέγχου.
- Αλλάξτε την όψη και την παραλλαγή. Ανοίξτε τη λεπτομέρεια του κουμπώματος, επιλέξτε άλλο ορατό χρώμα και ελέγξτε ξανά το αντίστοιχο αποτέλεσμα. Αν μια περιγραφή παραμένει συνδεδεμένη με λάθος εικόνα, καταγράψτε αυτή την ακριβή ακολουθία για τον υπεύθυνο συντήρησης.
- Ανοίξτε ξανά τη σελίδα και τη σχετική γλώσσα. Ελέγξτε ότι η αποθηκευμένη αλλαγή παραμένει στην προβλεπόμενη θέση. Καταγράψτε ξεχωριστά τις ανεπίλυτες περιπτώσεις, συμπεριλαμβανομένων όσων απαιτούν διερεύνηση μιας ροής εισαγωγής ή μετάφρασης.
Η επιθεώρηση μέσω προγράμματος περιήγησης ελέγχει την υλοποίηση. Ένας εξειδικευμένος έλεγχος με πρόγραμμα ανάγνωσης οθόνης μπορεί να εξετάσει την εργασία αγοράς με αυτή την υποστηρικτική τεχνολογία. Διατηρήστε σαφές το εύρος κάθε ελέγχου. Οι Εύκολοι Έλεγχοι του W3C προειδοποιούν ότι οι προκαταρκτικοί έλεγχοι δεν είναι οριστικοί, επομένως ούτε ένα συμπληρωμένο πεδίο ούτε αυτό το δείγμα τεκμηριώνουν την προσβασιμότητα ολόκληρου του καταστήματος. Οι πρώτοι έλεγχοι προσβασιμότητας για τον ιστότοπό σας καλύπτουν ευρύτερες εργασίες, όπως η χρήση πληκτρολογίου και οι φόρμες.
Διατηρήστε σωστές τις εναλλακτικές περιγραφές μετά την επεξεργασία
Αναθέστε την ευθύνη για το κείμενο προέλευσης και επαναλάβετε τον σχετικό έλεγχο όταν αλλάζει η φωτογραφία, η παραλλαγή, η γλώσσα, το θέμα ή η εισαγωγή. Αν πολλά συστήματα τροφοδοτούν τον κατάλογο, βρείτε ποιο από αυτά είναι υπεύθυνο για το πεδίο. Εμείς θα συμπεριλαμβάναμε αυτή την αντιστοίχιση σε μια ροή ενοποίησης καταλόγου και CRM πριν επεκτείνουμε χειροκίνητες αλλαγές που ενδέχεται να αντικαταστήσει άλλη διαδικασία.
Παρακολουθείτε τις ελεγμένες θέσεις, τη διατύπωση που επιβεβαιώθηκε στη βιτρίνα και τις ανεπίλυτες περιπτώσεις. Αυτές οι καταγραφές δείχνουν την εργασία που ολοκληρώθηκε και όσα εξακολουθούν να χρειάζονται προσοχή. Δεν μετρούν επίδραση στις πωλήσεις. Διατηρήστε μαζί την αναφορά εικόνας, την τρέχουσα διατύπωση, τον συντάκτη και την αιτία του επόμενου ελέγχου, ώστε άλλο άτομο να μπορεί να συντηρήσει την ίδια απόφαση.
Πού συμβάλλουμε εμείς
Θα ξεκινούσαμε με τις όψεις ενός προϊόντος και θα συμφωνούσαμε τι χρειάζεται να επικοινωνεί καθεμία. Στη συνέχεια, η παράδοση συνδέει τη διατύπωση του συντάκτη με τη θέση αποθήκευσης, το αποτέλεσμα στη βιτρίνα και κάθε ανεπίλυτη συμπεριφορά στοιχείου ελέγχου. Ξεκινήστε τη δική σας καταγραφή με ένα προϊόν του οποίου η συλλογή παρουσιάζει διακριτές λεπτομέρειες και ελέγξτε το δείγμα πριν επεκτείνετε την εφαρμογή του.
