QualiBooth

Ο πιο προηγμένος σαρωτής προσβασιμότητας στον κόσμο

Οι στατικοί σαρωτές διαβάζουν τον κώδικά σας. Το δικό μας AI οδηγεί τον ιστότοπό σας.

Κάθε ανταγωνιστής τρέχει το ίδιο στατικό σύνολο κανόνων πάνω στο DOM σας. Το QualiBooth Deep Scan είναι πράκτορας AI: ανοίγει έναν πραγματικό browser, διατρέχει τις σελίδες σας με Tab, αποφασίζει ποια στοιχεία αξίζει να προκαλέσει, ανοίγει τους διαλόγους σας και μετρά τι λαμβάνει πραγματικά όποιος πλοηγείται με πληκτρολόγιο - με το στιγμιότυπο ως απόδειξη.

12 έλεγχοι AI
που κανένα στατικό εργαλείο δεν εκτελεί
Με αποδείξεις
μια μέτρηση και ένα στιγμιότυπο
Η αναφορά QualiBooth με τα ευρήματα Deep Scan σημασμένα δίπλα στα στατικά.

Το κομμάτι που κανείς δεν σάρωνε

Η αυτόματη κάλυψη σταμάτησε να βελτιώνεται. Βάλαμε λοιπόν έναν πράκτορα AI πάνω στη σελίδα.

Η στατική ανάλυση διαβάζει το DOM και το CSS και συμπεραίνει τι θα έπρεπε να συμβεί. Το κάνει πραγματικά καλά - και γι’ αυτό κάθε εργαλείο προσβασιμότητας στην αγορά βρίσκει στον ιστότοπό σας σε γενικές γραμμές τα ίδια προβλήματα. Τα ελαττώματα που δομικά δεν μπορεί να δει υπάρχουν μόνο όσο η σελίδα τρέχει. Μέχρι τώρα, η ανακάλυψή τους σήμαινε να καθίσει ένας άνθρωπος μπροστά στη σελίδα. Το Deep Scan στέλνει έναν πράκτορα αντ’ αυτού - σε κάθε σελίδα, σε κάθε εκτέλεση.

Τι βλέπει κάθε στατικός σαρωτής

Ένα στιγμιότυπο του κώδικα, σε ηρεμία.

  • Αυτό το κουμπί δεν έχει προσβάσιμο όνομα.
  • Αυτό το κείμενο είναι 3,1:1 ως προς το δηλωμένο χρώμα φόντου του.
  • Αυτό το χαρακτηριστικό ARIA δεν επιτρέπεται σε αυτόν τον ρόλο.
  • Κείμενο πάνω σε φωτογραφία - χρειάζεται έλεγχο. Θα πρέπει να το δει άνθρωπος.

Τι μετρά ο πράκτορας Deep Scan

Ένας πραγματικός browser, οδηγούμενος από AI, με το ρολόι να τρέχει.

  • Ο δακτύλιος εστίασης διαφέρει μηδέν pixel από την κατάσταση χωρίς εστίαση. Κέρδισε το outline:none.
  • Ο λευκός τίτλος είναι 2,8:1 ως προς τα pixel που βρίσκονται πραγματικά από πίσω του.
  • Το Tab φτάνει σε αυτό το στοιχείο και μετά η καθηλωμένη μπάρα συγκατάθεσης το καλύπτει ολόκληρο.
  • Το Escape κλείνει τον διάλογο, αλλά η εστίαση προσγειώνεται στο body, όχι στο κουμπί που τον άνοιξε.

Η λίστα ελέγχων

Δώδεκα έλεγχοι που απαιτούν σελίδα σε λειτουργία

