Η σκοτεινή λειτουργία έχει γίνει το πρότυπο σχεδόν σε κάθε ιστότοπο και εφαρμογή. Οι χρήστες τη λατρεύουν, εξοικονομεί μπαταρία σε οθόνες OLED και μερικές φορές θεωρείται ακόμη και ως "πιο προσβάσιμη". Αλλά η μετάβαση σε μια παλέτα σκούρων χρωμάτων, εάν γίνει χωρίς προσεκτική σκέψη, μπορεί πραγματικά να βλάψει την προσβασιμότητα. Αυτό το άρθρο εξηγεί πώς να το κάνετε σωστά.
Συνοπτικά — τι καλύπτει αυτό το άρθρο
Όταν η σκοτεινή λειτουργία βοηθά την προσβασιμότητα
Για χρήστες με ευαισθησία στο φως (φωτοφοβία), ημικρανίες ή ψηφιακή καταπόνηση των ματιών, το σκούρο φόντο μπορεί να μειώσει σημαντικά την ταλαιπωρία κατά την εκτεταμένη χρήση, ειδικά σε σκοτεινό περιβάλλον. Ορισμένοι χρήστες με δυσλεξία αναφέρουν επίσης πιο άνετη ανάγνωση σε σκούρο φόντο.
Όταν πραγματικά πονάει
Από την άλλη πλευρά, για χρήστες με αστιγματισμό (μια συχνή διαταραχή όρασης), το ανοιχτό κείμενο σε σκούρο φόντο δημιουργεί ένα εφέ "halation" που κάνει τα γράμματα να φαίνονται θολά — μερικές φορές ένα ανοιχτό φόντο με σκούρο κείμενο είναι πραγματικά πιο άνετο για ανάγνωση. Το αποτέλεσμα: δεν υπάρχει μια ενιαία σωστή απάντηση για όλους, γι' αυτό η καλύτερη λύση είναι να αφήσετε τον χρήστη να επιλέξει και όχι να του επιβάλει μια λειτουργία.
💡 Ένα σημαντικό σημείο
Το πιο σημαντικό: μην βασίζεστε ποτέ αποκλειστικά στην αυτόματη ρύθμιση συστήματος («prefers-color-scheme») χωρίς να δίνετε στον χρήστη έναν τρόπο να μεταβεί χειροκίνητα στον ίδιο τον ιστότοπο — δεν θέλουν όλοι οι χρήστες των οποίων το σύστημα είναι σε σκοτεινή λειτουργία ο ιστότοπος να είναι σκοτεινός και το αντίστροφο.
Η αντίθεση στη σκοτεινή λειτουργία είναι διαφορετική από τη λειτουργία φωτός
Ένα συνηθισμένο λάθος: λήψη των ίδιων χρωμάτων κειμένου από τη φωτεινή λειτουργία και απλώς αναστροφή του φόντου σε σκούρο, χωρίς επανέλεγχο των αναλογιών αντίθεσης. Το καθαρό μαύρο (#000000) σε καθαρό λευκό δίνει μέγιστη αντίθεση 21:1 — αλλά το αντίστροφο, καθαρό λευκό σε καθαρό μαύρο, δημιουργεί ένα ιδιαίτερα ισχυρό αποτέλεσμα "halation" που κουράζει τα μάτια. Είναι καλύτερα να χρησιμοποιείτε σκούρο γκρι φόντο (για παράδειγμα #121212) αντί για καθαρό μαύρο και εκρού κείμενο (για παράδειγμα #e8e8e8) αντί για καθαρό λευκό — αυτό εξακολουθεί να πληροί τις απαιτήσεις αντίθεσης του WCAG (εξηγείται λεπτομερώς στον οδηγό μας για χρωματική αντίθεση), αλλά είναι σημαντικά πιο εύκολο για το μάτι.
Πρακτικοί εμπειρικοί κανόνες
- Ελέγξτε την αντίθεση ξεχωριστά σε κάθε λειτουργία — ανοιχτό και σκοτεινό — όχι μόνο μία φορά.
- Αποφύγετε ιδιαίτερα κορεσμένα χρώματα (έντονο κόκκινο ή μπλε) σε σκούρο φόντο — τείνουν να "δονούνται" οπτικά και να κάνουν την ανάγνωση πιο δύσκολη.
- Διατηρήστε μια χειροκίνητη εναλλαγή στον ιστότοπο, όχι μόνο στη ρύθμιση του συστήματος.
- Ελέγξτε εικόνες και λογότυπα σχεδιασμένο για ανοιχτό φόντο — μερικές φορές χρειάζονται ξεχωριστή έκδοση για σκοτεινή λειτουργία για να παραμένουν ευανάγνωστα.
Είναι και τα έγγραφά σας έτοιμα για σκοτεινή λειτουργία;
Πολλά αρχεία PDF σήμερα ανοίγουν στην προβολή σκοτεινής λειτουργίας των εφαρμογών ανάγνωσης — το εργαλείο μας ελέγχει ότι η αντίθεση κειμένου στα έγγραφά σας πληροί τα πρότυπα σε κάθε λειτουργία.
Σαρώστε τον ιστότοπό σας δωρεάν ←Μετά τη σάρωση, μπορείτε επίσης να κάνετε άμεσα και δωρεάν πρόσβαση στα έγγραφα που βρέθηκαν μέσω AccessiDoc.