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