Σημείο ελέγχου 2.4.4(a) Σημαντικά κείμενα συνδέσμων

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

Ο στόχος ή ο σκοπός του συνδέσμου πρέπει να είναι ξεκάθαρος από το κείμενο του συνδέσμου ή να μπορεί να προσδιοριστεί από το άμεσο πλαίσιο του συνδέσμου. Αυτό είναι αντικείμενο από το Σημείο ελέγχου 2.4.4(a) Σημαντικά κείμενα συνδέσμων.

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

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

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

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

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

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

Το σημείο ελέγχου ισχύει εάν η σελίδα περιέχει συνδέσμους.

2. Έλεγχος

2.1 Έλεγχος των συνδέσμων
  1. Ανοίξτε τη σελίδα στον Firefox.
  2. Ελέγξτε εάν τα κείμενα συνδέσμων έχουν νόημα, δηλαδή εάν το κείμενο ή το πλαίσιο του συνδέσμου παρέχει πληροφορίες σχετικά με τον σκοπό ή το σκοπό του συνδέσμου.
  3. Για συνδέσμους των οποίων το ορατό κείμενο συνδέσμου από μόνο του δεν έχει νόημα (π.χ. "περισσότερα" ή "διαβάστε περισσότερα"), ελέγξτε εάν το κείμενο του συνδέσμου συμπληρώνεται στο πλαίσιο με μία από τις ακόλουθες επιλογές:
    • μέσω ενός κατανοητού συνδέσμου στο επάνω μέρος της σελίδας που επεκτείνει τα κείμενα συνδέσμων στη σελίδα.
    • μέσω πρόσθετου κειμένου συνδέσμου που είναι κρυμμένο μέσω CSS (επιλέξτε την επιλογή CSS > Disable CSS και ελέγξτε ξανά τους επηρεαζόμενους συνδέσμους).
    • μέσω του εναλλακτικού κειμένου ενός γραφικού που συνδέεται με το ίδιο στοιχείο α (επιλέξτε την επιλογή Images > Toggle Image/Alt ή Images > Remove Images).
    • μέσω του κειμένου στο στοιχείο που περικλείει (p, li)
    • για συνδέσμους σε φωλιασμένες λίστες, από το κείμενο του γονικού στοιχείου li
    • από το κείμενο του κελιού του περιβάλλοντος πίνακα και τα σχετικά κελιά επικεφαλίδας (td, th)
    • μέσα από το κείμενο της προηγούμενης επικεφαλίδας (h1-h6)

3. Σημειώσεις

  • Για συνδεδεμένα γραφικά, το κείμενο του συνδέσμου είναι το εναλλακτικό κείμενο, μέσω του χαρακτηριστικού alt του στοιχείου img.
  • Το κείμενο του συνδέσμου μπορεί επίσης να αποτελείται από το εναλλακτικό κείμενο ενός ή περισσότερων γραφικών και απλό κείμενο.
  • Μη ενημερωτικοί σύνδεσμοι όπως "περισσότερα...", "συνέχεια", "κλπ." στο τελευταίο στοιχείο li μιας λίστας γίνονται δεκτά μόνο εάν το νόημα είναι ξεκάθαρο από το πλαίσιο της καταχώρισης.
  • Το πρόσθετο κείμενο συνδέσμου που έχει γίνει αόρατο με χρήση CSS δεν πρέπει να κρύβεται χρησιμοποιώντας το display:none διαφορετικά θα αγνοηθεί από τα προγράμματα ανάγνωσης οθόνης.
  • Σε ορισμένες περιπτώσεις, το χαρακτηριστικό title ενός συνδέσμου δεν αξιολογείται από προγράμματα ανάγνωσης οθόνης και δεν είναι προσβάσιμο στους χρήστες πληκτρολογίου σε κοινά προγράμματα περιήγησης. Επομένως, δεν αρκεί η εκπλήρωση αυτού του σημείου ελέγχου.

4. Αξιολόγηση

Ικανοποιείται
  • Ικανοποιείται, όταν οι σύνδεσμοι κάνουν τον στόχο της σύνδεσης κατανοητό. Ή τον σκοπό του συνδέσμου στο κείμενο του ή στο πλαίσιο που μπορεί να προσδιοριστεί μέσω προγραμματισμού.
Δεν ικανοποιείται πλήρως
  • Ο στόχος ή ο σκοπός του συνδέσμου μπορεί να προσδιοριστεί μόνο από το χαρακτηριστικό title του συνδέσμου.

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

Διατύπωση του A11y

2.4.4 Σκοπός ενός συνδέσμου (στο πλαίσιο)

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

Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.1

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

Πηγές

Σκοπός ανεξαρτησίας πλαισίου

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

Πηγή: Link Purpose (In Context): Understanding SC 2.4.4 Ομάδες σχετικών συνδέσμων

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

Μια λίστα βιβλίων είναι διαθέσιμη σε τρεις μορφές: HTML, PDF και mp3 (ηχογράφηση ενός ατόμου που διαβάζει το βιβλίο). Για να αποφύγετε να ακούσετε τον τίτλο κάθε βιβλίου τρεις φορές (μία για κάθε μορφή), ο πρώτος σύνδεσμος για κάθε βιβλίο είναι ο τίτλος του βιβλίου, ο δεύτερος σύνδεσμος λέει "PDF" και ο τρίτος "mp3".

Πηγή: Link Purpose (In Context): Understanding SC 2.4.4: Examples of Success Criterion 2.4.4 Σημασία σχετικά με το πλαίσιο

Όποτε είναι δυνατόν, παρέχετε κείμενο συνδέσμου που προσδιορίζει τον σκοπό του συνδέσμου χωρίς να χρειάζεται πρόσθετο πλαίσιο.(;)

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

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

Πηγή: Link Purpose (In Context)

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

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

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

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

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