Ένα δείγμα αναφοράς που δείχνει ακριβώς τι λαμβάνετε: τη μορφή, την ιεράρχηση και τις προτάσεις διόρθωσης από μια πραγματική ροή σάρωσης Axively. Ο ιστότοπος που εμφανίζεται είναι πλασματικό παράδειγμα· ο δικός σας έλεγχος έχει την ίδια δομή.
Παραβάσεις WCAG επιπέδου AA ή κρίσιμα λειτουργικά εμπόδια (καλάθι, ταμείο, φόρμες). Ισχυρή ένδειξη μη συμμόρφωσης με τη νομοθεσία προσβασιμότητας — υπόκειται σε χειροκίνητο έλεγχο.
Παραβάσεις WCAG επιπέδου A και άλλα σοβαρά ή μέτρια προβλήματα. Το επίπεδο A είναι εξίσου υποχρεωτικό για τη συμμόρφωση — τα επίπεδα κατατάσσουν την επίδραση στον χρήστη και την προτεραιότητα διόρθωσης, όχι τη νομική βαρύτητα.
Η αυτόματη σάρωση δεν εντόπισε παραβάσεις WCAG επιπέδου A ή AA — μόνο συστάσεις βέλτιστων πρακτικών και ήσσονος σημασίας ευρήματα.
Μεγάλος αριθμός ευρημάτων δεν είναι καταστροφή, είναι απογραφή. Από τις 6.752 εμφανίσεις, οι 267 είναι παραβάσεις WCAG και οι 6.485 βέλτιστες πρακτικές — και όλα προέρχονται από μόλις 5 διαφορετικές αιτίες.
target-sizeΆτομα με κινητικές ή οπτικές αναπηρίες και χρήστες συσκευών αφής δυσκολεύονται να πατήσουν μικρό στόχο και κάνουν λάθη. Μεγαλώστε την περιοχή κλικ με padding:
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>Στην πράξη συνιστούμε να διορθωθεί αυτό με κλάση CSS αντί για ενσωματωμένο στυλ, η πρόταση δείχνει την αρχή.
link-nameΟι αναγνώστες οθόνης ανακοινώνουν αυτούς τους συνδέσμους απλώς ως «σύνδεσμος», οπότε ο προορισμός τους παραμένει άγνωστος. Δώστε στον σύνδεσμο προσβάσιμο όνομα και κρύψτε το διακοσμητικό εικονίδιο:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>Αυτά τα ευρήματα προέρχονται από κανόνες βέλτιστων πρακτικών του axe. Βελτιώνουν τη χρηστικότητα για όσους χρησιμοποιούν υποστηρικτικές τεχνολογίες, αλλά δεν αντιστοιχούν σε κανένα κριτήριο επιτυχίας WCAG, οπότε δεν προσμετρώνται ως παραβάσεις και δεν επηρεάζουν την τιμή του ελέγχου.
label-title-onlyΈνα πεδίο μόνο με χαρακτηριστικό title και χωρίς ορατό <label> εκφωνείται ασυνεπώς από τις υποστηρικτικές τεχνολογίες, ενώ οι βλέποντες χρήστες δεν έχουν καθόλου ετικέτα. Προσθέστε συνδεδεμένη ετικέτα:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionΟι αναγνώστες οθόνης δεν μπορούν να πλοηγηθούν αξιόπιστα ή να παρακάμψουν περιεχόμενο εκτός των περιοχών οροσήμων. Επειδή είναι στοιχείο προτύπου, τυλίξτε το σε ένα μοναδικό ορόσημο:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Μία διόρθωση στο πρότυπο αφαιρεί και τις ~6.400 εμφανίσεις: λύνεται ανά πρότυπο, όχι ανά σελίδα.
empty-headingΟι χρήστες αναγνωστών οθόνης που πλοηγούνται με επικεφαλίδες φτάνουν σε ένα στοιχείο που δεν ανακοινώνει τίποτα. Εμφανίστε την επικεφαλίδα μόνο όταν υπάρχει τίτλος ή συμπληρώστε την:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Ένας μεγάλος αριθμός εμφανίσεων δεν σημαίνει χιλιάδες διαφορετικά προβλήματα: συνήθως πρόκειται για λίγες αιτίες που επαναλαμβάνονται στα πρότυπα. Γι' αυτό ένας έλεγχος αντιμετωπίζεται ανά πρότυπο και ανά αιτία, όχι σελίδα προς σελίδα: μία διόρθωση στο πρότυπο εξαλείφει όλες τις εμφανίσεις του με τη μία.
Σημείωση για την κλίμακα: η σύνοψη παραπάνω ταξινομεί τα ευρήματα σε 3 επίπεδα κινδύνου (υψηλό / μεσαίο / χαμηλό) ανάλογα με τον αντίκτυπο στη συμμόρφωση, που καθορίζει και την τιμή. Η αναφορά παρακάτω τα διαχωρίζει σε 4 τεχνικά επίπεδα (κρίσιμο / σοβαρό / μέτριο / ελάσσον) ανάλογα με τη σοβαρότητα του σφάλματος όπως την αξιολογεί η μηχανή σάρωσης. Δύο όψεις των ίδιων δεδομένων, όχι ασυμφωνία.
Αναφορά PDF, τα ίδια δεδομένα έτοιμα να παραδοθούν σε δικηγόρο, διοίκηση ή ρυθμιστή: σύνοψη, ανάλυση κατά σοβαρότητα και κανόνα, συνιστώμενη σειρά διόρθωσης.
Δήλωση προσβασιμότητας, παραγόμενη στη μορφή για τη χώρα σας, με τα ευρήματα αυτού του δείγματος στο τμήμα μη προσβάσιμου περιεχομένου.
Σχέδιο δήλωσης, επαληθεύστε όλες τις λεπτομέρειες πριν τη δημοσίευση. Το Axively δεν παρέχει νομικές συμβουλές.
Κάθε έλεγχος AI περιλαμβάνει δωρεάν επανέλεγχο επαλήθευσης εντός 30 ημερών. Η ομάδα διορθώνει τα πρότυπα σύμφωνα με τις προτάσεις, εκτελεί τον επανέλεγχο και βλέπει άμεση σύγκριση πριν και μετά στην ίδια οπτικοποίηση.
εφάπαξ πληρωμή βάσει μεγέθους ιστότοπου, ο επανέλεγχος επαλήθευσης συμπεριλαμβάνεται στον έλεγχο AI