Nota
O acesso a esta página requer autorização. Podes tentar iniciar sessão ou mudar de diretório.
O acesso a esta página requer autorização. Podes tentar mudar de diretório.
Você pode projetar e criar aplicações canvas acessíveis com controlos incorporados. Às vezes, a combinação de design de aplicativo, uso de vários controles e as propriedades de controle configuradas pode resultar em um aplicativo para ter uma interface de usuário inacessível.
Neste artigo, irás aprender sobre estas limitações de acessibilidade em canvas apps e como melhorar a interface da aplicação para a tornar mais acessível.
Diálogos e sobreposições
Não há suporte para caixas de diálogo e interfaces de usuário que aparecem sobre outros conteúdos. Essas sobreposições exigem gerenciamento de foco, ocultação de conteúdo em segundo plano dos leitores de tela e funções de controle apropriadas.
Considere o seguinte:
- Use telas separadas para cada "caixa de diálogo".
- Use a função Notificar .
- Crie um componente de código que implemente uma caixa de diálogo acessível.
Interfaces com separadores
Uma interface com guias é composta por uma lista de guias e um painel que mostra o conteúdo associado à guia selecionada.
O único controlo incorporado que suporta interfaces com separadores é Lista de separadores. Evite utilizar Galerias para criar separadores. A lista de separadores deve ser navegável com teclas de seta. São necessárias funções e estados de controlo adequados.
Considere o seguinte:
- Utilize a lista de guias interna.
- Crie um componente de código que implemente uma interface com abas acessível.
Tabelas personalizadas
O único controle interno que suporta dados bidimensionais é a Tabela de Dados. Evite usar Galerias para apresentar dados em linhas e colunas. As linhas e colunas têm de ser anotadas para que os utilizadores do leitor de ecrã possam compreender a sua estrutura e navegar nas células.
Considere o seguinte:
- Utilize a Tabela de Dados incorporada.
- Apresente os dados em uma direção apenas com uma Galeria.
- Crie um componente de código que implemente uma tabela acessível.
Caixas de combinação personalizadas
É possível emular uma caixa de combinação combinando uma entrada de texto e uma galeria. No entanto, as caixas de combinação montadas a partir de controlos incorporados não são acessíveis. As caixas de combinação devem manipular as teclas de seta e definir funções e estados apropriados em seus componentes.
Considere o seguinte:
- Utilize a caixa de combinação ou a Lista pendente incorporadas.
- Crie um componente de código que implemente uma caixa de combinação acessível.
Conteúdo rolável
Os usuários de teclado não podem rolar Formulários, Telas roláveis e Contêineres se não houver controles interativos dentro deles.
Para Galerias sem conteúdo interativo, você pode definir TabIndex na própria Galeria para que os usuários do teclado possam se concentrar nela e usar as teclas de seta para rolá-la.
Para Etiquetas, definir TabIndex irá torná-las focadas para rolagem do teclado. No entanto, também os transformará em botões. Não torne as etiquetas roláveis se não forem feitas para serem botões. Verifique se o rótulo é grande o suficiente para caber no texto. A propriedade AutoHeight pode ser usada para ajustar automaticamente o tamanho do controle quando ele estiver dentro de um Formulário, Tela rolável ou Galeria.
Secções expansíveis
As seções expansíveis, também conhecidas como divulgações, contêm conteúdo que fica oculto até que o usuário pressione um botão. Não há suporte interno para esses elementos, mas há uma solução alternativa.
Mencione o estado expandido no AccessibleLabel do botão. Por exemplo, "Mostrar mais detalhes. Fechado.”.
Atualize o AccessibleLabel quando o estado expandido mudar. Posicione o conteúdo expandido imediatamente após o botão para que os usuários do leitor de tela possam navegar logicamente até ele. Empurre outros conteúdos para baixo quando a secção se expandir.
Pontos de referência
Você pode criar títulos com controles Label . Navegação, banner e outros pontos de referência não são suportados. O Power Apps define automaticamente o ponto de referência principal para a tela do aplicativo.
Para outros marcos, use um título como uma solução alternativa.
Funções e estados personalizados
Não há suporte interno para funções e estados personalizados. Por isso, não é recomendado criar caixas de verificação compostas, diapositivos e comutadores a partir de controlos incorporados.
Considere o seguinte:
- Mencione a função e o estado do controle em seu AccessibleLabel. Por exemplo, se um ícone for usado como uma caixa de seleção, seu rótulo poderá ser "Ativar notificações. Caixa de seleção. Verificado.".
- Crie um componente de código que defina WAI-ARIA funções e estados conforme apropriado.
Manuseamento personalizado do teclado
Não é possível reagir a pressionamentos de teclas específicos. Por exemplo, você não pode ter um comportamento personalizado para as teclas de seta ou a tecla Escape. Por conseguinte, não é possível compor controlos semelhantes a listas, como botões de opções a partir de controlos incorporados. Também não é possível criar sobreposições que possam ser descartadas com a tecla Escape.
A manipulação de teclas Enter ou Space é suportada com o OnSelect. No entanto, essa propriedade também é acionada por outros métodos de entrada, como cliques do mouse. Não há como distinguir a origem do evento.
Gestão do foco
A função SetFocus pode ser usada para alterar o foco, mas só funciona em cenários limitados.
Não é possível detetar quando os controles recebem ou perdem o foco.
Ocultar conteúdo apenas de utilizadores de leitores de ecrã
Não existe um equivalente ocultado pelo aria para mostrar conteúdo aos utilizadores avistados, mas ocultá-lo para os utilizadores do leitor de ecrã. Apenas alguns cenários são suportados.
Próximos passos
Propriedades de acessibilidade