Cores acessíveis para aplicações de tela

Artigo
03/15/2023

As cores utilizadas numa aplicação de tela devem estar acessíveis aos utilizadores daltónicos e de visão reduzida. Todos os temas do Power Apps estão acessíveis por predefinição. Quando modificar as cores utilizadas numa aplicação, siga estas orientações para garantir que permanecem acessíveis. Existem várias ferramentas disponíveis online que podem ajudá-lo a identificar problemas de contraste de cor.

Contraste mínimo do texto

O texto e o fundo têm de ter um rácio de contraste de 4.5:1, no mínimo
O texto grande tem de ter um rácio de contraste de 3:1, no mínimo
O texto desativado não tem requisitos de contraste

Em termos práticos, todos os controlos interativos têm de ter um contraste de cor adequado entre:

Contraste mínimo para objetos que não sejam de texto

Os componentes não texto, tais como os ícones e limites, devem ter uma relação de contraste de pelo menos 3:1 com as cores no exterior.
Os componentes desativado e decorativos não têm requisitos de contraste.

Componentes da interface de utilizador

Todos os controlos interativos têm de ter um contraste de cor adequado entre:

FocusedBorderColor e a cor fora do controlo

As verificações de contraste de cor adicionais aplicam-se a controlos em que a área completa é interativa ou informativa. Por exemplo, um Botão ou um Ícone utilizado como um botão. Tal garante que os limites do controlo são claros e os utilizadores sabem onde podem clicar ou tocar.

Se existir um limite para esses controlos, deverá existir um contraste de cor adequado entre:

BorderColor e a cor fora do controlo
PressedBorderColor e a cor fora do controlo
HoverBorderColor e a cor fora do controlo

Se não existir nenhum limite, deverá existir um contraste de cor adequado entre:

Preenchimento e a cor fora do controlo
PressedFill e a cor fora do controlo
HoverFill e a cor fora do controlo

Objetos gráficos

Se uma imagem transmitir informação importante, considere verificá-la quanto a problemas de contraste. Tal aplica-se a controlos em que uma imagem pode ser apresentada: Áudio, Imagem, Microfone e Vídeo.

Para conteúdos de vídeo, considere verificá-los quanto a problemas de contraste. Em alternativa ou adicionalmente, forneça legendas a descreverem o vídeo.

Fornecer outras ajudas visuais

Confirme que a aplicação não transmite informações com cor apenas. Por exemplo, os utilizadores com daltonismo de vermelho/verde não serão capazes de distinguir uma mensagem de erro vermelha de uma mensagem de êxito verde.

As ajudas adicionais, tais como um Ícone, ou os estilos de texto, tais como Itálico e Sublinhado, podem ajudar a transmitir significado.

Passos seguintes

Mostrar ou ocultar o conteúdo das tecnologias de apoio para aplicações de tela