Δήλωση Προσβασιμότητας
Το Rubyy είναι χτισμένο για να είναι χρησιμοποιήσιμο από όσο το δυνατόν περισσότερους ανθρώπους, ανεξάρτητα από το πώς πλοηγούνται στον ιστό. Αυτή η σελίδα περιγράφει τα χαρακτηριστικά προσβασιμότητας που έχουμε χτίσει στο rubyy.com, τους περιορισμούς που γνωρίζουμε και πώς να μας πείτε όταν κάτι είναι χαλασμένο.
Στόχος συμμόρφωσης
Στοχεύουμε στην εκπλήρωση των Web Content Accessibility Guidelines (WCAG) 2.1 Επίπεδο AA. Αυτό είναι το επίπεδο που αναφέρουν οι περισσότερες δικαιοδοσίες για ιστοτόπους ανοιχτής πρόσβασης (η Οδηγία της EU για την Προσβασιμότητα του Ιστού, το PSBAR του UK, η ανανέωση του Section 508 των US, ο κοινώς αναφερόμενος πήχης της ADA). Δοκιμάζουμε έναντι του AA σε κάθε έκδοση του ιστοτόπου μάρκετινγκ· ορισμένοι τομείς υπερβαίνουν το AA όπου ήταν εύκολο να γίνει και μερικά γνωστά κενά υστερούν. Και οι δύο λίστες είναι παρακάτω.
Το πλήρες προϊόν Rubyy (η ίδια η πλατφόρμα) βρίσκεται σε ανάπτυξη προ-κυκλοφορίας. Όταν το προϊόν κυκλοφορήσει, θα δημοσιεύσουμε ξεχωριστή δήλωση προσβασιμότητας που θα καλύπτει τον πίνακα ελέγχου και τα καταστήματα που χτίζουν οι πελάτες μας με αυτόν.
Τι έχουμε χτίσει
- Πλοήγηση με πληκτρολόγιο. Κάθε διαδραστικό στοιχείο ελέγχου στον ιστότοπο μπορεί να προσπελαστεί και να ενεργοποιηθεί με Tab, Shift+Tab, Enter, Space και Escape. Το πρώτο εστιάσιμο στοιχείο σε κάθε σελίδα είναι ένας σύνδεσμος Μετάβαση στο κύριο περιεχόμενο που πηδά μετά το header.
- Ορατός δείκτης εστίασης. Ένα περίγραμμα 2 pixel εμφανίζεται γύρω από οποιοδήποτε στοιχείο υπό εστίαση πληκτρολογίου, τόσο σε φωτεινή όσο και σε σκοτεινή λειτουργία.
- Σημασιολογικά ορόσημα. Η σελίδα δομείται με περιοχές
<header>,<main>,<nav>και<footer>ώστε οι υποστηρικτικές τεχνολογίες να μπορούν να μεταβαίνουν μεταξύ τους. Τα επίπεδα επικεφαλίδων είναι λογικά (ένα<h1>ανά σελίδα, χωρίς παραλειπόμενα επίπεδα παρακάτω). - Φόρμες. Τόσο η εγγραφή στη λίστα κυκλοφορίας όσο και η φόρμα επικοινωνίας έχουν ορατές ετικέτες, σημειώνουν τα απαιτούμενα πεδία με
aria-required, εμφανίζουν μηνύματα σφάλματος συνδεδεμένα με το πεδίο εισόδου μέσωaria-describedby, εναλλάσσουν τοaria-invalidστο εσφαλμένο πεδίο και ανακοινώνουν την κατάσταση υποβολής μέσω ευγενικής live region. Το κουμπί υποβολής είναι απενεργοποιημένο μέχρι να εστιάσετε σε ένα πεδίο και η φόρμα ορίζειaria-busyενώ το αίτημα είναι σε εξέλιξη. - Carousel. Το carousel προβεβλημένων προϊόντων ανακοινώνει τις αλλαγές διαφανειών μέσω ευγενικής live region, διαθέτει κουμπιά προηγούμενης / επόμενης με ετικέτες και η πλοήγηση με κουκκίδες διαβάζει «Μετάβαση στη διαφάνεια N από M» στη γλώσσα σας. Το track αποκρίνεται επίσης σε εγγενή κύλιση με swipe / βέλη.
- Επιλογέας χώρας. Το dropdown χώρας στο header είναι ένα
<nav>από συνδέσμους με ετικέτες· η ενεργή γλώσσα σημειώνεται μεaria-current="true". Για πολυγλωσσικές χώρες (Βέλγιο, Καναδάς, Ελβετία, Φινλανδία, Λουξεμβούργο) κάθε γλώσσα είναι δικός της εστιάσιμος σύνδεσμος. - Μειωμένη κίνηση. Εάν το λειτουργικό σας σύστημα έχει ενεργοποιημένη τη Μείωση Κίνησης (macOS / iOS Προσβασιμότητα, Windows Ρυθμίσεις → Προσβασιμότητα → Οπτικά εφέ), απενεργοποιούμε την κίνηση gem-shimmer, την περιστροφή διαχωριστικού, την ολίσθηση του banner cookies και τον αυτόματο παλμό του carousel. Ο ιστότοπος μένει στατικός.
- Αντίθεση. Το κείμενο σώματος και οι κύριες ενέργειες ξεπερνούν την αντίθεση AA τόσο σε φωτεινή όσο και σε σκοτεινή λειτουργία. Οι ετικέτες eyebrow και τα χρώματα συνδέσμων αλλάζουν σε μια ανοιχτότερη απόχρωση ρουμπινί σε σκοτεινή λειτουργία, ώστε να διατηρούν αντίθεση πάνω σε σκοτεινές κάρτες.
- Εναλλακτικό κείμενο. Κάθε ουσιαστική εικόνα στον ιστότοπο (στιγμιότυπα οθόνης προϊόντος, εικονίδια κοινού, το cover OpenGraph) έχει περιγραφικό εναλλακτικό κείμενο. Διακοσμητικοί πολύτιμοι λίθοι και γραμμές διαχωριστικού σημειώνονται ως
aria-hiddenώστε οι αναγνώστες οθόνης να μην τα ανακοινώνουν. - Αυτο-φιλοξενούμενες γραμματοσειρές. Οι Pacifico και Poppins εξυπηρετούνται από την ίδια προέλευση με τον υπόλοιπο ιστότοπο, οπότε φορτώνονται ακόμη και όταν τα CDN γραμματοσειρών τρίτων αποκλείονται από εργαλεία απορρήτου.
- Χαρακτηριστικό γλώσσας. Το χαρακτηριστικό
langτης σελίδας ταιριάζει με την ενεργή γλώσσα, ώστε οι αναγνώστες οθόνης να προφέρουν το κείμενο με τη σωστή φωνή. Ο επιλογέας παραθέτει 41 ζεύγη χώρας / γλώσσας και θυμάται την επιλογή σας για έναν χρόνο. - Banner cookies. Το banner είναι μια περιοχή με ετικέτα, μπορεί να προσπελαστεί μέσω Tab από οπουδήποτε στη σελίδα και ο σύνδεσμος Προτιμήσεις cookies στο υποσέλιδο το ανοίγει ξανά απευθείας στον πίνακα ρυθμίσεων ανά κατηγορία και μετακινεί την εστίαση εκεί. Η Απόρριψη είναι ένα κλικ στο banner πρώτης επίσκεψης, εξίσου εμφανές με την Αποδοχή.
- Αντίστροφη μέτρηση. Τα ορατά κελιά ψηφίων ενημερώνονται κάθε δευτερόλεπτο αλλά είναι κρυμμένα από τους αναγνώστες οθόνης· εκτίθεται αντ’ αυτού μια εκτός οθόνης περίληψη που ενημερώνεται μία φορά ανά λεπτό, ώστε η υποστηρικτική τεχνολογία να μη διαβάζει κάθε κτύπο.
- Μηνύματα κατάστασης. Τα σφάλματα και οι επιτυχίες ανακοινώνονται μέσω live regions με
role="status", όχι μόνο με χρώμα.
Γνωστοί περιορισμοί
Είμαστε ειλικρινείς για τα κενά που δεν έχουμε ακόμη κλείσει. Εάν κάποιο από αυτά μπλοκάρει τη χρήση του ιστοτόπου από εσάς, παρακαλούμε πείτε μας.
- Εκκρεμεί έλεγχος μεταφράσεων στα μαλτέζικα. Η μαλτέζικη (
mt) μετάφραση ήταν ένα αρχικό προσχέδιο που δεν έχει ακόμη ελεγχθεί από φυσικό ομιλητή. Εάν εντοπίσετε αδέξιες διατυπώσεις, παρακαλούμε στείλτε μας email. - Ισλανδία και Λουξεμβούργο. Το Stripe Connect (που χρησιμοποιούμε για πληρωμές) δεν τοπικοποιεί για ισλανδικά ή λουξεμβουργιανά, οπότε οι επισκέπτες από αυτές τις χώρες εξυπηρετούνται στα αγγλικά (Ισλανδία) ή στα γαλλικά / γερμανικά (Λουξεμβούργο). Μόλις το Stripe προσθέσει αυτές τις γλώσσες, θα ακολουθήσουμε.
- Πλήκτρα βέλους στο carousel. Το carousel αποκρίνεται σε κλικ, αγγίγματα και swipes, αλλά επί του παρόντος δεν περιστρέφεται μέσω πλήκτρων βέλους του πληκτρολογίου όταν η εστίαση είναι μέσα στο track. Τα κουμπιά Προηγούμενο / Επόμενο καλύπτουν πλήρως την ίδια λειτουργικότητα.
- Εστίαση πρώτης απόδοσης banner cookies. Όταν ένας νέος επισκέπτης φτάνει στον ιστότοπο, το banner cookies αποδίδεται στο κάτω μέρος αλλά η εστίαση παραμένει στο σώμα του εγγράφου ώστε να μη διακόψουμε την ανάγνωση. Για να το φτάσετε μέσω πληκτρολογίου, χρησιμοποιήστε το Tab μετά τη σελίδα· ή χρησιμοποιήστε τον σύνδεσμο Προτιμήσεις cookies στο υποσέλιδο, ο οποίος μετακινεί την εστίαση μέσα στο banner.
Προγράμματα περιήγησης και υποστηρικτικές τεχνολογίες
Δοκιμάζουμε τον ιστότοπο έναντι:
- Chrome και Firefox σε Windows 11 και macOS Sonoma
- Safari 17 σε macOS Sonoma και iOS 17 / 18
- Microsoft Edge σε Windows 11
- VoiceOver σε macOS Sonoma και iOS, NVDA σε Windows, TalkBack σε Android
- Προγράμματα περιήγησης βασισμένα σε Chromium σε λειτουργία Υψηλής Αντίθεσης των Windows
Παλαιότερα προγράμματα περιήγησης και υποστηρικτικές τεχνολογίες ενδέχεται να αποδίδουν μέρη του ιστοτόπου διαφορετικά· θα διορθώσουμε συγκεκριμένα ζητήματα που αναφέρετε.
Πώς να αναφέρετε ένα εμπόδιο
Εάν κάτι σε αυτή τη σελίδα δεν λειτουργεί για την υποστηρικτική σας τεχνολογία ή εντοπίσετε ένα ζήτημα αντίθεσης / πληκτρολογίου / αναγνώστη οθόνης που μας έχει διαφύγει, στείλτε email στο [email protected]. Παρακαλούμε συμπεριλάβετε:
- Το URL της σελίδας όπου αντιμετωπίσατε το ζήτημα
- Τι προσπαθούσατε να κάνετε
- Την υποστηρικτική τεχνολογία / πρόγραμμα περιήγησης που χρησιμοποιούσατε
- Τι συνέβη (και τι περιμένατε να συμβεί)
Θα επιβεβαιώσουμε το μήνυμά σας εντός δύο εργάσιμων ημερών και θα σας πούμε πότε αναμένουμε να εκδώσουμε διόρθωση.
Επίσημες καταγγελίες
Εάν εδρεύετε στην EU και δεν είμαστε σε θέση να επιλύσουμε την καταγγελία σας, μπορείτε να την παραπέμψετε στην εποπτική αρχή προσβασιμότητας του κράτους μέλους σας. Οι επισκέπτες από το UK μπορούν να απευθυνθούν στην Equality and Human Rights Commission. Οι US επισκέπτες μπορούν να καταθέσουν στο Department of Justice βάσει της ADA.
Αλλαγές σε αυτή τη δήλωση
Θα ενημερώνουμε την ημερομηνία «τελευταία ενημέρωση» παραπάνω κάθε φορά που εκδίδουμε αλλαγές σχετικές με την προσβασιμότητα. Σημαντικές προσθήκες (ένα νέο χαρακτηριστικό στον ιστότοπο, μια νέα γλώσσα, μια διόρθωση σε έναν τεκμηριωμένο περιορισμό) θα συνοψίζονται επίσης εδώ.