Ο πράκτορας αποφασίζει τι αξίζει να εξερευνηθεί· έπειτα κάθε έλεγχος μετρά αντί να συμπεραίνει. Κάθε εύρημα φέρει τη μετρημένη τιμή, το κατώφλι που ξεπεράστηκε και - στους περισσότερους ελέγχους - το στιγμιότυπο της ίδιας της στιγμής.

  • 01

    Ορατότητα εστίασης

    Φωτογραφίζει κάθε στοιχείο με και χωρίς εστίαση και συγκρίνει τα pixel. Δεν διαβάζει ποτέ το CSS σας: το outline:none ακολουθούμενο από κανόνα :focus-visible περνά - και αυτό το ξέρουν μόνο τα pixel.

    WCAG 2.4.7 WCAG 2.4.13

  • 02

    Καλυμμένη εστίαση

    Κάνει hit tests στο εστιασμένο στοιχείο και μετρά πόσο από αυτό βάφει από πάνω η καθηλωμένη κεφαλίδα ή η μπάρα cookies. Διατρέχει το Tab και προς τις δύο κατευθύνσεις, γιατί καθεμία αφήνει διαφορετικό στοιχείο ξεκρέμαστο.

    WCAG 2.4.11 WCAG 2.4.12

  • 03

    Σειρά Tab

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

    WCAG 2.4.3

  • 04

    Παγίδες πληκτρολογίου

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

    WCAG 2.1.2

  • 05

    Κύκλος ζωής διαλόγων

    Ανοίγει κάθε διάλογο και ελέγχει ολόκληρο το συμβόλαιο με τη σειρά: η εστίαση μπαίνει, το Tab μένει μέσα, το φόντο φεύγει από το δέντρο προσβασιμότητας, το Escape κλείνει και η εστίαση επιστρέφει στο κουμπί που τον άνοιξε.

    WCAG 2.1.2 WCAG 2.4.3 WCAG 4.1.2

  • 06

    Ζωντανές ανακοινώσεις

    Ανασυνθέτει πότε δημιουργήθηκε κάθε live region σε σχέση με το περιεχόμενό της - έτσι εντοπίζεται η ειδοποίηση που δημιουργήθηκε έχοντας ήδη μέσα το μήνυμά της και επομένως δεν ανακοίνωσε τίποτα.

    WCAG 4.1.3

  • 07

    Περιεχόμενο σε hover/εστίαση

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

    WCAG 1.4.13 WCAG 2.1.1

  • 08

    Αντίθεση πάνω σε εικόνες

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

    WCAG 1.4.3

  • 09

    Αναδιάταξη στα 320px

    Αποδίδει τη σελίδα στα 320 CSS pixel και κατονομάζει τα εξωτερικότερα στοιχεία που εξακολουθούν να επιβάλλουν οριζόντια κύλιση, εξαιρώντας περιεχόμενο με δική του περιοχή κύλισης.

    WCAG 1.4.10

  • 10

    Απόσταση κειμένου

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

    WCAG 1.4.12

  • 11

    Εξαναγκασμένα χρώματα

    Προσομοιώνει την υψηλή αντίθεση των Windows και μετρά κάθε μικρό γραφικό ως προς το δικό του περιβάλλον, πριν και μετά, για να βρει τα εικονίδια που εξαφανίζονται.

    WCAG 1.4.11

  • 12

    Προσβάσιμα ονόματα

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

    WCAG 2.5.3 WCAG 4.1.2

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

Αποδείξεις, όχι γνώμες

Κάθε εύρημα αντέχει σε διαφωνία με προγραμματιστή

Το δύσκολο σε ένα εύρημα προσβασιμότητας δεν είναι να το εντοπίσεις. Είναι να σε πιστέψουν στη σύσκεψη τρεις μέρες αργότερα. Γι’ αυτό κάθε εύρημα του Deep Scan αναφέρει τη μέτρηση που πήρε, το κατώφλι με το οποίο τη σύγκρινε και το σχολιασμένο στιγμιότυπο εκείνης της στιγμής.

  • Μια μετρημένη τιμή μέσα στην ίδια την πρόταση - καλύπτεται εξ ολοκλήρου από την καθηλωμένη μπάρα συγκατάθεσης, όχι ενδέχεται να καλύπτεται.
  • Το ακριβές κριτήριο επιτυχίας WCAG 2.2, με σύνδεσμο στη σελίδα Understanding.
  • Διόρθωση γραμμένη γι’ αυτό το εύρημα, όχι για τον κανόνα γενικά.
  • Ό,τι δεν κατέληξε σε ετυμηγορία αναφέρεται ως τέτοιο - ποτέ ως επιτυχία.
