QualiBooth

Διορθώστε μία φορά, παντού

Εκατοντάδες προβλήματα. Λίγες μόνο διορθώσεις.

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

Μία γραμμή ανά στοιχείο
όχι μία ανά πρόβλημα, ανά σελίδα
Τα χειρότερα πρώτα
με βάση τα προβλήματα που εξαλείφει μία διόρθωση
Ο πίνακας Fix once, fix everywhere σε αναφορά σάρωσης του QualiBooth, με το ποσοστό των προβλημάτων που διορθώνονται σε επίπεδο στοιχείου.

Το ίδιο σφάλμα, μετρημένο σε κάθε σελίδα

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

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

Τι δείχνει μια επίπεδη λίστα προβλημάτων

Κάθε εύρημα, σε κάθε σελίδα, σε ξεχωριστή γραμμή.

  • Οι σύνδεσμοι πρέπει να έχουν διακριτό κείμενο - /pricing
  • Οι σύνδεσμοι πρέπει να έχουν διακριτό κείμενο - /about-us
  • Οι σύνδεσμοι πρέπει να έχουν διακριτό κείμενο - /contact
  • …και το ίδιο εύρημα σε άλλες 397 σελίδες.

Τι δείχνει η Ομαδοποίηση στοιχείων

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

  • footer nav a.social - 400 σελίδες, 2 τύποι προβλημάτων, 800 προβλήματα.
  • Διορθώστε το μία φορά στο πρότυπο του υποσέλιδου και χάνονται και τα 800.
  • Σοβαρότητα ανά σελίδα: 400 σελίδες κρίσιμης, 400 σελίδες μέτριας σοβαρότητας.
  • Ταξινομημένο σε σχέση με την υπόλοιπη εκτέλεση, ώστε να ξέρετε ότι έρχεται πρώτο.

Τι σας λέει κάθε κάρτα στοιχείου

Ό,τι χρειάζεστε για να αποφασίσετε τι θα διορθώσετε πρώτα

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

  • 01

    Ταξινόμηση με βάση ό,τι εξαλείφει η διόρθωση

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

    Κατάταξη

  • 02

    Σελίδες που επηρεάζονται, ανά σοβαρότητα

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

    Σοβαρότητα

  • 03

    Μερίδιο σε όλη την εκτέλεση

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

    Αντίκτυπος

  • 04

    Κάθε πρόβλημα του στοιχείου

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

    Λεπτομέρειες

  • 05

    Φίλτρα ανά σοβαρότητα και μηχανή

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

    Διαλογή

  • 06

    Κατευθείαν στον κώδικα

    Αντιγράψτε τον επιλογέα CSS του στοιχείου, ανοίξτε την αναφορά μιας σελίδας που επηρεάζεται ή ανοίξτε τη ζωντανή σελίδα στο Development Assistant ή στο Agora με το στοιχείο επισημασμένο.

    Διόρθωση

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

Νούμερα που βγαίνουν

Νούμερα που μπορείτε να παρουσιάσετε σε έναν product owner

Μια ομαδοποιημένη προβολή είναι χρήσιμη μόνο αν τα νούμερά της είναι σωστά. Γι’ αυτό το καθένα μετριέται, δεν εκτιμάται - και όταν ένα νούμερο είναι ελάχιστη τιμή και όχι ακριβές, η αναφορά το λέει.

  • Οι σελίδες μετρώνται μία φορά ανά στοιχείο, ακόμη κι όταν αποτυγχάνει σε διάφορους ελέγχους σε διαφορετικές σελίδες.
  • Το φιλτράρισμα ενός στοιχείου ξαναχτίζει τα νούμερά του από τα προβλήματα που απομένουν, οπότε το «Critical only» δεν δείχνει ποτέ σύνολα που περιλαμβάνουν ήσσονα προβλήματα.
  • Τα ονόματα των προβλημάτων προέρχονται από τον ίδιο κατάλογο με την αναφορά ανά σελίδα, οπότε το ίδιο πρόβλημα έχει παντού το ίδιο όνομα.
  • Στις μεγάλες εκτελέσεις διατηρούνται τα στοιχεία με το μεγαλύτερο κόστος, και η αναφορά δηλώνει πόσα εμφανίζει από όσα βρήκε.
Μια ανεπτυγμένη κάρτα στοιχείου: ο επιλογέας, οι σελίδες που επηρεάζονται, τα προβλήματα, το μερίδιο στην εκτέλεση και κάθε έλεγχος στον οποίο αποτυγχάνει το στοιχείο.

Το υπολογιστικό φύλλο που κανείς δεν θέλει να φτιάξει

Η διαλογή που κάνει η ομάδα σας με το χέρι μετά από κάθε έλεγχο - έτοιμη μόλις ολοκληρωθεί η σάρωση

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

  • Εξαγωγή όλων των προβλημάτων σε υπολογιστικό φύλλο

    Αυτόματη ομαδοποίηση μόλις ολοκληρωθεί η εκτέλεση

  • Ταξινόμηση ανά επιλογέα και συγχώνευση διπλοτύπων

    Μία γραμμή ανά στοιχείο, με κάθε έλεγχο στον οποίο αποτυγχάνει

  • Καταμέτρηση των σελίδων που χαλάει κάθε στοιχείο

    Σελίδες που επηρεάζονται, ανά σοβαρότητα, σε κάθε κάρτα

  • Υπολογισμός της διόρθωσης που καθαρίζει τα περισσότερα

    Τα χειρότερα πρώτα, με βάση τα προβλήματα που εξαλείφει κάθε διόρθωση

  • Όλα από την αρχή μετά την επόμενη έκδοση

    Κάθε προγραμματισμένη εκτέλεση ομαδοποιείται με τον ίδιο τρόπο

