Το Alt text, συντομογραφία του "alternative text" (εναλλακτικό κείμενο), χρησιμοποιείται για την περιγραφή εικόνων σε ιστότοπους και social media. Ο πρωταρχικός του σκοπός είναι να παρέχει μια κειμενική εναλλακτική λύση σε μια εικόνα για χρήστες που δεν μπορούν να τη δουν, είτε λόγω προβλημάτων όρασης είτε λόγω τεχνικών ζητημάτων, όπως η αργή σύνδεση στο διαδίκτυο. Όταν μια εικόνα δεν φορτώνει, το alt text εμφανίζεται στη θέση της, περιγράφοντας το περιεχόμενό της.
Το alt text είναι καθοριστικό για την προσβασιμότητα και το SEO. Για τους χρήστες με προβλήματα όρασης που βασίζονται σε screen readers, το alt text τους βοηθά να κατανοήσουν το περιεχόμενο μιας εικόνας. Επίσης, βοηθά τις μηχανές αναζήτησης να ευρετηριάσουν το περιεχόμενό σας, καθιστώντας το site σας πιο εύκολα ανακαλύψιμο. Ουσιαστικά, το alt text διασφαλίζει ότι όλοι μπορούν να έχουν πρόσβαση στο περιεχόμενο του ιστοτόπου σας, ανεξάρτητα από τον τρόπο που το βλέπουν.
Συνήθως, το alt text δεν είναι ορατό σε μια ιστοσελίδα, εκτός εάν η εικόνα αποτύχει να φορτώσει ή εάν ένας χρήστης χρησιμοποιεί screen reader. Ωστόσο, οποιοσδήποτε μπορεί να ελέγξει το alt text κοιτάζοντας τον κώδικα HTML της σελίδας ή χρησιμοποιώντας εργαλεία προσβασιμότητας.
Ναι, το alt text αξίζει απόλυτα τον κόπο! Όχι μόνο βελτιώνει την προσβασιμότητα για άτομα με αναπηρία, αλλά ενισχύει και το SEO σας βοηθώντας τις μηχανές αναζήτησης να κατανοήσουν το πλαίσιο των εικόνων σας. Η προσθήκη περιγραφικού alt text κάνει το περιεχόμενό σας πιο συμπεριληπτικό και αναζητήσιμο.
Ένα κακό alt text είναι πολύ ασαφές ή μη βοηθητικό. Για παράδειγμα, γράφοντας “image001.jpg” ή “φωτογραφία ενός ατόμου” δεν δίνετε αρκετές πληροφορίες. Ένα καλό alt text πρέπει να είναι περιγραφικό και συγκεκριμένο. Για παράδειγμα, το “Μια γυναίκα που κρατά ένα φλιτζάνι καφέ ενώ κάθεται σε ένα γραφείο” είναι πολύ πιο κατατοπιστικό.
Το alt text πρέπει να περιγράφει την εικόνα με σαφή και συνοπτικό τρόπο. Πρέπει να εστιάζει στις σημαντικές λεπτομέρειες που σχετίζονται με το περιεχόμενο. Ένας καλός εμπειρικός κανόνας είναι να το διατηρείτε μεταξύ 5-15 λέξεων και να είστε συγκεκριμένοι. Το alt text αφορά τη βοήθεια προς τον χρήστη για να κατανοήσει την εικόνα, οπότε αποφύγετε να γράφετε υπερβολικά πολλές ή υπερβολικά λίγες πληροφορίες.
Δεν απαιτεί κάθε εικόνα alt text. Οι διακοσμητικές εικόνες ή τα εικονίδια που δεν προσθέτουν νόημα στο περιεχόμενο, όπως ένα διακοσμητικό φόντο, μπορούν να μείνουν χωρίς alt text. Σε αυτή την περίπτωση, μπορείτε να χρησιμοποιήσετε ένα κενό alt attribute (alt=""), ώστε οι screen readers να το προσπερνούν χωρίς να μπερδεύουν τον χρήστη.
Εάν λείπει το alt text, οι χρήστες με προβλήματα όρασης δεν θα μπορούν να κατανοήσουν το πλαίσιο της εικόνας και οι μηχανές αναζήτησης δεν θα μπορούν να την ευρετηριάσουν σωστά. Αυτό μπορεί να βλάψει τόσο την προσβασιμότητα όσο και το SEO, επομένως είναι πάντα προτιμότερο να περιλαμβάνετε alt text όποτε μια εικόνα μεταφέρει σημαντικές πληροφορίες.
Το alt text πρέπει γενικά να είναι σύντομο αλλά περιγραφικό. Στοχεύστε σε περίπου 5-15 λέξεις που περιγράφουν ξεκάθαρα το περιεχόμενο και τον σκοπό της εικόνας. Δεν υπάρχει αυστηρό όριο, αλλά οι μεγαλύτερες περιγραφές μπορεί να γίνουν κουραστικές για τους χρήστες screen readers.