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