Поделиться через

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

Цвета, используемые в приложении, использующем холст, должны быть доступны для пользователей с цветовой слепотой и слабовидящих. Все темы Power Apps доступны по умолчанию. При изменении цветов, используемых в приложении, следуйте этим рекомендациям, чтобы убедиться, что они остаются доступными. Существует несколько средств, доступных в Интернете, которые помогут вам определить проблемы с контрастностью цвета.

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

  • Текст и его фон должны иметь соотношение контрастности не менее 4,5:1
  • Большой текст должен иметь коэффициент контрастности не менее 3:1
  • Отключенный текст не имеет требований к контрастности

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

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

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

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

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

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

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

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

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

Если границы нет, между ними должна быть достаточная контрастность цвета:

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

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

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

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

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

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

Дополнительные подсказки, такие как значок или стили, такие как курсив и подчеркивание, могут помочь передать смысл.

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

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

См. также

  • Last updated on