Οπτικοποιήστε & Debug Προσβασιμότητα της ιστοσελίδας με Tota11y

Οι υποστηρικτικές τεχνολογίες είναι ο νέος κανόνας για το σχεδιασμό ιστοσελίδων. Από τη στιγμή που ο σχεδιασμός ανταποκρινόταν στο mainstream, ήταν γρήγορα προφανές στους σχεδιαστές ότι η υποστήριξη περισσότερων χρηστών είναι μια αναγκαιότητα.

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

Το Tota11y είναι α δωρεάν εργαλειοθήκη για την απεικόνιση των προβλημάτων προσβασιμότητας του ιστοτόπου σας. Αυτό λειτουργεί σωστά στο πρόγραμμα περιήγησης, ώστε να μπορείτε να φορτώσετε το Toolkit, να κάνετε κλικ γύρω από τον ιστότοπό σας (ή οποιαδήποτε τοποθεσία!) Για να βρείτε προτάσεις προσβασιμότητας.

Αυτό λειτουργεί ως βιβλιοθήκη JavaScript που μπορεί να συνδεθεί σε οποιαδήποτε σελίδα. Θα μπορούσατε επίσης εκτελέστε το με μη αυτόματο τρόπο σε ζωντανές τοποθεσίες μέσω του Chrome DevTools, αλλά αυτό δεν είναι πάντα χρήσιμο αν δεν εργάζεστε σε κάποιον άλλο ιστότοπο.

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

Ένα πράγμα που μου αρέσει πολύ είναι το Tota11y σαφή γλώσσα χρησιμοποιείται με κάθε πλαίσιο υποδιαίρεσης. Τα περισσότερα από τα έγγραφα WAI-ARIA μοιάζουν με τους φορολογικούς κώδικες ανάγνωσης. Εξαιρετική για τον ύπνο σας, όχι τόσο μεγάλη για το σφάλμα σε μια ιστοσελίδα.

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

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

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

Μπορείτε να πάρετε ένα αντίγραφο στο GitHub και να το χρησιμοποιήσετε για λίγο. Το Tota11y έρχεται επίσης με μια δέσμη plugin που μπορείτε να επεκτείνετε στο κύριο σενάριο. Αυτά τα προσθήκη λειτουργιών για τον έλεγχο πιο λεπτομερών προβληματισμών σχετικά με την προσβασιμότητα.

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