Axively

Έτσι φαίνεται ένας έλεγχος Axively.

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

Σύνοψη αποτελεσμάτων

6.757
Σύνολο παραβάσεων
6
Μοναδικοί τύποι ζητημάτων
€9 + €59
σάρωση + έλεγχος AI · 51–200 σελίδες

Υψηλή

316 παραβάσεις

Παραβιάσεις WCAG επιπέδου AA ή κρίσιμα λειτουργικά σφάλματα (καλάθι, ολοκλήρωση αγοράς, φόρμες). Ο ιστότοπος παραβιάζει άμεσα τη νομοθεσία περί προσβασιμότητας.

Κίνδυνος:
Άμεση νομική μη συμμόρφωση (EAA).
Χρονοδιάγραμμα:
Διορθώστε το το συντομότερο δυνατό.

Μεσαία

6.420 παραβάσεις

Παραβιάσεις WCAG επιπέδου A ή ζητήματα ευχρηστίας/SEO. Ο ιστότοπος λειτουργεί, αλλά αυτά χρειάζονται διόρθωση.

Κίνδυνος:
Μερική μη συμμόρφωση — αντιμετωπίστε την στο σχέδιο αποκατάστασής σας.
Χρονοδιάγραμμα:
Διορθώστε το εντός εβδομάδων.

Χαμηλή

21 παραβάσεις

Καμία παραβίαση WCAG επιπέδου A ή AA — μόνο ήσσονος σημασίας ή αισθητικά ζητήματα και συστάσεις.

Κίνδυνος:
Καμία άμεση νομική επίπτωση.
Χρονοδιάγραμμα:
Συνιστώμενη βελτίωση.

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

Εύρημα 1, Στόχος αφής πολύ μικρός

Τι βρήκε ο σαρωτής
Κανόνας:
target-size
Σοβαρότητα:
σοβαρό
WCAG:
2.5.8 Μέγεθος Στόχου (Ελάχιστο), επίπεδο AA (νέο στο WCAG 2.2)
Εμφανίσεις:
252
Στοιχείο:
σύνδεσμος τηλεφώνου στην κεφαλίδα, στόχος αφής μικρότερος από 24 × 24 px, κοντά σε άλλους συνδέσμους
Πρόταση διόρθωσης AI

Άτομα με κινητικές ή οπτικές αναπηρίες και χρήστες συσκευών αφής δυσκολεύονται να πατήσουν μικρό στόχο και κάνουν λάθη. Μεγαλώστε την περιοχή κλικ με 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 αντί για ενσωματωμένο στυλ, η πρόταση δείχνει την αρχή.

Εύρημα 2, Πεδίο φόρμας χωρίς ορατή ετικέτα

Τι βρήκε ο σαρωτής
Κανόνας:
label-title-only
Σοβαρότητα:
σοβαρό
WCAG:
3.3.2 Ετικέτες ή Οδηγίες (A) + 4.1.2 Όνομα, Ρόλος, Τιμή (A)
Εμφανίσεις:
64
Στοιχείο:
πεδίο αναζήτησης με ετικέτα μόνο μέσω χαρακτηριστικού title, χωρίς <label>
Πρόταση διόρθωσης AI

Χωρίς ορατό <label>, ένας αναγνώστης οθόνης δεν μπορεί αξιόπιστα να πει για τι είναι το πεδίο. Τα title και placeholder δεν αρκούν. Προσθέστε συνδεδεμένη ετικέτα:

/* before */
<input class="search" title="address" type="text">

/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">

Εύρημα αρ. 3 — Περιεχόμενο εκτός περιοχών οροσήμων (landmarks)

Τι βρήκε ο σαρωτής
Κανόνας:
region
Σοβαρότητα:
μέτρια
WCAG:
1.3.1 Πληροφορίες και σχέσεις, επίπεδο Α
Εμφανίσεις:
6.400
Στοιχείο:
περιεχόμενο εκτός περιοχών οροσήμων (landmarks) — ένα στοιχείο προτύπου που επαναλαμβάνεται σε κάθε σελίδα
Πρόταση διόρθωσης AI

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

/* before */
<div class="page-content">
  ...
</div>

/* after */
<main class="page-content">
  ...
</main>

Μία διόρθωση στο πρότυπο αφαιρεί και τις ~6.400 εμφανίσεις — λύνεται ανά πρότυπο, όχι ανά σελίδα.

Γιατί 6.757 εμφανίσεις = μόλις 6 αιτίες

Ένας μεγάλος αριθμός εμφανίσεων δεν σημαίνει χιλιάδες διαφορετικά προβλήματα — συνήθως πρόκειται για λίγες αιτίες που επαναλαμβάνονται στα πρότυπα. Γι' αυτό ένας έλεγχος αντιμετωπίζεται ανά πρότυπο και ανά αιτία, όχι σελίδα προς σελίδα: μία διόρθωση στο πρότυπο εξαλείφει όλες τις εμφανίσεις του με τη μία.

Τι άλλο λαμβάνετε

Σημείωση για την κλίμακα: η σύνοψη παραπάνω ταξινομεί τα ευρήματα σε 3 επίπεδα κινδύνου (υψηλό / μεσαίο / χαμηλό) ανάλογα με τον αντίκτυπο στη συμμόρφωση, που καθορίζει και την τιμή. Η αναφορά παρακάτω τα διαχωρίζει σε 4 τεχνικά επίπεδα (κρίσιμο / σοβαρό / μέτριο / ελάσσον) ανάλογα με τη σοβαρότητα του σφάλματος όπως την αξιολογεί η μηχανή σάρωσης. Δύο όψεις των ίδιων δεδομένων, όχι ασυμφωνία.

Προεπισκόπηση αναφοράς

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

Προεπισκόπηση δήλωσης

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

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

Πώς αποδίδει (επανέλεγχος επαλήθευσης)

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

Θέλετε να δείτε αυτούς τους αριθμούς για τον ιστότοπό σας;

Δείτε τον αριθμό σελίδων

εφάπαξ πληρωμή βάσει μεγέθους ιστότοπου, επανέλεγχος επαλήθευσης συμπεριλαμβάνεται