Στιγμιότυπο απόδειξης του Deep Scan: το εστιασμένο στοιχείο, το στοιχείο που το καλύπτει και η μετρημένη κάλυψη.

Χειροκίνητο QA, σε κάθε σάρωση

Το πέρασμα με πληκτρολόγιο πριν από κάθε έκδοση - τώρα το τρέχει ένας πράκτορας, σε κάθε σελίδα, κάθε νύχτα

Δεν πρόκειται για νέες απαιτήσεις. Είναι οι έλεγχοι που ένας καλός δοκιμαστής κάνει ήδη στο χέρι - και ακριβώς γι’ αυτό γίνονται σε πέντε σελίδες πριν από μια έκδοση και σε καμία μετά.

  • Διατρέχεις τη σελίδα με Tab προσέχοντας τον δακτύλιο εστίασης

    Φωτογραφίζει κάθε στάση Tab με και χωρίς εστίαση και συγκρίνει τα pixel

  • Ανοίγεις κάθε διάλογο, πατάς Escape, βλέπεις πού πάει η εστίαση

    Ανοίγει κάθε διάλογο και ελέγχει ολόκληρο το συμβόλαιο, με τη σειρά

  • Προκαλείς μια ειδοποίηση και ακούς με αναγνώστη οθόνης

    Καταγράφει πότε υπήρχε κάθε live region σε σχέση με το περιεχόμενό της

  • Κάνεις ζουμ στα 320px και ψάχνεις οριζόντια κύλιση

    Αποδίδει στα 320px και κατονομάζει τα στοιχεία που την προκαλούν

  • Στραβοκοιτάς το λευκό κείμενο πάνω στην κεντρική φωτογραφία

    Συγκρίνει κάθε pixel γλυφού με το φόντο πίσω του

Τι δεν θα αγγίξει

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

Πώς λειτουργεί

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

  1. 01

    Ο πράκτορας παίρνει το τιμόνι

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

  2. 02

    Υπολογιστής και κινητό

    Κάθε URL μετριέται στα 1280×720 και ξανά στα 375×667. Ένας δακτύλιος εστίασης που επιβιώνει από την κεφαλίδα υπολογιστή συχνά χάνει από την κεφαλίδα κινητού.

  3. 03

    Μία ενοποιημένη αναφορά

    Τα ευρήματα συμπεριφοράς φτάνουν στην ίδια λίστα με τα στατικά, σημασμένα ως Deep Scan και ταξινομημένα κατά σοβαρότητα. Δεν υπάρχει τίποτα νέο να μάθετε.

  4. 04

    Οι αποδείξεις μένουν με τη σάρωση

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

Ο πίνακας σύνοψης Deep Scan σε μια αναφορά URL της QualiBooth.

Στην αναφορά σας

Σημασμένα, μετρημένα και ποτέ σιωπηλά απόντα

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

  • Σήμα Deep Scan σε κάθε εύρημα συμπεριφοράς στη λίστα προβλημάτων.
  • Ολοκληρωμένοι έλεγχοι, εξετάσεις στοιχείων και αποδείξεις που συλλέχθηκαν, ανά URL.
  • Ό,τι δεν μπόρεσε να ελεγχθεί πλήρως, κατονομασμένο μαζί με τον λόγο.
  • Εξαγωγή σε CSV και JSON μαζί με την υπόλοιπη εκτέλεση σάρωσης.
12
έλεγχοι συμπεριφοράς
15
κριτήρια WCAG 2.2
2
προβολές ανά URL
100%
ευρήματα με μέτρηση

Ερωτήσεις που μας κάνουν

