Εργαλείο ελέγχου χρωματικής αντίθεσης

Γενικές πληροφορίες

Δεν είναι ασυνήθιστο οι χρήστες να παραπονιούνται ότι τα χρώματα μιας ιστοσελίδας είναι δύσκολο να διακριθούν. Αυτό δεν οφείλεται απαραίτητα σε προβλήματα όρασης. Ακόμη και οι δυσμενείς συνθήκες φωτισμού, για παράδειγμα το άμεσο ηλιακό φως στο smartphone ή η ανακλαστική οθόνη του φορητού υπολογιστή, καθιστούν την αναγνωσιμότητα εξαιρετικά δύσκολη.

Είναι επομένως σημαντικό οι σχεδιαστές να μην αναλαμβάνουν φυσικά ιδανικές καταστάσεις στη δουλειά τους: οι ίδιοι συνήθως δεν έχουν περιορισμούς και διαθέτουν εξοπλισμό τελευταίας τεχνολογίας. Η δουλειά των σχεδιαστών απαιτεί επίσης καλές συνθήκες φωτισμού.

Υπάρχει μια λύση με αυτό το Εργαλείο ελέγχου: Η αντίθεση μεταξύ των χρωμάτων προσκηνίου και φόντου υπολογίζεται με ακρίβεια από έναν τύπο που προέρχεται από τις Οδηγίες προσβασιμότητας περιεχομένου Ιστού (WCAG). Η συμμόρφωση με τα διαφορετικά επίπεδα WCAG υπολογίζεται αυτόματα. Η επιλογή χρωμάτων χωρίς εμπόδια είναι απαραίτητη για τη συμμετοχή ατόμων με προβλήματα όρασης.

Έτσι λειτουργεί το εργαλείο

Επιλέξτε τα χρώματα ενεργοποιώντας το αντίστοιχο πεδίο χρώματος. Το πεδίο προεπισκόπησης με κείμενα απεικονίζει τον συνδυασμό χρωμάτων. Η αξιολόγηση πραγματοποιείται αυτόματα μετά την επιλογή χρώματος.

Αναλογία αντίθεσης 1.2:1

  • ✅ Ικανοποιείται
    Για μεγάλες γραμματοσειρές ορίζει το WCAG 2.0 αναλογία αντίθεσης τουλάχιστον 3:1 στο Επίπεδο ΑΑ. [Βλέπε σημείο 1]
  • ✅ Ικανοποιείται
    Για μεγάλες γραμματοσειρές ορίζει το WCAG 2.0 στο επίπεδο AAA αναλογία αντίθεσης τουλάχιστον 4,5:1. [Βλέπε σημείο 1]
  • ✅ Ικανοποιείται
    Για γραμματοσειρές κανονικού μεγέθους ορίζει το WCAG 2.0 αναλογία αντίθεσης τουλάχιστον 4,5:1 στο επίπεδο AA. [Βλέπε σημείο 2]
  • ✅ Ικανοποιείται
    Για γραμματοσειρές κανονικού μεγέθους ορίζει το WCAG 2.0 αναλογία αντίθεσης τουλάχιστον 7:1 στο επίπεδο AAA. [Βλέπε σημείο 2]
  • ✅ Ικανοποιείται
    Για γραφικά αντικείμενα και μέρη της διεπαφής χρήστη ορίζει το WCAG 2.1 στο Επίπεδο AA αναλογία αντίθεσης τουλάχιστον 3:1. [Βλέπε σημείο 3]
  • Σημείο 1:
    Ο Δημήτρης ψάχνει σε εντελώς ερειπωμένο δάσος της Μακεδονίας για να βρει φλουριά και τελικά βρίσκει κουκιά.
  • Σημείο 2:
    – Ακόμα και η εύκολη εξάσκηση της κιθάρας βασανίζει το "Μέγα" Θωμά από τη Μακεδονία.
    – Δώδεκα παλαιστές κυνηγούν τον Θωμάκο κοντά σε ένα περίπτερο της Χαλκιδικής και ο καημένος χέστ…
  • Σημείο 3:
    ✓ ❤

Σημείωση

Το πρόγραμμα περιήγησης Google Chrome διαθέτει λειτουργία στο πεδίο χρώματος για το φιλτράρισμα χρωμάτων. Εάν τοποθετήσετε δύο παράθυρα προγράμματος περιήγησης το ένα δίπλα στο άλλο, μπορείτε να αντιγράψετε απευθείας τις τιμές χρωμάτων από την άλλη ανοιχτή ιστοσελίδα.

Τι άλλο πρέπει να εξετάσετε

Ακολουθώντας τις τάσεις σχεδιασμού, ορισμένοι ιστότοποι έχουν σχεδιαστεί για να είναι ιδιαίτερα αρμονικοί και «απαλοί». Στην πορεία, η αναγνωσιμότητα χάνεται – με πολλές αρνητικές συνέπειες. Μερικοί άνθρωποι έχουν μικρή ή καθόλου πρόσβαση στις πληροφορίες και η χρηστικότητα του ιστότοπου έχει ως αποτέλεσμα να μειώνεται. Στη χειρότερη περίπτωση, κάποιοι επισκέπτες φεύγουν σύντομα και το ποσοστό εγκατάλειψης των επισκεπτών εκτοξεύεται στα ύψη. Επίσης, η προσβασιμότητα είναι ένας σημαντικός οικονομικός παράγοντας.

Το ιδανικό είναι η μαύρη γραμματοσειρά σε λευκό φόντο ή το αντίστροφο αλλά δεν ισχύει σε κάθε περίπτωση. Όμως, ακόμη και με τα πιο αυστηρά κριτήρια WCAG, υπάρχουν ακόμα πολλά περιθώρια για έναν ατομικό και υπέροχο ιστότοπο.

Εκτός από τις αντιθέσεις που απαιτούνται για τη συμμόρφωση με το WCAG, υπάρχουν και άλλες συστάσεις. Κατά την επιλογή χρωμάτων χωρίς εμπόδια, πρέπει να λαμβάνεται υπόψη η έλλειψη χρωματικής όρασης. Υπολογίζεται ότι το 9% των ανδρών και το 0,5% των γυναικών επηρεάζονται από ανεπάρκεια κόκκινης-πράσινης όρασης. Αυτοί οι άνθρωποι δυσκολεύονται να διαχωρίσουν τα στοιχεία του κόκκινου και του πράσινου σχεδιασμού. Πολύ πιο σπάνια είναι η μπλε-κίτρινη ανεπάρκεια όρασης ή η πλήρης αχρωματοψία. Το σχεδιαστικό υλικό μπορεί να προσομοιωθεί με διαφορετικές ελλείψεις όρασης χρώματος.

Ακόμη και ο χρήστης χωρίς προβλήματα όρασης αντιδρά με ευαισθησία στις αντιθέσεις κόκκινου-πράσινου. Ακόμη και η φωτεινότητα των χρωμάτων μπορεί να προκαλέσει προβλήματα στη όραση. Συνολικά, οι συμπληρωματικές αντιθέσεις θα πρέπει να χρησιμοποιούνται με προσοχή, επειδή συχνά γίνονται αντιληπτές ως δυσάρεστες.