Σημείο ελέγχου 1.1.1(b)Εναλλακτικά κείμενα για γραφικά και αντικείμενα

Τι ελέγχεται;

Για τα γραφικά με πληροφοριακό χαρακτήρα και τις εικόνες πρέπει να παρέχονται εναλλακτικό κείμενο. Τα εναλλακτικά κείμενα αντικαθιστούν την εικόνα. Επομένως, θα πρέπει (αν είναι δυνατόν) να εκτελούν την ίδια εργασία με την εικόνα. Είναι αντικείμενο του A11y WCAG Τεστ και συγκεκριμένα με το Σημείο ελέγχου 1.1.1(b).

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

Αυτό το σημείο ελέγχου καλύπτει επίσης κείμενα που αντικαθίστανται με εικόνες φόντου χρησιμοποιώντας CSS.

Γιατί ελέγχεται;

Τα γραφικά και οι εικόνες δεν είναι προσβάσιμα σε τυφλούς χρήστες ή σε χρήστες απλών προγραμμάτων περιήγησης κειμένου. Το εναλλακτικό κείμενο παίρνει στη συνέχεια τη θέση της εικόνας και προορίζεται να την αντικαταστήσει. Ισχύει και για το κείμενο που αντικαταστάθηκε από μια εικόνα φόντου χρησιμοποιώντας CSS. Γενικά πολύ σημαντικό σημείο και ακόμα ποιό συγκεκριμένα σε σχέση με το Σημείο ελέγχου 1.1.1(b).

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

Πώς ελέγχεται;

1. Εφαρμογή του σημείου ελέγχου

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

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

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

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

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

Επιπλέον, το σημείο ελέγχου ισχύει εάν υπάρχουν ενημερωτικά ηχητικά στοιχεία.

2. Έλεγχος

2.1 Εμφάνιση εναλλακτικών κειμένων για γραφικά
  1. Φορτώστε τη σελίδα στον Firefox.
  2. Στο επιπρόσθετο Web Accessibility Toolbar, χρησιμοποιήστε τις λειτουργίες Images > Show Images ή Images > Image List. Ελέγξτε εάν υπάρχει το χαρακτηριστικό alt και το εναλλακτικό κείμενο που είναι αποθηκευμένο εκεί αντικαθιστά κατάλληλα την εικόνα. Δείτε επικεφαλίδα 2.4.
2.2 Εμφάνιση εναλλακτικών κειμένων για αντικείμενα
  1. Ελέγξτε αν η σελίδα περιέχει αντικείμενα. Μπορεί να χρησιμοποιηθεί η ακόλουθη μέθοδος: Στο επιπρόσθετο Web Accessibility Toolbar, επιλέξτε CSS > Disable CSS. Εξακολουθούν να εμφανίζονται στοιχεία που προφανώς δεν είναι απλό κείμενο;
  2. Στο επιπρόσθετο Web Accessibility Toolbar, ελέγξτε εάν εμφανίζεται μια εναλλακτική που αντικαθιστά κατάλληλα το αντικείμενο. Δείτε επικεφαλίδα 2.4
  3. Εάν η εναλλακτική λύση για το αντικείμενο είναι ένα στοιχείο img: Στο μενού, επιλέξτε Προβολή > Εικόνες > Να μην εμφανίζονται εικόνες και ελέγξτε το εναλλακτικό κείμενο όπως περιγράφεται στην ενότητα 2.4.
2.3 Εναλλακτικές λύσεις κειμένου για γραφικά φόντου

Αντιστοιχεί στην ενότητα 2.3 του σημείου ελέγχου 1.1.1a

Τα γραφικά φόντου δεν έχουν χαρακτηριστικό alt, επομένως δεν μπορεί να αποθηκευτεί εναλλακτικό κείμενο με αυτόν τον τρόπο.

Ωστόσο, εάν ένα γραφικό φόντου αντικαταστήσει κείμενο που υπάρχει στην πραγματικότητα στο HTML αρχείο, για παράδειγμα μια επικεφαλίδα, τότε αυτό το κείμενο θεωρείται εναλλακτικό κείμενο για το γραφικό φόντου. Υλοποιείται μέσω της μεθόδου αντικατάστασης εικόνας CSS. Ωστόσο, προαπαιτούμενο είναι να χρησιμοποιήθηκε κατάλληλη μέθοδος (όχι "display:none").

