Спеціальні можливості, пов'язані з кольором, для програм на полотні

Кольори у компонованій програмі мають відповідати можливостям користувачів з дальтонізмом та слабким зором. Всі теми Power Apps за замовчуванням підтримують спеціальні можливості. При редагування кольорів, які програма використовує, дотримуйтеся зазначених нижче рекомендацій, щоб переконатися, що вони відповідають вимогам спец. можливостей. В Інтернеті доступно кілька засобів, які можуть допомогти визначити проблеми з контрастністю кольорів.

Мінімальний контраст тексту

  • Мінімальний рівень контрастності між текстом та тлом становить 4,5:1
  • Мінімальний рівень контрастності великого тексту становить 3:1
  • Відключений текст не має вимог контрастності

На практиці, всі інтерактивні елементи керування повинні мати достатній контраст між:

Мінімальний контраст нетекстових елементів

  • Не текстові компоненти, наприклад, піктограми та межі, повинні мати коефіцієнт контрастності принаймні 3:1 із кольорами поза ними.
  • Вимкнуті та оздоблювальні компоненти не мають вимог до контрастності.

Компоненти інтерфейсу користувача

Всі інтерактивні елементи керування повинні мати достатній контраст між:

  • Властивістю FocusedBorderColor та кольором за межами елемента керування;

Додаткові перевірки контрасту кольорів застосовуються для елементів керування я яких вся область інтерактивна або інформаційна. Наприклад, Кнопка або Піктограма, що використовується в якості кнопки. Це гарантує, що межі елемента керування чіткі і користувачі знають, де натискати або торкатися.

Якщо такі елементи керування мають рамку, слід дотримуватись достатньої контрастності між:

  • властивістю BorderColor та кольором за межами елемента керування;
  • властивістю PressedBorderColor та кольором за межами елемента керування;
  • властивістю HoverBorderColor та кольором за межами елемента керування.

Якщо такі елементи керування не мають рамки, слід дотримуватись достатньої контрастності між:

  • властивістю Fill та кольором за межами елемента керування;
  • властивістю PressedFill та кольором за межами елемента керування;
  • властивістю HoverFill та кольором за межами елемента керування.

Графічні об’єкти

Якщо зображення передає важливу інформацію, рекомендується перевірити його на предмет проблем з контрастністю. Це стосується елементів керування, в яких можна показувати зображення: Aудіо, Зображення, Мікрофон та Відео.

Рекомендується перевірити відеовміст на предмет проблем з контрастністю. Крім того, можна створити закриті субтитри, які описують відео.

Надання інших візуальних сигналів

Переконайтеся, що програма не передає інформацію лише кольором. Наприклад, користувачі з червоним-зеленим дальтонізмом не зможуть відрізнити червоне повідомлення про помилку від зеленого повідомлення про успішне виконання.

Додаткові сигнали, наприклад піктограми або стилі тексту, наприклад курсиву та підкреслювання можуть допомогти передати суть.

Наступні кроки

Показ або приховування вмісту від допоміжних технологій для компонованих програм

Статті за темою