Πώς έγινε επιτυχία το πρότυπο προσβάσιμο ηλεκτρονικό κατάστημα της Ecwid

Αναρτήθηκε 5 μήνες πριν by Αναστασία Προκοφίεβα

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

Στην Ecwid by Lightspeed, αναγνωρίζουμε τη σημασία της προσβασιμότητας — γι' αυτό η πλατφόρμα ηλεκτρονικού εμπορίου μας ακολουθεί τα πρότυπα που εκδίδονται βάσει του νόμου για τους Αμερικανούς με Αναπηρίες ή ADA.

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

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

Τι σημαίνει η προσβασιμότητα στον Ιστό για τα ηλεκτρονικά καταστήματα και γιατί είναι σημαντική

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

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

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

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

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

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

Η Νόμος Αμερικανών με Αναπηρίες (ADA) είναι α πολύ γνωστό νόμος που προστατεύει τα άτομα με αναπηρία από τις διακρίσεις. Αυτό επεκτείνεται και στον ψηφιακό χώρο και πολλές χώρες έχουν το δικό τους σύνολο οδηγιών προσβασιμότητας για ιστότοπους και διαδικτυακές πλατφόρμες.

Η Οδηγίες προσβασιμότητας περιεχομένου ιστού (WCAG) είναι ένα ευρέως χρησιμοποιούμενο πλαίσιο για τη δημιουργία προσβάσιμου περιεχομένου Ιστού. Περιλαμβάνει τέσσερις αρχές: αντιληπτό, λειτουργικό, κατανοητό και ισχυρό. Αυτές οι αρχές καλύπτουν μια σειρά από ανάγκες προσβασιμότητας και παρέχουν συγκεκριμένες κατευθυντήριες γραμμές για να ακολουθήσουν οι προγραμματιστές.

Ενδυνάμωση μέσω Προσβασιμότητας

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

Στη συνέχεια, όταν η Lightspeed πρόσθεσε τον Ecwid στη σειρά τους, συνεργαστήκαμε και ανανεώσαμε τον ιστότοπο του Summit School, δημιουργώντας ένα Summit Marketplace με τον Ecwid. Το Summit Marketplace παρουσιάζει τα έργα τεχνιτών, καλλιτεχνών και επιχειρηματιών με αναπτυξιακά διαφορετικούς τρόπους από το Summit School.

Το Summit Marketplace χτίστηκε με το Ecwid

Όπως ίσως γνωρίζετε ήδη, το Ecwid παρέχει σε όλους τους χρήστες έναν Instant Site, α δωρεάν ιστότοπος ηλεκτρονικού εμπορίου με ενσωματωμένο ηλεκτρονικό κατάστημα. Υπάρχουν διάφορα πρότυπα για Instant Sites προσαρμοσμένα σε διαφορετικές θέσεις.

Η δημιουργία ενός προσβάσιμου ιστότοπου για το Summit School μας ενέπνευσε να δημιουργήσουμε ένα νέο πρότυπο Instant Site.

Όπως αναφέρθηκε παραπάνω, ο Ecwid ήταν ήδη Συμβατό με ADA και τσέκαρε όλα τα πλαίσια για το WCAG. Λοιπόν, τι ακριβώς αποφασίσαμε να αντιμετωπίσουμε αυτή τη φορά;

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

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

Οι δοκιμές WCAG μπορεί περιστασιακά να αποδώσουν ανακριβή αποτελέσματα

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

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

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

Ένα από τα πιο δημοφιλή πρότυπα Instant Site μας

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

Δείτε τι μοιράστηκε ένας πωλητής Ecwid που τυχαίνει να έχει προβλήματα όρασης σχετικά με τη λειτουργία του καταστήματος Ecwid:

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

Πώς η Ecwid διασφάλισε ότι το πρότυπο Instant Site είναι προσβάσιμο

Η προσβασιμότητα δεν αφορά μόνο την τήρηση των προτύπων — αφορά τους πραγματικούς ανθρώπους που δεν συναντούν εμπόδια όταν ασχολούνται με διαδικτυακό περιεχόμενο. Πώς το κατάφερε αυτό ο Ecwid;

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

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

Πώς να κάνετε το ηλεκτρονικό σας κατάστημα προσβάσιμο

Η εφαρμογή ενός προσβάσιμου ηλεκτρονικού καταστήματος μπορεί να φαίνεται τρομακτική, αλλά στην πραγματικότητα δεν είναι. Ξεκινά με την επιλογή ενός προσβάσιμου προτύπου ιστότοπου, όπως οποιοδήποτε από τα πρότυπα Instant Site της Ecwid.

Ακολουθούν ορισμένες πρόσθετες συμβουλές για να κάνετε το ηλεκτρονικό σας κατάστημα πιο προσιτό:

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

Επιλέγοντας το Ecwid's προσχεδιασμένο πρότυπα, ξεκινάτε με μια προσβάσιμη γραμμή βάσης. Οι προσαρμογές είναι ευπρόσδεκτες, αλλά προσέχετε τη διατήρηση της προσβασιμότητας.

Όταν δημιουργείτε έναν ιστότοπο από την αρχή, είναι σημαντικό να λάβετε υπόψη την προσβασιμότητα για όλους τους χρήστες. Αυτό σημαίνει ότι ξεκινάτε με μια προσβάσιμη γραμμή βάσης χρησιμοποιώντας πρότυπα ή οδηγίες όπως WCAG, ADA ή ισοδύναμα πρότυπα.

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

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

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

Δείτε πώς βλέπουν τα χρώματα η πλειοψηφία των ανθρώπων

Δείτε πώς βλέπουν τα χρώματα τα άτομα με πρωτανωπία (μια μορφή αχρωματοψίας).

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

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

Τύλιξε

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

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

Σχετικά με το Συγγραφέας

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