Σημείο ελέγχου 1.1.1(c)Κενά χαρακτηριστικά alt για γραφικά διάταξης

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

Ένα γραφικό που δεν έχει πληροφοριακή λειτουργία δε χρειάζεται εναλλακτικό κείμενο. Τα γραφικά χωρίς ενημερωτική λειτουργία περιλαμβάνουν αποστάτες, χρωματιστές περιοχές, μοτίβα ή καθαρά διακοσμητικό χαρακτήρα. Τέτοια γραφικά θα πρέπει να επισημαίνονται με ένα κενό χαρακτηριστικό alt (alt=""). Είναι αντικείμενο απο το Σημείο ελέγχου 1.1.1(c) Κενά χαρακτηριστικά alt για γραφικά διάταξης.

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

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

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

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

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

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

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

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

Το σημείο ελέγχου ισχύει εάν τα γραφικά ενσωματωμένα ως στοιχεία img χρησιμοποιούνται για σκοπούς διάταξης ή εάν τα ενημερωτικά γραφικά έχουν κενά χαρακτηριστικά alt.

Έλεγχος
  1. Φορτώστε τη σελίδα στον Firefox.
  2. Στο επιπρόσθετο Web Accessibility Toolbar, καλέστε τη συνάρτηση Images > List Images.
  3. Ελέγξτε εάν τα γραφικά διάταξης και τα διακοσμητικά γραφικά περιέχουν κενά χαρακτηριστικά alt. Εάν τα χαρακτηριστικά title έχουν εκχωρηθεί σε τέτοια γραφικά, αυτά πρέπει επίσης να είναι κενά.
  4. Υπάρχουν παράπονα για την παντελή έλλειψη χαρακτηριστικών alt (σημειώνονται με "NoAlt!" από τη λειτουργία στο επιπρόσθετο) καθώς και όρους όπως "spacer", "space", "empty" κ.λπ. για γραφικά διάταξης.
3. Σημειώσεις

Για εικόνες με πληροφοριακό περιεχόμενο που αποτελούνται από πολλές επιμέρους εικόνες, μία από τις επιμέρους εικόνες θα πρέπει να έχει ένα εναλλακτικό κείμενο. Πρέπει να παρέχει πληροφορίες σχετικά με το περιεχόμενο της σύνθετης εικόνας. Οι άλλες επιμέρους εικόνες θα πρέπει να έχουν κενά χαρακτηριστικά alt.

4. Έλεγχος Δεν ικανοποιούνται πλήρως
  • Τα γραφικά διάταξης δεν έχουν χαρακτηριστικό alt.
  • Τα γραφικά διάταξης παρέχονται με εναλλακτικά κείμενα όπως "θέσιο" ή "κενό".
  • Τα γραφικά διάταξης έχουν χαρακτηριστικά title που δεν είναι κενά.

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

Σύνθεση A11y WCAG Τεστ 2.0 Δείτε το σημείο ελέγχου 1.1.1α «Εναλλακτικά κείμενα για στοιχεία λειτουργίας» Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.0 Κατευθυντήριες γραμμές

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

Κριτήριο επιτυχίας 1.1.1 Non-text Content (Επίπεδο A) Τεχνικές Τεχνικές CSS Αποτυχίες

Πηγές

Η τεχνολογία WCAG 2.0 H67 ορίζει επίσης ότι δεν πρέπει να υπάρχει χαρακτηριστικό τίτλου για γραφικά διάταξης ή ότι το χαρακτηριστικό title πρέπει να είναι κενό:

Για κάθε εικόνα που πρέπει να αγνοηθεί:
  1. Ελέγξτε ότι το χαρακτηριστικό title είτε απουσιάζει είτε είναι κενό.
  2. Ελέγξτε ότι το χαρακτηριστικό alt είναι παρόν και κενό ή περιέχει μόνο κενά διαστήματα.
Ωστόσο, στη δοκιμή A11y WCAG, τα χαρακτηριστικά title για γραφικά διάταξης δεν ελέγχονται.

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

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

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

Αυτό αξιολογείται μόνο στο σημείο ελέγχου 1.1.1(b).

Για γραφικά διάταξης, γιατί δεν πρέπει να γράψετε την αντίστοιχη εργασία της εικόνας, για παράδειγμα "spacer" στο εναλλακτικό κείμενο;

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

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

Γιατί τα γραφικά διάταξης πρέπει να παρέχονται με κενά χαρακτηριστικά alt; Δε χρειάζονται ούτως ή άλλως, οπότε γιατί να μην αφήσετε εντελώς έξω το χαρακτηριστικό alt;

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