Επικεφαλίδες

Αυτή η επικεφαλίδα παρέλειψε ένα επίπεδο:

Αυτή η επικεφαλίδα δεν έχει καθόλου κείμενο:

Αυτό το σύντομο παράθεμα μπορεί να είναι επικεφαλίδα:

Αυτή η παράγραφος με πλήρη έντονη γραφή μπορεί να είναι επικεφαλίδα:

Είμαι μια ψεύτικη επικεφαλίδα

Αυτή η επικεφαλίδα είναι πολύ μεγάλη:

Εναλλακτικό κείμενο για εικόνες

Αυτή η επικεφαλίδα αποτελείται από εικόνα κειμένου χωρίς alt:

Εικόνα χωρίς χαρακτηριστικό alt:

Εικόνα με μη έγκυρο χαρακτηριστικό alt, π.χ., alt=”'”

Εικόνα με όνομα αρχείου ως alt

Εικόνα με πλεονάζον κείμενο στο alt, όπως «εικόνα του:»

Συνδεδεμένη εικόνα με πλεονάζον κείμενο στο alt, όπως «εικόνα του:»

Εικόνα με προσωρινό alt:

Συνδεδεμένη εικόνα με προσωρινό alt:

Εικόνα με αυτόματα παραγόμενο alt:

Συνδεδεμένη εικόνα με αυτόματα παραγόμενο alt:

Εικόνα με πολύ μεγάλο εναλλακτικό κείμενο:

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

Αυτός ο σύνδεσμος έχει κείμενο και μια εικόνα.

Οποιαδήποτε συνδεδεμένη εικόνα (έλεγχος απενεργοποιημένος από προεπιλογή)

Εικόνα σε figure με σήμανση διακοσμητικής:

Εικόνα σε figure με alt ίδιο με το figcaption:

Εικόνα σε καρουζέλ χωρίς alt:

Αντίθεση

Μη αναγνώσιμος συνδυασμός χρωμάτων:

Το χρώμα χρειάζεται χειροκίνητο έλεγχο:

Γραφικό SVG χωρίς επαρκή αντίθεση

Γραφικό SVG όπου η αντίθεση χρειάζεται χειροκίνητο έλεγχο

Ενσωματώσεις & Πολυμέσα

Βίντεο που επισημάνθηκε ότι χρειάζεται χειροκίνητο έλεγχο υποτίτλων:

Ο ήχος χρειάζεται απομαγνητοφώνηση:

Iframe χωρίς τίτλο που χρειάζεται επίσης χειροκίνητο έλεγχο:

Μη εστιάσιμο iframe:

Ένθετα διαδραστικά στοιχεία

Σημαντικοί σύνδεσμοι

Σύνδεσμοι χωρίς καθόλου κείμενο

Κενοί σύνδεσμοι

Σύνδεσμοι με ετικέτα μόνο URL:

https://www.youtube.com/watch?v=DLzxrzFCyOs

Σύνδεσμοι με ετικέτα μόνο σύμβολα:

↣

Σύνδεσμοι με τα ίδια ονόματα οδηγούν σε διαφορετικά μέρη

Χελώνες Χελώνες

Σύνδεσμοι με ετικέτα μόνο αριθμό DOI:

doi.org/10.1145/3493612.3520468

Σύνδεσμοι με ετικέτες χωρίς νόημα:

Κάντε κλικ εδώ

Συνδεδεμένα εικονίδια χωρίς εναλλακτικό κείμενο:

Σύνδεσμοι που ανοίγουν σε νέο παράθυρο χωρίς εικονίδιο εξωτερικού συνδέσμου ή προειδοποίηση κειμένου

Ειδοποίηση για έλεγχο ανοίγματος σε νέα καρτέλα.

Σύνδεσμοι σε PDF

Καλή διασκέδαση.

Σύνδεσμοι σε άλλα έγγραφα

Ένας ψεύτικος σύνδεσμος εγγράφου.

Σύνδεσμοι με πλεονάζοντα χαρακτηριστικά title

Περάστε από πάνω

Σύνδεσμοι με χαρακτηριστικά που τους αφαιρούν από τη σειρά tab:

Σύνδεσμοι aria-hidden χωρίς αρνητικό tabindex.

Σύνδεσμοι με aria-labelledby που δείχνουν σε στοιχεία χωρίς κείμενο:

Σύνδεσμοι με γενικές λέξεις στην ετικέτα aria:

μάθετε περισσότερα

Συνδεδεμένη εικόνα χωρίς εναλλακτικό κείμενο:

Συνδεδεμένη εικόνα με μη προφέρσιμο εναλλακτικό κείμενο:

Συνδεδεμένη εικόνα χωρίς χαρακτηριστικό alt:

Συνδεδεμένη εικόνα χωρίς χαρακτηριστικό alt σε σύνδεσμο με κείμενο:

Αναζήτηση

Συνδεδεμένη εικόνα με μόνο όνομα αρχείου ως εναλλακτικό κείμενο:

Συνδεδεμένη εικόνα με ύποπτα μεγάλο εναλλακτικό κείμενο:

Σπασμένοι σύνδεσμοι εντός σελίδας

Δεν υπάρχει τέτοιο ID.

Σύνδεσμοι σε διακομιστή ανάπτυξης

Ωχ

Διπλότυπες αγκυρώσεις

Αγκύρωση 1 Αγκύρωση 2

Πίνακες

Πίνακες χωρίς έγκυρες κεφαλίδες

Αναγνωσιμότητα

Υπογραμμισμένο κείμενο

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

Πλήρης στοίχιση κειμένου

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

Πολύ μικρές γραμματοσειρές

Φόρμες

Κουμπί χωρίς ετικέτα

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

Πεδία εισαγωγής μόνο με ετικέτα placeholder, ρωτώντας αν υπάρχει και ορατή ετικέτα.

Ανακάτεμα της σειράς tab