Δοκιμάστε αυτό: κλείστε τα μάτια σας και φανταστείτε κάποιον να σας διαβάζει μια λίστα με κάθε σύνδεσμο στη σελίδα, χωρίς το περιβάλλον κείμενο — μόνο το ίδιο το κείμενο του συνδέσμου, το ένα μετά το άλλο. Εάν η λίστα ακούγεται σαν "κάντε κλικ εδώ, κάντε κλικ εδώ, διαβάστε περισσότερα, κάντε κλικ εδώ" — αυτό ακριβώς βιώνουν πολλοί χρήστες του προγράμματος ανάγνωσης οθόνης, επειδή χρησιμοποιούν μια λειτουργία "λίστας συνδέσμων" για γρήγορη πλοήγηση σε ένα έγγραφο.
Συνοπτικά — τι καλύπτει αυτός ο οδηγός
Γιατί αποτυγχάνει το "Κάντε κλικ εδώ".
Το κριτήριο 2.4.4 του WCAG ("Σκοπός συνδέσμου στο πλαίσιο") απαιτεί το κείμενο του συνδέσμου, μαζί με το άμεσο περιβάλλον του, να εξηγεί πού οδηγεί ή τι κάνει. Το "Κάντε κλικ εδώ" και το "Διαβάστε περισσότερα" αποτυγχάνουν επειδή δεν λένε τίποτα από μόνα τους — εξαρτώνται εξ ολοκλήρου από το περιβάλλον κείμενο, το οποίο ένας χρήστης που περιηγείται από μια λίστα συνδέσμων σε ένα πρόγραμμα ανάγνωσης οθόνης απλά δεν ακούει.
Πώς να γράψετε καλό κείμενο συνδέσμου
Ο απλούστερος κανόνας: το κείμενο του συνδέσμου πρέπει να περιγράφει το προορισμός ή ενέργεια, όχι ο μηχανισμός κλικ. Το "Λήψη της ετήσιας έκθεσης (PDF, 2MB)" είναι σημαντικά καλύτερο από το "Κάντε κλικ εδώ για λήψη της αναφοράς." Το "Διαβάστε την πλήρη πολιτική απορρήτου μας" είναι καλύτερο από το "Κάντε κλικ εδώ για περισσότερες λεπτομέρειες." Για ένα αρχείο με δυνατότητα λήψης, είναι επίσης καλή ιδέα να σημειώσετε τον τύπο και το μέγεθος σε παρένθεση — αυτό βοηθά όλους τους χρήστες, όχι μόνο αυτούς που χρησιμοποιούν πρόγραμμα ανάγνωσης οθόνης.
Όταν το κοντινό περιβάλλον είναι πραγματικά αρκετό
Το WCAG δεν απαιτεί το κείμενο συνδέσμου να είναι εντελώς μόνο του σε κάθε περίπτωση — επιτρέπεται να βασίζεστε στο άμεσο περιβάλλον (την ίδια παράγραφο ή το ίδιο στοιχείο λίστας), εφόσον αυτό το πλαίσιο είναι επίσης προσβάσιμο σε πρόγραμμα ανάγνωσης οθόνης και όχι μόνο οπτικά. Το πρακτικό πρόβλημα: οι επαναλαμβανόμενοι σύνδεσμοι "διαβάστε περισσότερα" σε μια λίστα άρθρων είναι ένα εξαιρετικό παράδειγμα οριακής περίπτωσης — οπτικά είναι ξεκάθαρο σε ποιο άρθρο ανήκει κάθε "διάβασε περισσότερα", αλλά σε μια λίστα μεμονωμένων συνδέσμων ακούγονται όλοι πανομοιότυποι. Μια κοινή λύση: προσθήκη επιπλέον κειμένου στον σύνδεσμο που είναι κρυμμένο οπτικά αλλά είναι προσβάσιμο σε ένα πρόγραμμα ανάγνωσης οθόνης (για παράδειγμα, "Διαβάστε περισσότερα σχετικά με τον [τίτλος άρθρου]"), έτσι ώστε τόσο η οπτική εμφάνιση όσο και η έκδοση με δυνατότητα ανάγνωσης να λειτουργούν καλά.
💡 Πρακτική συμβουλή
Ένας γρήγορος εμπειρικός κανόνας: διαβάστε το κείμενο του συνδέσμου δυνατά, μόνο του, χωρίς τίποτα γύρω του. Αν δεν έχει νόημα έτσι — χρειάζεται καλύτερο κείμενο.
Πώς λειτουργεί σε έγγραφα PDF
Στα έγγραφα PDF, οι σύνδεσμοι επισημαίνονται ως αντικείμενο συνδέσμου μέσα στο δέντρο ετικετών, με εσωτερικό κείμενο που είναι ακριβώς αυτό που διαβάζεται δυνατά. Το κοινό πρόβλημα στα έγγραφα που εξάγονται από το Word: μια πλήρης διεύθυνση URL επικολλάται ως το ίδιο το κείμενο του συνδέσμου ("https://example.com/very/long/path/document.pdf") — ένας αναγνώστης οθόνης θα διαβάσει ολόκληρη τη διεύθυνση γράμμα προς γράμμα ή τμήμα προς τμήμα, καθιστώντας την αφόρητη για ακρόαση. Η διόρθωση: αντικαταστήστε το κείμενο του συνδέσμου με μια σύντομη, σαφή περιγραφή και διατηρήστε την πλήρη διεύθυνση μόνο ως προορισμό (την ίδια τη διεύθυνση URL), όχι ως το εμφανιζόμενο κείμενο.
Θέλετε να μάθετε ποιοι σύνδεσμοι στα έγγραφά σας είναι ασαφείς;
Το εργαλείο μας προσδιορίζει γενικούς συνδέσμους και μη επεξεργασμένες διευθύνσεις URL που χρησιμοποιούνται ως κείμενο συνδέσμου σε κάθε έγγραφο PDF στον ιστότοπό σας.
Σαρώστε τον ιστότοπό σας δωρεάν ←