# Έλεγχος αντίθεσης χρωμάτων

Ελέγξτε την αντίθεση μεταξύ ενός χρώματος κειμένου και ενός χρώματος φόντου σύμφωνα με τα WCAG 2 και το APCA. Το εργαλείο υπολογίζει τον λόγο αντίθεσης WCAG 2 από τη σχετική φωτεινότητα, αναφέρει επιτυχία ή αποτυχία για τα επίπεδα AA και AAA για κανονικό και μεγάλο κείμενο και για τα γραφικά UI, και προσθέτει την τιμή αντίθεσης φωτεινότητας APCA μαζί με οδηγίες για τη χρήση της. Δημιουργήθηκε για σχεδιαστές και προγραμματιστές που κατασκευάζουν προσβάσιμες διεπαφές.

## Συχνές ερωτήσεις

### Τι σημαίνουν τα επίπεδα WCAG;

Το επίπεδο AA απαιτεί 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο (κριτήριο επιτυχίας 1.4.3)· το επίπεδο AAA απαιτεί 7:1 και 4.5:1 (1.4.6). Τα στοιχεία διεπαφής χρήστη και τα ουσιαστικά γραφικά χρειάζονται 3:1 σε σχέση με τα γειτονικά χρώματα (1.4.11). Το εργαλείο αναφέρει επιτυχία ή αποτυχία για καθένα από αυτά τα πέντε όρια.

### Τι θεωρείται μεγάλο κείμενο;

Τα WCAG ορίζουν ως μεγάλο κείμενο το κείμενο μεγέθους τουλάχιστον 18 στιγμών σε κανονική γραφή, περίπου 24 CSS pixel, ή τουλάχιστον 14 στιγμών σε έντονη γραφή, περίπου 18.66 CSS pixel. Οτιδήποτε μικρότερο θεωρείται κανονικό κείμενο και χρειάζεται υψηλότερο λόγο αντίθεσης.

### Γιατί ένας λόγος 4.499:1 αποτυγχάνει στο AA;

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

### Τι είναι το APCA;

Ο Αλγόριθμος Αντιληπτικής Αντίθεσης για Προσβασιμότητα είναι η μέθοδος αντίθεσης που αναπτύχθηκε για τα προσχέδια WCAG 3. Μοντελοποιεί την αντιληπτή αντίθεση φωτεινότητας, αντιμετωπίζει διαφορετικά το κείμενο και το φόντο και επιστρέφει μια τιμή αντίθεσης φωτεινότητας, Lc, από περίπου -108 έως 106. Δεν αποτελεί ακόμη μέρος κανενός δημοσιευμένου προτύπου WCAG, επομένως χρησιμοποιήστε τα αποτελέσματα WCAG 2 για τη συμμόρφωση και το APCA ως πρόσθετο έλεγχο.

### Γιατί η τιμή APCA είναι μερικές φορές αρνητική;

Το APCA λαμβάνει υπόψη την πολικότητα: οι θετικές τιμές σημαίνουν σκούρο κείμενο σε ανοιχτό φόντο, ενώ οι αρνητικές τιμές σημαίνουν ανοιχτό κείμενο σε σκούρο φόντο. Οι οδηγίες χρησιμοποιούν την απόλυτη τιμή, επομένως τα Lc -75 και Lc 75 ανήκουν στην ίδια βαθμίδα.

### Πώς επιλέγονται οι βαθμίδες οδηγιών APCA;

Ακολουθούν την απλή λειτουργία bronze του APCA: το Lc 90 προτιμάται για κυρίως κείμενο, το Lc 75 είναι το ελάχιστο για κυρίως κείμενο, το Lc 60 για άλλο κείμενο περιεχομένου, το Lc 45 για επικεφαλίδες και μεγάλο κείμενο, το Lc 30 για κείμενο που διαβάζεται αποσπασματικά, όπως τα κείμενα υπόδειξης, και το Lc 15 για μη κειμενικά στοιχεία. Το μέγεθος και το πάχος της γραμματοσειράς εξακολουθούν να έχουν σημασία, επομένως αντιμετωπίστε τις βαθμίδες ως σημεία εκκίνησης και όχι ως οριστική κρίση.

### Ποια έκδοση APCA υλοποιείται;

Οι σταθερές APCA-W3 της έκδοσης 0.0.98 G, αναθεώρηση 4g, με τον απλό εκθέτη 2.4 στα κανάλια sRGB, το ήπιο όριο μαύρου και την αποκοπή χαμηλής αντίθεσης. Το μαύρο κείμενο σε λευκό φόντο δίνει περίπου Lc 106.0 και το λευκό κείμενο σε μαύρο φόντο περίπου Lc -107.9, σύμφωνα με την υλοποίηση αναφοράς.

### Ποιες μορφές χρωμάτων μπορώ να εισαγάγω;

Γίνονται δεκτοί δεκαεξαδικοί κωδικοί με ή χωρίς #, CSS ονόματα χρωμάτων, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() χρωματικοί χώροι όπως το display-p3 και cmyk(). Τα χρώματα εκτός sRGB μετατρέπονται πρώτα σε sRGB, επειδή και οι δύο τύποι ορίζονται για χρώματα οθόνης sRGB.

### Πώς αντιμετωπίζονται τα διαφανή χρώματα;

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

### Έχει σημασία η σειρά των δύο χρωμάτων;

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

Η διαφήμισή σας εδώ;

[Στείλτε μας email](mailto:hi@dennn.is?subject=%CE%94%CE%B9%CE%B1%CF%86%CE%AE%CE%BC%CE%B9%CF%83%CE%B7%20%CF%83%CF%84%CE%BF%20OneClick%20Pro)

[Διαφήμιση Η σουίτα πρόσθετων έτοιμη για πράκτορες του WordPress.](https://sleekwp.com/?ref=oneclickpro)