Στο Pistolo Casino, πιστεύουμε ότι μια άριστη εμπειρία παιχνιδιού πρέπει να προσφέρεται σε όλους. Αυτός ο σκοπός μας ωθεί να κοιτάξουμε πέρα από την εξαιρετική εμφάνιση και τη εκτενή συλλογή παιχνιδιών. Μπαίνουμε στην τεχνική υλοποίηση και στη συμπεριφορά της ίδιας της ιστοσελίδας. Υπάρχει μια ενότητα που είναι πολύ σημαντική αλλά συχνά την παραλείπουν: η υποστήριξη για ανθρώπους που κινούνται μόνο με πληκτρολόγιο και βοηθητικές τεχνολογίες. Η ορθή εφαρμογή των “focus states” – εκείνων των οπτικών δεικτών που προσδιορίζουν ποιο κουμπί ή σύνδεσμο έχει την προσοχή του συστήματος – δεν είναι ένα απλό τεχνικό ζήτημα. Είναι απαραίτητη προϋπόθεση για προσβασιμότητα, ένα ένδειξη σεβασμού προς τον επισκέπτη, και μια ευφυής στρατηγική. Όταν τελειοποιείς την εμπειρία για όλους, αυξάνεις τη γενική ικανοποίηση και την εμπιστοσύνη. Σε αυτό το κείμενο, βλέπουμε πώς αυτή η επιμελής δουλειά μας αποφέρει πραγματικά αποτελέσματα.
Τήρηση με Κανονισμούς και Ιδανικές Τεχνικές
Η εργασία μας για πρόσβαση θεμελιώνεται σε αναγνωρισμένα διεθνή πρότυπα. Ουσιαστικά στις Κανόνες Προσβασιμότητας Υλικού Ιστού (WCAG). Τα focus states αναφέρονται ευδιάκριτα στην αρχή 2.4 “Προσπελάσιμη Πλοήγηση”, στον κανόνα 2.4.7: Εμφανής Επισήμανση. Ο συγκεκριμένος ο οδηγία δηλώνει ότι κάθε στοιχείο που λαμβάνει επισήμανση πληκτρολόγησης οφείλει να διαθέτει μια ορατή σημάδι που γίνεται αντιληπτή. Εμείς δεν περιοριζόμαστε στην βασική τήρηση. Αποβλέπουμε τουλάχιστον στο επίπεδο AA, και πολλές φορές πλησιάζουμε το AAA σε σημεία που μπορούμε, χωρίς να χαλάμε το σχεδιασμό. Κάτι τέτοιο υποδηλώνει ότι εξετάζουμε τις λόγους αντίθεσης των αποχρώσεων επισήμανσης σε σχέση με του φόντου. Διασφαλίζουμε ότι τα states δεν στηρίζονται αποκλειστικά στο χρώμα, για χρήστες με δυσχρωματοψία. Επίσης φροντίζουμε να μην εξαφανίζονται εντός στο φόντο της σελίδας. Η αδιάκοπη μας απασχόληση με τα εν λόγω τα προδιαγραφές καταδεικνύει πώς εκτιμούμε όποιο επισκέπτη που μας επισκέπτεται.
Διαρκής Δοκιμή και Επαναληπτική Διαδικασία
Η πρόσβαση δεν συνιστά ένα έργο που ολοκληρώνεται. Αποτελεί μια διαδικασία που διαρκεί. Αξιοποιούμε ένα συνδυασμό από αυτοματοποιημένα εργαλεία ελέγχων, όπως μέσα για τον επιθεώρηση του DOM και προσομοιωτές αναγνωστών οθόνης (π.χ., NVDA, VoiceOver). Διεξάγουμε και πραγματικές ελέγχους με άτομα που έχουν διάφορες δυνατότητες. Κάθε νέα υπηρεσία ή σελίδα υποβάλλεται από την εν λόγω την αξιολόγηση πριν βγει στον αέρα. Επίσης, προσέχουμε τα απόψεις της κοινότητάς μας και τις ανατροφοδοτήσεις από την ομάδα υποστήριξης για κάθε ζήτημα πλοήγησης. Η συγκεκριμένη η επαναληπτική διαδικασία μας δίνει τη δυνατότητα να εντοπίζουμε και να βελτιώνουμε στοιχεία που ίσως αποφύγουν από τα μηχανικά εργαλεία. Για παράδειγμα, μια σειρά εστίασης που είναι τεχνικά ορθή αλλά στην πράξη δεν είναι η πιο βολική. Η προσβασιμότητα, εν τέλει, αναφέρεται ανθρώπους. Και έτσι την προσεγγίζουμε.
Με ποιο τρόπο τα Focus States Ενισχύουν την Προσβασιμότητα (A11y)
Η προσβασιμότητα (που συντομογραφικά λέγεται A11y) δεν θεωρείται θέμα για λίγους. Είναι η διαδικασία του να κατασκευάζεις ιστοσελίδες που λειτουργούν για όλους, ανεξάρτητα από τις δεξιότητές τους ή τη συσκευή που αξιοποιούν. Τα επιμελημένα σχεδιασμένα focus states αποτελούν ένα από τα ουσιώδη της μεθόδου αυτής. Υποστηρίζουν άμεσα ανθρώπους με θέματα όρασης που χρησιμοποιούν πληκτρολόγιο και λογισμικό μεγέθυνσης. Υποστηρίζουν και όσους δυσκολεύονται να χρησιμοποιήσουν ένα ακριβές ποντίκι. Τα ωφελήματα όμως απλώνονται και σε άλλες περιοχές. Ένας χρήστης με προσωρινό τραύμα στο χέρι, κάποιος σε κινητό με κακή οθόνη αφής, ή ακόμη και ένας προγραμματιστής που γουστάρει την ταχύτητα του πληκτρολογίου, όλοι επωφελούνται. Στο Pistolo Casino, η εφαρμογή αυτών των αρχών σημαίνει ότι η πλατφόρμα μας δεν αποτελεί απλά προσβάσιμη. Είναι ομαλή και αποδοτική για πολύ περισσότερους ανθρώπους. Αυτό συμβαδίζει πακέτο με το πνεύμα του δίκαιου και ανοιχτού παιχνιδιού που υποστηρίζουμε.
Πέρα από τα Βασικά: ARIA και Σημασιολογική HTML
Τα focus states αποτελούν το οπτικό μέρος μιας βαθύτερης δομής. Για να έχει νόημα η πλοήγηση με πληκτρολόγιο, βασιζόμαστε σε σημασιολογική HTML και σε χαρακτηριστικά ARIA (Accessible Rich Internet Applications). Αυτό σημαίνει ότι τα κουμπιά μας θεωρούνται σήμανση με `
Ο Αντίκτυπος στην Εμπειρία Χρήστη (UX) για Όλους
Ίσως θεωρείτε πως η βελτίωση σε σχέση με πληκτρολόγηση βοηθούν αποκλειστικά μια μικρή μερίδα. Εντούτοις, αν βελτιώνεις την εμπειρία για μια συγκεκριμένη ομάδα, πολλές φορές την ωφελείς και για τους πάντες. Ένας ιστότοπος που έχει σωστή σειρά πληκτρολόγησης και ξεκάθαρες ενδείξεις αποτελεί συνήθως περισσότερο καλά οργανωμένη και πιο εύκολη στη χρήση να περιηγηθείς, ακόμη και χρησιμοποιώντας ποντίκι (mouse). Φανταστείτε έναν χρήστη που συμπληρώνει την αίτηση εγγραφής. Χάρη σε καθαρά focus states, βλέπει άμεσα ποιο πεδίο πληκτρολογεί. Κάτι τέτοιο μειώνει τα σφάλματα και την ανησυχία. Ή έναν επισκέπτη ο οποίος αναζητά παιχνίδια (games). Η οπτική υπόδειξη του επιλεγμένου που έχει επιλέξει προσφέρει άμεση ανατροφοδότηση ανατροφοδότηση (feedback). Ενισχύει την πεποίθηση ότι ελέγχει το περιβάλλον. Στο Pistolo Casino, αυτή η φροντίδα στις λεπτομέρειες δημιουργεί μια πιο ρέουσα, επαγγελματικής ποιότητας και αξιόπιστης εμπειρίας περιβάλλον. Είναι μια διευκόλυνση την οποία πιθανώς δεν αναφέρουν συνήθως, εντούτοις προλαβαίνει την ενόχληση και διατηρεί απασχολημένο τον επισκέπτη συγκεντρωμένο.
Δείγματα από την την ιστοσελίδα μας
Ας αναλύσουμε αληθινά περιπτώσεις στο pistolo.com. Πάνω στο κύριο μενού, όταν πατάς Tab, η εστίαση μετακινείται με μια σαφή χρωματιστή γραμμή κάτω από το ενεργό πεδίο. Διατηρεί το στυλ του γραφικού περιβάλλοντος. Στα κουμπιά των games, η εστίαση δημιουργεί ένα διακριτικό περίγραμμα με υψηλή contrast και μια απαλή shadow. Προσφέρει την αίσθηση ότι το κουμπί φαίνεται ‘ζωντανό και δυναμικό’ και έτοιμο. Στις φόρμες εισαγωγής, όπως η φόρμα επικοινωνίας, το input field που είναι focused ξεχωρίζει με ένα διακριτικό απόχρωση πλαισίου. Ακόμα και τα μηνύματα λάθους περιλαμβάνουν focus states, έτσι ώστε τραβήξουν την αντιληψη από το πληκτρολόγιο αυτομάτως. Τίποτα δεν είναι περιστασιακό. Πρόκειται για προϊόν δοκιμών και συνεχόμενης βελτίωσης. Σκοπός μας αποτελεί η σωστή αναλογία μεταξύ όμορφης αισθητικής και απόλυτης λειτουργικότητας.
Το Επιχειρησιακό Πλεονέκτημα από τη Βελτιστοποιημένη Προσβασιμότητα
Ο κύριος αφορμή που το κάνουμε είναι ηθικός. Ωστόσο, παρουσιάζεται και ένα ξεκάθαρο επιχειρησιακό προτέρημα. Βελτιώνοντας την προσβασιμότητα και την αλληλεπίδραση με πληκτρολόγιο, προσεγγίζουμε σε επιπλέον υποψήφιους χρήστες. Επεκτεινόμαστε σε μια πιο ποικιλόμορφη περιοχή που άλλοι ίσως παραβλέπουν. Μια πλατφόρμα που είναι εύχρηστη ελαττώνει το αριθμό των ανθρώπων που την αποχωρούν. Βελτιώνει τη συμμετοχή και ισχυροποιεί τη εικόνα της μάρκας μας ως προοδευτικής και ανοιχτής. Στον συναγωνισμό των ηλεκτρονικά καζίνο, πολυάριθμες ιστότοποι έχουν παρόμοια προϊόντα. Η διαφορά εντοπίζεται πολλές φορές στις μικρές λεπτομέρειες και στην στάθμη της χρηστικότητας. Η επικέντρωση μας σε τεχνικά στοιχεία όπως τα focus states είναι ένα σημάδι για τους χρήστες. Λέει ότι τιμά τον χρονικό διάστημα τους, την ευκολία τους και το προνόμιο τους στην προσβασιμότητα. Αυτό οικοδομεί πίστη. Και η πίστη είναι η θεμέλιο για μακροχρόνια αφοσίωση.
Μια Στρατηγική για Μόνιμη Αειφορία
Η επένδυσή μας στην πρόσβαση είναι και πλάνο για το μέλλουσες ανάγκες. Οι νόμοι για την διαδικτυακή προσβασιμότητα καθίστανται συνεχώς πιο αυστηροί παγκοσμίως. Με το να είμαστε μπροστά τώρα, ασφαλίζουμε το σύστημά μας από μελλοντικά ποινές ή δικαστικές προκλήσεις. Συγχρόνως, χτίζουμε μια σύστημα που απευθύνεται σε ένα μεγαλύτερο, πιο διαφορετικό ακροατήριο. Αυτό δεν είναι επωφελές μόνο για την αρχές. Αποτελεί καλό για τη σταθερότητα της εταιρείας. Εξασφαλίζει ότι το Pistolo Casino μ
Τι Είναι τα Focus States και Γιατί Είναι εξαιρετικά κρίσιμα
Φανταστείτε να μπαίνετε σε μια ιστοσελίδα δίχως ποντίκι. Μεταχειρίζεστε μόνο το πλήκτρο Tab για να μεταπηδάτε από σύνδεσμο σε σύνδεσμο, από κουμπί σε πεδίο φόρμας. Πώς θα αντιλαμβανόσουν πού βρίσκεσαι κάθε στιγμή; Εδώ παρεμβαίνουν τα focus states. Αποτελούν τους οπτικούς δείκτες – ίσως ένα περίγραμμα, μια ξεχωριστή απόχρωση στο φόντο, μια ελαφριά σκίαση – που τονίζουν το στοιχείο που βρίσκεται σε εστίαση τώρα. Χωρίς αυτά, η πλοήγηση με πληκτρολόγιο παραπέμπει σε προσπάθεια ανάγνωσης ενός βιβλίου χωρίς να αντιλαμβάνεσαι ποια γραμμή επεξεργάζεσαι. Για χρήστες με κινητικές δυσκολίες, για αυτούς που επιλέγουν την ταχύτητα του πληκτρολογίου, ή για αυτούς που βασίζονται σε λογισμικό ανάγνωσης οθόνης, αυτές οι σημάνσεις είναι θεμελιώδους σημασίας. Στο Pistolo Casino, δεν τα αντιμετωπίζουμε ως κάτι επιπλέον. Αποτελούν μέρος της θεμελίωσης μας, σχεδιασμένο να είναι καθαρά ορατό, να αρμόζει οπτικά και να δουλεύει αξιόπιστα σε κάθε πάτημα.
Η Τεχνική Εφαρμογή Που κρύβεται πίσω από τη Ευκρίνεια
Για να υλοποιήσεις καλά focus states, Casino Pistolo, δεν επαρκεί η CSS. Θέλει κατανόηση του πώς τα διάφορα προγράμματα περιήγησης και οι συμπληρωματικές τεχνολογίες χειρίζονται την εστίαση. Στη δική μας περίπτωση χρησιμοποιούμε τον CSS selector `:focus-visible`. Αυτός βοηθά να διακρίνουμε αν η εστίαση ήρθε από πληκτρολόγιο ή από ποντίκι. Κατά συνέπεια, τα οπτικά μας σημάδια γίνονται ορατά μόνο όταν έχει νόημα. Το περίγραμμά μας έχει αρκετή αντιπαραβολή χρώματος με το φόντο, έχει το ενδεδειγμένο πάχος και απαλές γωνίες. Θέλουμε να είναι καθαρά ορατό, όχι ενοχλητικό. Μεριμνούμε επίσης η σειρά εστίασης (η σειρά με το Tab) να έχει νόημα. Αντιστοιχεί στη ροή της σελίδας και δεν έχει παγίδες που να εγκλωβίζουν τον χρήστη. Κάθε κουμπί “Παίξε Τώρα”, κάθε σύνδεσμος στο μενού, κάθε πεδίο στο chat, όλα έχουν ελεγχθεί και ρυθμιστεί για αυτόν τον τρόπο πλοήγησης.