Compartir a través de

Colores accesibles para aplicaciones de lienzo

  • Artículo

Los colores utilizados en una aplicación de lienzo deben ser accesibles para los usuarios daltónicos y con deficiencia visual. Todos los temas de Power Apps son accesibles de forma predeterminada. Si desea modificar los colores utilizados en una aplicación, siga estas instrucciones para asegurarse de que sean accesibles. Hay varias herramientas disponibles en línea que pueden ayudarle a identificar problemas de contraste de color.

Contraste mínimo para el texto

  • El texto y su fondo deben tener al menos una relación de contraste 4.5:1
  • El texto grande debe tener una relación de contraste de al menos 3:1
  • El texto deshabilitado no tiene ningún requisito de contraste

En términos prácticos, todos los controles interactivos deben tener el contraste de color adecuado entre:

Contraste mínimo para no texto

  • Los componentes que no son de texto, como los iconos y los bordes, deben tener una relación de contraste de al menos 3:1 con los colores fuera de ellos.
  • Los componentes decorativos y deshabilitados no tienen requisitos de contraste.

Componentes de interfaz de usuario

Todos los controles interactivos deben tener el contraste de color adecuado entre:

Es necesario realizar comprobaciones de contraste de color adicionales para los controles donde el área completa es interactiva o informativa. Por ejemplo, un Botón o un Icono que se utiliza como botón. Esto garantiza que los límites del control están claros y que los usuarios sabe dónde pueden hacer clic o pulsar.

Si hay un borde para tales controles, debería haber contraste de color adecuado entre:

Si no hay ningún borde, debería haber un contraste de color adecuado entre:

  • Fill y el color situado fuera del control
  • PressedFill y el color situado fuera del control
  • HoverFill y el color situado fuera del control

Objetos gráficos

Si una imagen transmite información importante, considere la posibilidad de comprobar los problemas de contraste. Esto se aplica a los controles en los que se puede mostrar una imagen: Audio, Imagen, Micrófono y Vídeo.

En el caso del contenido de vídeo, considere la comprobación de los problemas de contraste. De forma alternativa o adicional, proporcione subtítulos que describan el vídeo.

Provisión de otras indicaciones visuales

Asegúrese de que la aplicación no transmite información con solo color. Por ejemplo, los usuarios que no puedan distinguir el color rojo no serán capaces de diferenciar un mensaje de error rojo de un mensaje de éxito verde.

Indicaciones adicionales, como un Icono o estilos de texto, como cursiva y subrayado, pueden ayudar a transmitir el significado.

Pasos siguientes

Mostrar u ocultar contenido de tecnologías de asistencia en aplicaciones de lienzo

Consultar también