Διδάσκω ένα μάθημα στο τοπικό κολέγιο εδώ στο Λονγκ Μπιτς και το μεγαλύτερο μέρος του περιεχομένου φιλοξενείται στο Canvas LMS, ώστε οι μαθητές να έχουν πρόσβαση στο διαδίκτυο. Και, φυσικά, θέλω το περιεχόμενο να είναι όσο το δυνατόν πιο προσιτό, οπότε δόξα τω θεώ που έχει ο Canvas α11ε εργαλεία ενσωματωμένα μέσα σε αυτό.
Αλλά δεν είναι και τόσο ρόδινα. Κάνει υποθέσεις όπως όλα τα άλλα εργαλεία και τηρεί τις οδηγίες που έχουν προγραμματιστεί σε αυτό. Δεν είναι σαν το WCAG ψήνεται αμέσως και ενημερώνεται όταν ενημερώνεται.
Ο λόγος που το έχω στο μυαλό μου είναι ότι ο Τζέρεμι χτες περιέγραψε την αγάπη του να γράφει περιγραφές εικόνων:
Μου αρέσει να γράφω
alt
κείμενο. Πρόσφατα περιέγραψα πώς ενημέρωσα τη διεπαφή ανάρτησής μου εδώ στον δικό μου ιστότοπο για να βάλω έναtextarea
foralt
κείμενο μπροστά και στο κέντρο για τις σημειώσεις μου με φωτογραφίες. Από τότε απολαμβάνω τη δημιουργική πρόκληση να γράφω χρήσιμο —αλλά και υποβλητικό—alt
κειμένου.
Το αγοράζω! Γραφή alt
Το κείμενο είναι μια πρόκληση που απαιτεί έναν λεπτό χορό μεταξύ του τεχνικού και του δημιουργικού. Είναι ταυτόχρονα μια ευκαιρία να κάνετε το περιεχόμενο πιο προσιτό και να βελτιώσετε την εμπειρία του χρήστη.
Μία από αυτές τις προγραμματισμένες οδηγίες στο εργαλείο Καμβάς είναι ένα κάλυμμα 120 χαρακτήρων alt
κείμενο. Γιατί 120; Δεν ξέρω, δεν μπόρεσα να βρω καμία υποστηρικτική οδηγία ή κανόνα για αυτόν τον ακριβή αριθμό. Μια απάντηση είναι ότι οι αναγνώστες οθόνης σταματούν να ανακοινώνουν κείμενο μετά από 125 χαρακτήρες, αλλά αυτό είναι προφανώς αναληθές, τουλάχιστον σήμερα. Η γενική συμβουλή για πόσο καιρό alt
Το κείμενο πρέπει να έρχεται σε διάφορους βαθμούς:
- Ο Τζέικ Άρτσιμπαλντ μιλάει εκτενώς ως προς το συναίσθημα. Η λεπτομέρεια είναι υπέροχη, αλλά η υπερβολική λεπτομέρεια μπορεί να παραμορφώσει το εστιακό σημείο, κάτι που είναι απολύτως λογικό.
- Ο Ντέιβ τους βλέπει ως σύντομες, συνοπτικές παράγραφοι.
- Η Carrie Fisher προτείνει ένα όριο 150 χαρακτήρων όχι επειδή οι αναγνώστες οθόνης θα τους περικόψουν, αλλά περισσότερο ως μια διανοητική σημείωση ότι ίσως τα πράγματα γίνονται πολύ περιγραφικός.
- Ο Daniel Göransson λέει μέσα αυτόν τον οδηγό 2017 ότι εξαρτάται από το πλαίσιο και το να γνωρίζεις πότε ορισμένες λεπτομέρειες μιας εικόνας αξίζουν πρόσθετη εξήγηση. Γενικά όμως σφάλλει ως προς τη συνοπτικότητα.
Λοιπόν, πόσο καιρό πρέπει alt
κείμενο να είναι; Η γενική συναίνεση εδώ είναι ότι δεν υπάρχει σκληρό όριο, αλλά περισσότερη επίγνωση των συμφραζομένων του σκοπού που εξυπηρετεί η εικόνα και προσαρμογής σε αυτήν αναλόγως.
Κάτι που με φέρνει πίσω στο άρθρο του Jeremy. Έγραφε alt
κείμενο για μια ομάδα φωτογραφιών από ομιλητές και συνειδητοποίησα ότι το κείμενο άρχιζε να ακούγεται το ίδιο. Έκανε μια παύση, σκέφτηκε την εμπειρία, τη συνέκρινε με την εμπειρία ενός βλέποντα χρήστη και δημιούργησε ισοτιμία μεταξύ τους:
Όσο περισσότερα ηχεία προστέθηκαν στη σειρά, τόσο περισσότερο ένιωθα ότι επαναλαμβάνομαι με το
alt
κείμενο. [...] Η εμπειρία ενός ατόμου με όραση που κοιτάζει μια σελίδα γεμάτη ηχεία είναι ότι μετά από λίγο οι εικόνες αναμειγνύονται κάπως μεταξύ τους. Αν λοιπόν τοalt
Το κείμενο αρχίζει επίσης να ακούγεται λίγο επαναλαμβανόμενο μετά από λίγο, ίσως αυτό δεν είναι τόσο κακό. Ένας χρήστης αναγνώστη οθόνης θα αποκτούσε μια αντίστοιχη εμπειρία.
Το σκάβω. Επομένως, αν ψάχνετε για έναν σκληρό και γρήγορο κανόνα σχετικά με τον αριθμό χαρακτήρων, συγγνώμη που θα σας απογοητεύσουμε. Όπως πολλά άλλα πράγματα, το πλαίσιο είναι βασιλιάς και αυτό είναι κάτι που δεν μπορεί να κωδικοποιηθεί, ή ακόμα και αυτοματοποιημένο για αυτό το θέμα.
Και ενώ βρισκόμαστε στο θέμα, μόλις παρατήρησα ότι το Twitter έχει διεπαφή χρήστη για εμφάνιση alt
κείμενο:
Πόσο καιρό πρέπει να είναι το εναλλακτικό κείμενο; δημοσιεύθηκε αρχικά στις CSS-Κόλπα. Θα έπρεπε λάβετε το ενημερωτικό δελτίο.
- "
- a
- Σχετικα
- πρόσβαση
- προσιτός
- αναλόγως
- προστιθέμενη
- Πρόσθετος
- συμβουλές
- Όλα
- Ανακοίνωση
- άρθρο
- επίγνωση
- επειδή
- μεταξύ
- Κομμάτι
- αγορά
- καμβάς
- ορισμένες
- πρόκληση
- χαρακτήρες
- τάξη
- Κολλέγιο
- σύγκριση
- Ομοφωνία
- περιεχόμενο
- δημιουργήθηκε
- Δημιουργικός
- περιγράφεται
- λεπτομέρεια
- καθέκαστα
- Display
- κάτω
- εμπειρία
- FAST
- εμπρός
- πλήρη
- General
- γενικά
- να πάρει
- εξαιρετική
- Group
- κατευθυντήριων γραμμών
- εδώ
- φιλοξενείται
- Πως
- HTTPS
- HubSpot
- εικόνα
- εικόνες
- περιβάλλον λειτουργίας
- IT
- βασιλιάς
- τοπικός
- Μακριά
- κοιτάζοντας
- αγάπη
- Η πλειοψηφία
- κάνω
- ΚΑΝΕΙ
- ψυχική
- ενδέχεται να
- νου
- περισσότερο
- Mozilla
- Notes
- αριθμός
- διαδικτυακά (online)
- Ευκαιρία
- ΑΛΛΑ
- δική
- person
- Σημείο
- δυνατός
- σκοπός
- RE
- Αναγνώστης
- αναγνώστες
- συνειδητοποίησα
- πρόσφατα
- Απαιτεί
- ίδιο
- Οθόνη
- βλέπει
- αίσθηση
- αφού
- ιστοσελίδα
- So
- Ομιλητής
- Ηχεία
- ξεκινά
- Στήριξη
- συνομιλίες
- Τεχνικός
- όροι
- Η
- πράγμα
- πράγματα
- σήμερα
- μαζι
- εργαλείο
- τοπικός
- Τουίτερ
- ui
- ενημερώσεις
- W3
- Τι
- ενώ
- αξία
- θα
- γραφή