Στο Pistolo Casino, πιστεύουμε ότι μια καλή εμπειρία παιχνιδιού πρέπει να ανοίγει σε όλους ppistolo.com. Αυτός ο σκοπός μας παρακινεί να κοιτάξουμε πέρα από την ελκυστική εμφάνιση και τη μεγάλη συλλογή παιχνιδιών. Μπαίνουμε στην τεχνική υλοποίηση και στη συμπεριφορά της ίδιας της ιστοσελίδας. Υπάρχει μια ενότητα που είναι πολύ ουσιώδης αλλά συχνά την παραβλέπουν: η ενίσχυση για χρήστες που πλοηγούνται μόνο με πληκτρολόγιο και βοηθητικές τεχνολογίες. Η ορθή εφαρμογή των “focus states” – εκείνων των οπτικών σημάνσεων που προσδιορίζουν ποιο κουμπί ή σύνδεσμο έχει την επιλογή του συστήματος – δεν είναι ένα μικρό τεχνικό θέμα. Είναι θεμελιώδης προϋπόθεση για προσβασιμότητα, ένα ένδειξη σεβασμού προς τον παίκτη, και μια έξυπνη στρατηγική. Όταν τελειοποιείς την εμπειρία για όλους, μεγιστοποιείς τη συλλογική ικανοποίηση και την εμπιστοσύνη. Σε αυτό το κείμενο, παρατηρούμε πώς αυτή η επιμελής δουλειά μας δίνει πραγματικά κέρδη.
Με ποιον τρόπο τα Focus States Ενδυναμώνουν την Προσβασιμότητα (A11y)
Η προσβασιμότητα (που συντομευμένα λέγεται A11y) δεν θεωρείται υπόθεση για λίγους. Είναι η πρακτική του να κατασκευάζεις ιστοσελίδες που αποδίδουν για όλους, χωρίς να εξαρτάται από τις δεξιότητές τους ή τη συσκευή που αξιοποιούν. Τα επιμελημένα σχεδιασμένα focus states θεωρούνται ένα από τα θεμελιώδη της διαδικασίας αυτής. Βοηθούν κατευθείαν ανθρώπους με προβλήματα όρασης που μεταχειρίζονται πληκτρολόγιο και λογισμικό μεγέθυνσης. Βοηθούν και εκείνους που δυσκολεύονται να χρησιμοποιήσουν ένα ακριβές ποντίκι. Τα πλεονεκτήματα όμως επεκτείνονται και σε άλλα σημεία. Ένας χρήστης με προσωρινό τραύμα στο χέρι, κάποιος σε κινητό με κακή οθόνη αφής, ή ακόμη και ένας προγραμματιστής που προτιμά την ταχύτητα του πληκτρολογίου, όλοι επωφελούνται. Στο 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) προς κάθε χρήστη
Ίσως θεωρείτε πως η βελτίωση για πληκτρολόγηση βοηθούν αποκλειστικά μικρό αριθμό χρηστών. Στην πραγματικότητα, όταν βελτιώνετε την εμπειρία του χρήστη για μια ομάδα, συχνά τη βελτιώνεις και για τους πάντες. Ένας ιστότοπος που έχει σωστή σειρά πληκτρολόγησης και σαφείς δείκτες είναι γενικά περισσότερο καλοοργανωμένη και πιο εύκολη στη χρήση στην πλοήγηση, ακόμα κι αν με ποντίκι. Φανταστείτε έναν χρήστη που γεμίζει τη φόρμα εγγραφής. Με καθαρά focus states, αντιλαμβάνεται αυτομάτως ποιο πεδίο πληκτρολογεί. Αυτό το γεγονός περιορίζει τα λάθη και το στρες. Ακόμα, έναν παίκτη που γυρεύει παιχνίδια (games). Η οπτική επισήμανση του αντικειμένου το οποίο είναι επιλεγμένο παρέχει αυτόματη ανατροφοδότηση. Ενδυναμώνει την αίσθηση ότι κυριαρχεί την κατάσταση. Στο Pistolo Casino, αυτή η προσοχή σε κάθε λεπτομέρεια δημιουργεί μια πιο ρέουσα, επαγγελματικής ποιότητας και αξιόπιστη ατμόσφαιρα. Είναι μια άνεση την οποία ίσως δεν αναφέρουν συχνά, εντούτοις προλαβαίνει την απογοήτευση και διατηρεί τον επισκέπτη αφοσιωμένο.
Παραδείγματα εκ της της Πλατφόρμας μας
Ας δούμε αληθινά δείγματα από pistolo.com. Πάνω στο βασικό μενού, αν χρησιμοποιείς Tab, το σημείο εστίασης μεταφέρεται με μια ξεκάθαρη χρωματική μπάρα ακριβώς κάτω από το επιλεγμένο στοιχείο. Κρατάει το ύφος του σχεδιασμού. Πάνω στα κουμπιά των games, το focus δημιουργεί ένα λεπτεπίλεπτο περιγράμμα που έχει υψηλή contrast και μια ήπια σκίαση. Προσφέρει την αίσθηση ότι το πλήκτρο είναι ‘ενεργό’ και έτοιμο προς χρήση. Σε φόρμες συμπλήρωσης, π.χ. η φόρμα υποστήριξης, το πεδίο εισαγωγής το οποίο είναι focused ξεχωρίζει με ένα διακριτικό χρωματισμό περιγράμματος (border). Ακόμη και τα μηνύματα σφάλματος έχουν focus states, για να τραβήξουν την αντιληψη του πληκτρολογίου αμέσως. Κανένα από αυτά δεν είναι τυχαίο. Πρόκειται για προϊόν ελέγχων και συνεχούς βελτιστοποίησης. Ο στόχος μας αποτελεί η ισορροπία μεταξύ μεταξύ ωραίας εμφάνισης και πλήρους λειτουργικότητας (functionality).
Ποια είναι τα Focus States και Γιατί Είναι τόσο βασικά
Σκεφτείτε να μπαίνετε σε μια ιστοσελίδα χωρίς ποντίκι. Μεταχειρίζεστε μόνο το πλήκτρο Tab για να μεταβαίνετε από σύνδεσμο σε σύνδεσμο, από κουμπί σε πεδίο φόρμας. Πώς θα γνώριζες πού είσαι κάθε στιγμή; Εδώ μπαίνουν τα focus states. Είναι τους οπτικούς δείκτες – ίσως ένα περίγραμμα, μια εναλλακτική απόχρωση στο φόντο, μια απαλή σκίαση – που επισημαίνουν το στοιχείο που είναι ενεργό τώρα. Απουσία αυτών, η πλοήγηση με πληκτρολόγιο θυμίζει σε απόπειρα ανάγνωσης ενός βιβλίου χωρίς να γνωρίζεις ποια γραμμή διαβάζεις. Για χρήστες με σωματικές δυσκολίες, για εκείνους που προκρίνουν την ταχύτητα του πληκτρολογίου, ή για όσους που στηρίζονται σε λογισμικό ανάγνωσης οθόνης, αυτές οι σημάνσεις είναι ζωτικής σημασίας. Στο Pistolo Casino, δεν τα αντιμετωπίζουμε ως κάτι περιττό. Συνιστούν μέρος της θεμελίωσης μας, κατασκευασμένο να είναι καθαρά ορατό, να εναρμονίζεται οπτικά και να λειτουργεί αξιόπιστα σε κάθε πάτημα.
Η Τεχνική Υλοποίηση Που κρύβεται πίσω από τη Σαφήνεια
Για να δημιουργήσεις καλά focus states, δεν φτάνει η CSS. Χρειάζεται κατανόηση του πώς τα διάφορα προγράμματα περιήγησης και οι υποστηρικτικές τεχνολογίες χειρίζονται την εστίαση. Στη δική μας περίπτωση χρησιμοποιούμε τον CSS selector `:focus-visible`. Αυτός συμβάλλει να διαφοροποιήσουμε αν η εστίαση ήρθε από πληκτρολόγιο ή από ποντίκι. Έτσι, τα οπτικά μας σημάδια εμφανίζονται μόνο όταν έχει ουσία. Το περίγραμμά μας έχει αρκετή αντίθεση χρώματος με το φόντο, έχει το ενδεδειγμένο πάχος και καμπύλες γωνίες. Στοχεύουμε να είναι εύκολα αντιληπτό, όχι εκνευριστικό. Φροντίζουμε επίσης η σειρά εστίασης (η σειρά με το Tab) να έχει νόημα. Αντιστοιχεί στη ροή της σελίδας και δεν έχει παγίδες που να κλειδώνουν τον χρήστη. Κάθε κουμπί “Παίξε Τώρα”, κάθε σύνδεσμος στο μενού, κάθε πεδίο στο chat, όλα έχουν ελεγχθεί και προσαρμοστεί για αυτόν τον τρόπο πλοήγησης.
Το Εταιρικό Κέρδος από τη Βελτιωμένη Προσπελασιμότητα
Ο πρωταρχικός λόγος που το κάνουμε είναι δεοντολογικός. Ωστόσο, παρουσιάζεται και ένα ξεκάθαρο επιχειρηματικό πλεονέκτημα. Βελτιώνοντας την προσπελασιμότητα και την αλληλεπίδραση με πληκτρολόγιο, προσεγγίζουμε σε επιπλέον δυνητικούς χρήστες. Επεκτεινόμαστε σε μια πιο ποικιλόμορφη αγορά που άλλοι πιθανώς παραβλέπουν. Μια σύστημα που έχει εύκολη χρήση μικραίνει το ποσοστό των χρηστών που την εγκαταλείπουν τη σελίδα. Ανυψώνει τη εμπλοκή και ενδυναμώνει τη φήμη της εταιρείας μας ως προοδευτικής και ανοιχτής. Στον ανταγωνισμό των ηλεκτρονικά καζίνο, αρκετές πλατφόρμες έχουν πανομοιότυπα παιχνίδια. Η διαφοροποίηση βρίσκεται πολλές φορές στις μικρές λεπτομέρειες και στην στάθμη της αλληλεπίδρασης. Η επικέντρωση μας σε τεχνικά στοιχεία όπως τα focus states είναι ένα ένδειξη για τους επισκέπτες. Δείχνει ότι τιμά τον ώρα τους, την ευκολία τους και το αξίωση τους στην είσοδο. Αυτό χτίζει εμπιστοσύνη. Και η εμπιστοσύνη είναι η θεμέλιο για μακροχρόνια πιστότητα.
Μια Πλάνο για Διαρκή Σταθερότητα
Η επένδυση μας στην πρόσβαση είναι και πλάνο για το επόμενη περίοδο. Οι κανονισμοί για την ηλεκτρονική προσπελασιμότητα καθίστανται συνεχόμενα στριχτότεροι παγκοσμίως. Με το να είμαστε μπροστά από την εποχή, προστατεύουμε τον εαυτό μας από μετέπειτα ποινές ή δικαστικές διαμάχες. Ταυτόχρονα, οικοδομούμε μια ιστότοπο που είναι κατάλληλη για ένα εκτενέστερο, πιο πολυποίκιλο χρήστες. Αυτό δεν είναι επωφελές μόνο για την αρχές. Αποτελεί θετικό για τη σταθερότητα της οργανισμού. Διασφαλίζει ότι το Pistolo Casino μ