Βασική ρύθμιση στον Firefox
  1. Ανοίξτε τον Firefox και επιλέξτε Εργαλεία > Ρυθμίσεις > Γενικά > Γραμματοσειρές και χρώματα από το μενού.
  2. Στην περιοχή "Κείμενο και φόντο", επιλέξτε ένα χρώμα ως χρώμα φόντου που συνήθως χρησιμοποιείται σπάνια για τη σχεδίαση σελίδας (όπως ανοιχτό ροζ ή πράσινους τόνους, για παράδειγμα).
  3. Κλείστε το παράθυρο διαλόγου με "OK".
Έλεγχος
  1. Ανοίξτε τη σελίδα στον Firefox.
  2. Στο επιπρόσθετο Web Accessibility Toolbar, επιλέξτε Disable > Disable Page Colors.
  3. Ελέγξτε εάν τα γραφικά με πληροφοριακό χαρακτήρα ή οι εικόνες εξαφανίζονται. Αυτό συμβαίνει όταν ενσωματώνονται ως εικόνες φόντου.
  4. Εάν τα γραφικά με πληροφοριακό χαρακτήρα ή εικόνες έχουν ενσωματωθεί ως εικόνες φόντου. Ελέγξτε εάν η εικόνα φόντου αντικαθιστά κείμενο που υπάρχει στην πραγματικότητα στο HTML αρχείο. Εάν όχι, θα πρέπει να αντιμετωπίζεται ως χαρακτηριστικό alt που λείπει.
  5. Εάν τα κείμενα αντικαθίστανται από εικόνες φόντου: Ελέγξτε ποια μέθοδος χρησιμοποιήθηκε για την αντικατάσταση της εικόνας. Εάν χρησιμοποιείται "display:none", αυτό αντιμετωπίζεται ως χαρακτηριστικό alt που λείπει.
  6. Εάν χρησιμοποιήθηκε μια κατάλληλη μέθοδος αντικατάστασης εικόνας: Ελέγξτε αν το κείμενο αντιπροσωπεύει μια ισοδύναμη εναλλακτική λύση κειμένου για την εικόνα φόντου. Δείτε επικεφαλίδα 2.4.
2.4 Κατάλληλα εναλλακτικά κείμενα

Αυτό που είναι κρίσιμο είναι ότι η σελίδα πρέπει να μπορεί να χρησιμοποιηθεί εάν τα γραφικά ή οι εικόνες αντικατασταθούν από το αντίστοιχο εναλλακτικό κείμενο. Επίσης, και άλλες κατάλληλες εναλλακτικές λύσεις κειμένου.

Συνήθως αυτό σημαίνει:
  • Για γραφικά κειμένου, το εναλλακτικό κείμενο πρέπει να επαναλαμβάνει το κείμενο του γραφικού κειμένου.
  • Για σύμβολα ή λογότυπα, το εναλλακτικό κείμενο θα πρέπει να λέει ότι απεικονίζεται ένα σύμβολο, ένα σημάδι ή ένα λογότυπο. Επίσης, να μεταφέρει το νόημα του συμβόλου ή του σημείου.
  • Για ομάδες σχετικών εικόνων, μία από τις εικόνες μπορεί να αντικατοπτρίζει το νόημα της ομάδας. Οι άλλες έχουν ένα κενό χαρακτηριστικό alt.
  • Για φωτογραφίες, αναπαραγωγές ζωγραφικής ή άλλα στοιχεία εκτός κειμένου που μεταφέρουν μια συγκεκριμένη αισθητηριακή εμπειρία, συνήθως αρκεί μια σύντομη περιγραφή του αντικειμένου που απεικονίζεται.
  • Τα διαγράμματα ή τα τεχνικά σχέδια ενδέχεται να απαιτούν πιο λεπτομερείς εξηγήσεις. Τα εναλλακτικά κείμενα δεν είναι κατάλληλα για αυτό. Δεν πρέπει να υπερβαίνουν τους 70 χαρακτήρες. Στη συνέχεια, το εναλλακτικό κείμενο δηλώνει μόνο τι εμφανίζεται και πού (π.χ.: «Λεπτομέρειες στο παρακάτω κείμενο»). Επίσης, η εξήγηση βρίσκεται στο πλαίσιο της εικόνας.
  • Για αντικείμενα που δεν μπορούν να εμφανιστούν, το εναλλακτικό κείμενο ή το κείμενο στο άμεσο περιβάλλον του αντικειμένου (όπως μια προηγούμενη επικεφαλίδα ή επόμενο υπόμνημα) θα πρέπει να παρέχει μια σύντομη περιγραφή ή αναγνώριση. Επιπλέον, εάν διαθέσιμο, ανατρέξτε σε μια εναλλακτική λύση μέσων.

    Επιπλέον, είναι λογικό ένα σενάριο να αξιολογεί εάν το αντικείμενο δεν μπορεί να εμφανιστεί λόγω απενεργοποιημένου JavaScript ή/και απενεργοποιημένου πρόσθετου και να δημιουργήσει ένα αντίστοιχο μήνυμα.

    Εάν δημιουργηθούν τέτοια μηνύματα, πρέπει να αντιστοιχούν στις πραγματικές ρυθμίσεις του προγράμματος περιήγησης. Έτσι, εάν, για παράδειγμα, η προσθήκη Flash είναι απενεργοποιημένη αλλά η JavaScript είναι ενεργοποιημένη, δε θα πρέπει να εμφανίζεται το (παραπλανητικό) μήνυμα ότι πρέπει να ενεργοποιηθεί η JavaScript.

