Προσβάσιμα χρώματα για εφαρμογές καμβά

  • Άρθρο

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

Ελάχιστη αντίθεση για κείμενο

  • Το κείμενο και το φόντο του θα πρέπει να έχουν αναλογία αντίθεσης τουλάχιστον 4,5:1
  • Το μεγάλο κείμενο θα πρέπει να έχει αναλογία αντίθεσης τουλάχιστον 3:1
  • Το απενεργοποιημένο κείμενο δεν έχει απαιτήσεις αντίθεσης

Πρακτικά, όλα τα αλληλεπιδραστικά στοιχεία ελέγχου θα πρέπει να έχουν επαρκή χρωματική αντίθεση μεταξύ των εξής:

Ελάχιστη αντίθεση για στοιχεία εκτός κειμένου

  • Τα στοιχεία που δεν περιέχουν κείμενο, όπως εικονίδια και πλαίσια, πρέπει να έχουν ελάχιστο λόγο αντίθεσης 3:1 με τα χρώματα έξω από αυτά.
  • Τα απενεργοποιημένα στοιχεία και τα διακοσμητικά στοιχεία δεν έχουν απαιτήσεις αντίθεσης.

Στοιχεία περιβάλλοντος εργασίας χρήστη

Όλα τα αλληλεπιδραστικά στοιχεία ελέγχου θα πρέπει να διαθέτουν επαρκή χρωματική αντίθεση μεταξύ των εξής:

  • FocusedBorderColor και χρώμα εκτός του στοιχείου ελέγχου

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

Εάν υπάρχει περιθώριο για τα συγκεκριμένα στοιχεία ελέγχου, θα πρέπει να υπάρχει επαρκής χρωματική αντίθεση ανάμεσα στα εξής στοιχεία:

  • BorderColor και χρώμα εκτός του στοιχείου ελέγχου
  • PressedBorderColor και χρώμα εκτός του στοιχείου ελέγχου
  • HoverBorderColor και χρώμα εκτός του στοιχείου ελέγχου

Εάν δεν υπάρχει περιθώριο, θα πρέπει να υπάρχει επαρκής χρωματική αντίθεση ανάμεσα στα εξής στοιχεία:

  • Fill και χρώμα εκτός του στοιχείου ελέγχου
  • PressedFill και χρώμα εκτός του στοιχείου ελέγχου
  • HoverFill και χρώμα εκτός του στοιχείου ελέγχου

Αντικείμενα γραφικών

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

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

Παροχή άλλων οπτικών υποδείξεων

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

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

Επόμενα βήματα

Εμφάνιση ή απόκρυψη περιεχομένου από τεχνολογίες υποβοήθησης για εφαρμογές καμβά

Δείτε επίσης