Τα προβλήματα μιας συγκεκριμένης σελίδας μένουν εκεί που είναι

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

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

Τίποτα προς ρύθμιση. Κάθε προγραμματισμένη εκτέλεση σάρωσης ομαδοποιείται μόλις ολοκληρωθεί.

  1. 01

    Σαρώστε όπως πάντα

    Η προγραμματισμένη ή κατ’ απαίτηση σάρωσή σας εκτελείται ακριβώς όπως πριν, με τη στατική μηχανή και το Deep Scan, σε υπολογιστή και κινητό.

  2. 02

    Ομαδοποίηση ανά στοιχείο

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

  3. 03

    Ταξινόμηση με βάση ό,τι καθαρίζει

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

  4. 04

    Διορθώστε μία φορά, επιβεβαιώστε

    Διορθώστε το στοιχείο στον κώδικά σας. Η επόμενη εκτέλεση δείχνει ότι έχει εξαφανιστεί από κάθε σελίδα όπου εμφανιζόταν.

Η καρτέλα Shared components σε αναφορά σάρωσης του QualiBooth, φιλτραρισμένη ανά σοβαρότητα και μηχανή.

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

Το πρώτο που βλέπετε σε μια εκτέλεση σάρωσης

Η αναφορά της εκτέλεσης ξεκινά με τα κοινόχρηστα στοιχεία της. Η καρτέλα Overview δείχνει πόσο από την εκτέλεση διορθώνεται σε επίπεδο στοιχείου και τα τρία στοιχεία με το μεγαλύτερο κόστος· η καρτέλα Shared components περιέχει την πλήρη λίστα.

  • Κοινόχρηστα στοιχεία και το ποσοστό των προβλημάτων που διορθώνονται σε επίπεδο στοιχείου, δίπλα στη βαθμολογία.
  • Ένας πίνακας Fix once, fix everywhere με τα στοιχεία με το μεγαλύτερο κόστος, με το πρώτο ήδη ανοιχτό.
  • Μια καρτέλα Shared components με κάθε στοιχείο, με φίλτρα ανά σοβαρότητα, μηχανή και κείμενο.
  • Σαφής κατάσταση όσο μια εκτέλεση βρίσκεται σε εξέλιξη ή όταν κανένα στοιχείο δεν επαναλαμβάνεται σε πολλές σελίδες.
1
γραμμή ανά στοιχείο, όχι ανά πρόβλημα
2
μηχανές σάρωσης ομαδοποιημένες μαζί
2
προβολές, υπολογιστής και κινητό
0
ρυθμίσεις - περιλαμβάνεται σε κάθε πρόγραμμα

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

Τι θεωρείται κοινόχρηστο στοιχείο;
Οποιοδήποτε στοιχείο αποτυγχάνει στον ίδιο έλεγχο προσβασιμότητας σε περισσότερες από μία σελίδες μιας εκτέλεσης σάρωσης - συνήθως μια κεφαλίδα, η πλοήγηση, το υποσέλιδο, μια μπάρα cookies ή άλλο τμήμα του ιστότοπου που προέρχεται από πρότυπο. Τα ευρήματα που αφορούν ολόκληρη τη σελίδα και όχι ένα στοιχείο ομαδοποιούνται επίσης, και εμφανίζονται ως Whole page.
Χρειάζεται να ρυθμίσω κάτι;
Όχι. Η Ομαδοποίηση στοιχείων εκτελείται αυτόματα σε κάθε προγραμματισμένη εκτέλεση σάρωσης μόλις ολοκληρωθεί, τόσο για τα αποτελέσματα υπολογιστή όσο και για τα αποτελέσματα κινητού. Περιλαμβάνεται σε κάθε πρόγραμμα.
Περιλαμβάνει τα ευρήματα του Deep Scan;
Ναι. Τα ευρήματα της στατικής μηχανής και του Deep Scan ομαδοποιούνται μαζί, και μπορείτε να φιλτράρετε τη λίστα ανά μηχανή για να δείτε μόνο τη μία από τις δύο.
Κρύβει η ομαδοποίηση κάποια προβλήματα;
Όχι. Κάθε εύρημα παραμένει στην αναφορά ανά σελίδα. Η Ομαδοποίηση στοιχείων είναι μια δεύτερη προβολή των ίδιων αποτελεσμάτων, οργανωμένη ανά στοιχείο, και τα ποσοστά της υπολογίζονται πάντα επί όλων των προβλημάτων της εκτέλεσης.
Γιατί δεν υπάρχει ομαδοποίηση για μια από τις παλαιότερες εκτελέσεις σάρωσής μου;
Οι εκτελέσεις που ολοκληρώθηκαν πριν κυκλοφορήσει η Ομαδοποίηση στοιχείων δεν αναλύονται αναδρομικά. Η επόμενη σάρωση αυτής της διαμόρφωσης θα την περιλαμβάνει. Η ομαδοποίηση χρειάζεται επίσης τουλάχιστον δύο σελίδες που σαρώθηκαν επιτυχώς, αφού λειτουργεί συγκρίνοντας σελίδες.
Πώς βοηθά αυτό τους προγραμματιστές μου;
Μετατρέπει την αναφορά σε εργασίες που αντιστοιχούν στον κώδικά σας. Κάθε κάρτα δίνει τον ακριβή επιλογέα CSS για αντιγραφή, συνδέσμους προς μια σελίδα που επηρεάζεται και ανοίγει τη ζωντανή σελίδα στο Development Assistant ή στο Agora με το στοιχείο επισημασμένο - ώστε η διόρθωση να ξεκινά από το στοιχείο και όχι από ένα κυνήγι σελίδα προς σελίδα.

Δείτε πόσο από την αναφορά σας είναι στην πραγματικότητα μία διόρθωση

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