Site search
Language
Δοκιμάστε τα εργαλεία SEO
Site search hamburger-menu icon
Επιλογή γλώσσας
English
Čeština
Dansk
Deutsch
Eestlane
Español
Français
Hrvatski
Indonesia
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Türkçe
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Έλεγχος αντίθεσης

Έλεγχος αντίθεσης χρωμάτων WCAG για τον υπολογισμό του λόγου αντίθεσης κειμένου.

Χρώμα προσκηνίου

Εισαγάγετε ένα έγκυρο δεκαεξαδικό τριπλό , ή χρησιμοποιήστε τον επιλογέα χρωμάτων.

Χρώμα φόντου

Εισαγάγετε ένα έγκυρο δεκαεξαδικό τριπλό , ή χρησιμοποιήστε τον επιλογέα χρωμάτων.

Λόγος αντίθεσης 21:1

Κανονικό κείμενο

WCAG AA: Pass

WCAG AAA: Pass

Παράδειγμα κανονικού κειμένου - 16px

Μεγάλο κείμενο

WCAG AA: Pass

WCAG AAA: Pass

Παράδειγμα μεγάλου κειμένου 18pt/24px

Γραφικά αντικείμενα και στοιχεία περιβάλλοντος εργασίας χρήστη

WCAG AA:  Pass

image/svg+xml
  • Υπολογισμός λόγου αντίθεσης για κανονικό μέγεθος κειμένου.
  • Υπολογισμός λόγου αντίθεσης για μεγάλο μέγεθος κειμένου.
  • Υπολογισμός λόγου αντίθεσης για στοιχεία περιβάλλοντος εργασίας χρήστη.
  • Επιλογή χρώματος από τον επιλογέα χρωμάτων
  • Ρύθμιση φωτεινότητας χρώματος

Πώς να χρησιμοποιήσετε τον Έλεγχο αντίθεσης

  • Επιλογή χρώματος φόντου
  • Επιλογή χρώματος προσκηνίου
  • Προσαρμογή φωτεινότητας εάν χρειάζεται
  • Έλεγχος ελέγχου για κανονικό και μεγάλο κείμενο

ΣΥΧΝΈΣ ΕΡΩΤΉΣΕΙΣ

Πώς λειτουργεί ο έλεγχος αντίθεσης;

Πρέπει να αξιολογήσετε το χρώμα του κειμένου και του φόντου. Σύμφωνα με τις οδηγίες του WCAG 2.1, αυτά είναι: Μεγάλο κείμενο - Το κείμενο με ελάχιστο μέγεθος 18px απαιτεί λόγο αντίθεσης 3:1. Μικρό κείμενο - Το κείμενο με μέγεθος μικρότερο από 18px απαιτεί λόγο αντίθεσης 4. 5:1.

Γιατί θα πρέπει η ιστοσελίδα μου να έχει επαρκή χρωματική αντίθεση;

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

Τι σημαίνει η προσβασιμότητα της ιστοσελίδας;

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

Πρέπει οι εικόνες και τα βίντεο να συμμορφώνονται με τις απαιτήσεις χρωματικής αντίθεσης WCAG;

Ορισμένα στοιχεία γραφικών και διεπαφών απαιτούν λόγο αντίθεσης τουλάχιστον 3:1. Ωστόσο, αυτό δεν περιλαμβάνει λογότυπα, διακοσμητικές εικόνες ή γενικά αρχεία πολυμέσων.

© Smallize Pty Ltd 2022-2024. All Rights Reserved.