Ο γενικός κανόνας είναι: τα εναλλακτικά κείμενα πρέπει να είναι σύντομα. Λεπτομερείς περιγραφές των σχημάτων δεν πρέπει να παρέχονται στο εναλλακτικό κείμενο, αλλά μάλλον στο πλαίσιο του σχήματος Δείτε επικεφαλίδα 2.5. .

2.5 Καταλληλότητα εναλλακτικών κειμένων στο πλαίσιο

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

Αυτό αφορά, για παράδειγμα:
  • Διαγράμματα
  • τεχνικά σχέδια
  • Κατευθύνσεις
Το πλαίσιο ενός γραφικού ή μιας εικόνας περιλαμβάνει:
  • το σχετικό (προηγούμενο, επόμενο) κείμενο και
  • ένα συνδεδεμένο και σαφώς ονομασμένο εναλλακτικό κείμενο που προσφέρεται στο άμεσο πλαίσιο της εικόνας. Κανονικός σύνδεσμος ή/και longdesc δηλ. εκτενή περιγραφή.

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

3. Σημείωση

Για να αξιολογηθεί η καταλληλότητα του εναλλακτικού κειμένου, το εναλλακτικό κείμενο πρέπει να σχετίζεται με το γραφικό ή το αντικείμενο στο οποίο ανήκει. Αυτό που απαιτείται είναι η παράλληλη ή εναλλασσόμενη εμφάνιση του γραφικού/αντικειμένου και του σχετικού εναλλακτικού κειμένου.

Ταξινόμηση του σημείου ελέγχου

Σύνθεση A11y WCAG 2.0

Δείτε το σημείο ελέγχου 1.1.1a «Εναλλακτικά κείμενα για στοιχεία ελέγχου».

Διαφοροποίηση από άλλα σημεία ελέγχου Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.0 Κατευθυντήριες γραμμές

Κατευθυντήρια γραμμή 1.1 Παρέχετε εναλλακτικά κείμενα για κάθε περιεχόμενο που δεν διατίθεται σε μορφή κειμένου. Για να μπορεί να προσφερθεί και σε άλλες μορφές. Για παράδειγμα, μεγαλογράμματη μορφή, μπράιγ, ομιλία, σύμβολα ή απλούστερη γλώσσα.

Κριτήριο επιτυχίας Τεχνικές Γενικές Τεχνικές HTML τεχνικές ARIA τεχνικές Αποτυχίες

Πηγές

Το εναλλακτικό κείμενο εξυπηρετεί τον ίδιο σκοπό με την εικόνα

Για να είναι χρήσιμο, το κείμενο πρέπει να εξυπηρετεί την ίδια λειτουργία ή σκοπό με την εικόνα. Για παράδειγμα, μια φωτογραφία της Γης τραβηγμένη από το διάστημα. Εάν ο σκοπός της εικόνας είναι κυρίως διακόσμηση, το κείμενο "Φωτογραφία της Γης που φαίνεται από το διάστημα" μπορεί να εξυπηρετήσει την απαιτούμενη λειτουργία.

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

Πολυγλωσσία εναλλακτικών κειμένων

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

Πηγή: WCAG 2.0 Technology G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content Εναλλακτικά κείμενα για γραφικά κειμένου

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

Πηγή: WCAG 2.0 Technology G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content Εναλλακτικά κείμενα για ενημερωτικές κουκκίδες λιστών

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

CSS Techniques for WCAG 2.0, 6.3 Use style sheets to change list bullets, text label example Οδηγίες για τη δημιουργία προσβάσιμων εναλλακτικών κειμένων