Σε τι διαφέρει αυτό από ένα overlay προσβασιμότητας;
Εντελώς. Ένα overlay εισάγει JavaScript στον ζωντανό ιστότοπό σας και προσπαθεί να μπαλώσει την προσβασιμότητα απ’ έξω, συνήθως χειροτερεύοντάς την. Το Deep Scan δεν αλλάζει τίποτα στον ιστότοπό σας: είναι ένας πράκτορας που τον επισκέπτεται όπως θα έκανε ένας άνθρωπος, μετρά και αναφέρει τι βρήκε.
Αντικαθιστά τον χειροκίνητο έλεγχο προσβασιμότητας;
Όχι, και δεν θα το ισχυριζόμασταν. Ο πράκτορας αυτοματοποιεί το μηχανικό μισό ενός χειροκίνητου περάσματος - τη διαδρομή με πληκτρολόγιο, το συμβόλαιο των διαλόγων, την αναδιάταξη στα 320px - ώστε οι δικοί σας δοκιμαστές και οι δικοί μας ελεγκτές να αφιερώνουν τον χρόνο τους στην κρίση: αν βγάζει νόημα η σειρά ανάγνωσης, αν το εναλλακτικό κείμενο είναι αληθές, αν η ροή είναι όντως χρησιμοποιήσιμη με αναγνώστη οθόνης.
Μπορεί να χαλάσει κάτι στον ιστότοπό μου;
Αλληλεπιδρά με ένα οριοθετημένο, φιλτραρισμένο σύνολο στοιχείων και ποτέ με κάτι που φαίνεται καταστροφικό ή συναλλακτικό. Καμία διαγραφή, καμία αποσύνδεση, κανένα ταμείο. Είναι μια κατά κύριο λόγο αναγνωστική επίσκεψη από έναν browser.
Μπορεί να σαρώσει σελίδες πίσω από σύνδεση;
Ναι. Ο πράκτορας επαναχρησιμοποιεί την πιστοποιημένη συνεδρία που η σάρωση έχει ήδη δημιουργήσει, οπότε ό,τι φτάνει η σάρωσή σας, μπορεί να το μετρήσει.
Γιατί άλλαξε η βαθμολογία προσβασιμότητάς μου όταν ενεργοποιήθηκε;
Το Deep Scan προσθέτει στη βαθμολογία τόσο νέα ευρήματα όσο και νέες επιτυχίες, οπότε μια βαθμολογία υπολογισμένη με αυτό δεν είναι συγκρίσιμη με μία υπολογισμένη χωρίς αυτό. Οι βαθμολογίες παραμένουν συγκρίσιμες εντός του ίδιου προγράμματος σάρωσης και μεταξύ εκτελέσεων με την ίδια ρύθμιση - δεν την αλλάζουμε στη μέση του προγράμματος πίσω από την πλάτη σας.
Τι κάνει στην πραγματικότητα το AI;
Αποφασίζει - και μετά το αποδεικνύει. Ο πράκτορας εξερευνά τη σελίδα σας όπως θα έκανε ένας δοκιμαστής: επιλέγει ποια στοιχεία αξίζει να προκαλέσει, ποιους διαλόγους να ανοίξει και μέχρι πού να φτάσει πριν σταματήσει. Και κάθε απόφασή του στηρίζεται σε μια μέτρηση και ένα στιγμιότυπο, όχι σε εικασία. Έτσι σχεδιάστηκε επίτηδες: αυτόνομο εκεί που ο άνθρωπος θα ήταν αργός, και τεκμηριωμένο εκεί που ένα γλωσσικό μοντέλο από μόνο του θα ήταν αναξιόπιστο.
Γιατί λέτε ότι το QualiBooth είναι ο πιο προηγμένος σαρωτής προσβασιμότητας στον κόσμο;
Επειδή κανένας άλλος σαρωτής δεν μετρά τη συμπεριφορά μιας σελίδας που εκτελείται. Κάθε εργαλείο στην αγορά διαβάζει τον κώδικά σας και συμπεραίνει· το QualiBooth κάνει και αυτό, και επιπλέον βάζει έναν πράκτορα AI στη σελίδα για άλλους δώδεκα ελέγχους που καμία στατική μηχανή δεν μπορεί να παραγάγει, ο καθένας με μια μέτρηση και ένα στιγμιότυπο ως απόδειξη. Αυτός ο συνδυασμός δεν υπάρχει πουθενά αλλού.

Δείτε τι σας ξέφευγε μέχρι τώρα από τον σαρωτή σας

Τρέξτε μια δωρεάν σάρωση ή αφήστε μας να στρέψουμε τον πράκτορα Deep Scan στη διαδρομή χρήστη που μετράει περισσότερο για την επιχείρησή σας.