Αρχική › Γνωσιακή βάση › Κατά σύστημα

Προσβασιμότητα με Shopify

Τα θέματα και οι εφαρμογές του Shopify καθορίζουν την προσβασιμότητα. Το checkout καθορίζεται σε μεγάλο βαθμό από το Shopify.

Συχνά σημεία εντοπισμού

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

Έλεγχος και επιλογή θέματος

Το θέμα καθορίζει την αντίθεση, την ορατή εστίαση, τη δομή των επικεφαλίδων και τον χειρισμό του μενού και των φίλτρων από πληκτρολόγιο. Κριτήρια πριν την επιλογή: διατρέξτε την αρχική σελίδα, μια συλλογή και μια σελίδα προϊόντος με το πλήκτρο Tab — είναι η εστίαση πάντα ορατή; Ανοίγει το μενού χωρίς ποντίκι; Είναι η αντίθεση κειμένου και κουμπιών τουλάχιστον 4,5:1; Τα προεπιλεγμένα θέματα Online Store 2.0 (Dawn και τα παράγωγά του) είναι μια στέρεη αφετηρία· στα επί πληρωμή θέματα βοηθά ο έλεγχος με πληκτρολόγιο στο demo και το αίτημα στον πάροχο για δήλωση προσβασιμότητας.

Εικόνες προϊόντων, παραλλαγές και εμπλουτισμένο κείμενο

Δώστε σε κάθε εικόνα προϊόντος στη διαχείριση ένα εναλλακτικό κείμενο που περιγράφει το περιεχόμενο — όχι το όνομα αρχείου. Το ίδιο ισχύει για τις εικόνες παραλλαγών. Κείμενο τυπωμένο ως γραφικό σε ένα σήμα ή banner («Έκπτωση», «Μόνο σήμερα») είναι αόρατο για τους αναγνώστες οθόνης· χρησιμοποιήστε πραγματικό κείμενο. Στον επεξεργαστή εμπλουτισμένου κειμένου της περιγραφής προϊόντος χρησιμοποιήστε σωστά τα επίπεδα επικεφαλίδων (μην κάνετε απλώς το κείμενο μεγάλο) και τις λίστες ως πραγματικές λίστες.

Εφαρμογές και ενσωματωμένα widget

Οι εφαρμογές αξιολογήσεων, αναδυόμενων παραθύρων, upsell και banner cookie συχνά εισάγουν δικά τους widget που παγιδεύουν την εστίαση του πληκτρολογίου, δεν έχουν ετικέτες ή εμφανίζουν επικαλύψεις χωρίς δυνατότητα κλεισίματος. Δοκιμάστε κάθε εφαρμογή ξεχωριστά με το πληκτρολόγιο· οι εφαρμογές slider και αντίστροφης μέτρησης χρειάζονται παύση και δεν πρέπει να αναβοσβήνει τίποτα. Μια επικάλυψη προσβασιμότητας ως εφαρμογή δεν διορθώνει τα δομικά προβλήματα και επικρίνεται από οργανώσεις ατόμων με αναπηρία. Σε περίπτωση αμφιβολίας: αφαιρέστε την εφαρμογή.

Ολοκλήρωση αγοράς: τι ορίζει το Shopify και τι όχι

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

Δοκιμές και συχνές ερωτήσεις

Γρήγορος έλεγχος: χειριστείτε την αρχική σελίδα, μια συλλογή και μια σελίδα προϊόντος μόνο με το πληκτρολόγιο, κάντε ζουμ στο 200% στο πρόγραμμα περιήγησης, τρέξτε μια επέκταση όπως το WAVE ή το axe DevTools. Η δωρεάν σάρωση του a11yglass ελέγχει επιπλέον το παραδοθέν HTML για αντίθεση, εναλλακτικά κείμενα, ετικέτες, γλώσσα και δομή. Χρειάζεται το κατάστημά μου στο Shopify δήλωση προσβασιμότητας; Κατά κανόνα ναι — ένα κατάστημα μέσω του οποίου αγοράζουν καταναλωτές είναι ηλεκτρονικό εμπόριο κατά την έννοια του BFSG· δείτε τη σελίδα για τη δήλωση προσβασιμότητας. Είναι η ολοκλήρωση αγοράς του Shopify ήδη προσβάσιμη; Σε μεγάλο βαθμό ευθύνη του Shopify, αλλά οι επεκτάσεις μπορούν να τη σπάσουν. Ποιο θέμα είναι προσβάσιμο; Δεν υπάρχει σφραγίδα — καθοριστική είναι η υλοποίηση στη συγκεκριμένη περίπτωση.

Πώς βοηθά το a11yglass

Η δωρεάν σάρωση ελέγχει το παρεχόμενο HTML και CSS για αυτόματα αναγνωρίσιμες παραβιάσεις WCAG και αναφέρει ανά εύρημα το κριτήριο επιτυχίας και ένα συγκεκριμένο μέτρο. Εντοπίζει περίπου το 20–35 % των προβλημάτων και δεν αντικαθιστά πλήρη αξιολόγηση.

Διαβάστε περισσότερα

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