Share via

Доступные цвета для приложений на основе холста

  • Статья

Используемые в приложении на основе холста цвета должны восприниматься пользователями с цветовой слепотой и (или) слабым зрением. Все темы Power Apps поддерживают специальные возможности по умолчанию. Если вы решите изменить цвета в приложении, соблюдайте эти рекомендации, чтобы обеспечить восприятие цветов. В Интернете можно найти ряд инструментов для выявления проблем с контрастностью цветов.

Минимальная контрастность текста

  • Контрастность между текстом и фоном должна составлять не менее 4,5:1.
  • Для крупного текста следует соблюдать контрастность не менее 3:1.
  • К выключенному тексту не применяются требования по контрастности.

На практике это означает, что все интерактивные элементы управления должны иметь достаточную контрастность между следующими значениями:

Минимальная контрастность для нетекстовых элементов

  • Нетекстовые компоненты, такие как значки и границы, должны иметь коэффициент контрастности не менее 3:1 с цветами вне их.
  • Отключенные и декоративные элементы не имеют требований к контрастности.

Компоненты пользовательского интерфейса

Все интерактивные элементы управления должны иметь достаточную контрастность между следующими значениями:

  • FocusedBorderColor и цвета за пределами элемента управления

Дополнительные требования по контрастности цветов применяются для тех элементов управления, у которых вся занимаемая область является интерактивной или информативной. К ним относятся, например, Кнопка и Значок, используемый в качестве кнопки. Эти требования нужны для того, чтобы элемент управления имел четкие границы и пользователь хорошо понимал, в какой зоне его можно щелкнуть или коснуться.

Если такой элемент управления имеет границу, нужно обеспечить достаточную контрастность между следующими значениями:

  • BorderColor и цвет за пределами элемента управления
  • PressedBorderColor и цвет за пределами элемента управления
  • HoverBorderColor и цвет за пределами элемента управления

Если граница не используется, нужно обеспечить достаточную контрастность между следующими значениями:

  • Fill и цвет за пределами элемента управления
  • PressedFill и цвет за пределами элемента управления
  • HoverFill и цвет за пределами элемента управления

Графические объекты

Если изображение содержит важные сведения, мы рекомендуем применить к нему требования к контрастности. Это относится к элементам управления, которые могут отображать изображения: Аудио, Изображение, Микрофон или Видео.

Также мы рекомендуем проверить контрастность для видео. Вместо этого или в дополнение к этому можно также предоставить скрытые субтитры с описанием видео.

Предоставление других визуальных подсказок

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

Чтобы передать такие сообщения, можно использовать дополнительные подсказки, например значки, или стили текста, такие как курсив и подчеркивание.

Дальнейшие шаги

Отображение или скрытие контента от вспомогательных технологий для приложений на основе холста

См. также