Cores acessíveis para aplicações de tela
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