Ερωτήσεις σχετικά του σημείου ελέγχου

Ερώτηση: Το εναλλακτικό κείμενο μπορεί να παρέχει το; Για παράδειγμα, η εκρηκτική όψη ενός κινητήρα: πρέπει ολόκληρη η δομή του κινητήρα να περιγράφεται στο εναλλακτικό κείμενο;

Η όψη με έκρηξη δείχνει τη θέση διαφόρων εξαρτημάτων στον κινητήρα. Άλλες μορφές διαμεσολάβησης είναι νοητές και δυνατές. Για παράδειγμα, η θέση των εξαρτημάτων θα μπορούσε να φαίνεται σε ένα απτικό μοντέλο. Ωστόσο, είναι σαφές ότι η μορφή κειμένου δεν είναι κατάλληλη για αρκετά περίπλοκες δομές. Το ερώτημα λοιπόν είναι τι μπορεί να μεταφερθεί με νόημα στο εναλλακτικό κείμενο.

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

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

Ερώτηση: Το λογότυπο της εταιρείας εμφανίζεται στην ιστοσελίδα. Αρκεί αν το εναλλακτικό κείμενο λέει ότι εμφανίζεται το λογότυπο της εταιρείας; Ή πρέπει επίσης να περιγραφεί;

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

Ωστόσο, η δοκιμή A11y δεν απαιτεί μια τόσο λεπτομερή περιγραφή του λογότυπου της εταιρείας.

Μια εικόνα περιέχει κείμενο. Αυτό το κείμενο πρέπει πάντα να παρέχεται σε εναλλακτικό κείμενο;

Όχι, αυτό που έχει σημασία είναι η λειτουργία της εικόνας. Εάν πρόκειται για γραφικό γραμματοσειράς, τότε το θέμα είναι συνήθως ξεκάθαρο, η εικόνα είναι εκεί για να εμφανιστεί το κείμενο.

Είναι διαφορετικό όταν ένα μοτίβο απεικονίζεται με κείμενο. Στη συνέχεια (όπως με όλες τις εικόνες) πρέπει να εξετάσετε ποια είναι η απόδοση της εικόνας και εάν το κείμενο που εμφανίζεται είναι απαραίτητο. Μόνο τότε πρέπει να λαμβάνεται υπόψη το κείμενο στο εναλλακτικό κείμενο.

Μπορεί το χαρακτηριστικό title να χρησιμοποιηθεί για μεγαλύτερες επεξηγήσεις;

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

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

Σε καμία περίπτωση το χαρακτηριστικό title δεν μπορεί να γίνει αποδεκτό ως υποκατάστατο για την παροχή του εναλλακτικού κειμένου στο χαρακτηριστικό alt.

Το χαρακτηριστικό title δεν προορίζεται για μεγαλύτερες επεξηγήσεις και δεν ταιριάζει. Περιέχει μόνο απλό συνεχές κείμενο. Οι αλλαγές στο μέγεθος της γραμματοσειράς δεν επηρεάζουν την εμφάνιση του χαρακτηριστικού title στα περισσότερα προγράμματα περιήγησης.

Μπορεί το εναλλακτικό κείμενο να παραμείνει κενό εάν υπάρχει λεζάντα με νόημα;

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

Η σύνδεση μεταξύ της εικόνας και της λεζάντας πρέπει να είναι σαφής. Αυτό ισχύει εάν η λεζάντα της εικόνας επισημαίνεται καθαρά ως τέτοια στο κείμενο. Για παράδειγμα, "Εικόνα:..." αναγράφεται στην αρχή της λεζάντας της εικόνας.

Πρέπει το εναλλακτικό κείμενο να λέει ότι είναι γραφικό στοιχείο;

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

Μπορεί η έννοια μιας εικόνας να περιγραφεί επίσης στο πλαίσιο;

Αυτό έχει νόημα σε πολλές περιπτώσεις και είναι μια καλή εναλλακτική λύση στη χρήση του χαρακτηριστικού longdesc. Είναι σημαντικό η περιγραφή να μπορεί να αντιστοιχιστεί με σαφήνεια στην εικόνα. Το εναλλακτικό κείμενο της εικόνας μπορεί (και πρέπει) να χρησιμοποιηθεί για αυτό. Περιέχει ένα σύντομο όνομα του αντικειμένου που απεικονίζεται, που περιγράφεται στο πλαίσιο.

Τι πρέπει να υπάρχει στο εναλλακτικό κείμενο για χάρτες;

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