Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Você pode projetar e criar aplicativos de tela acessíveis com controles integrados. À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, você aprenderá sobre essas limitações de acessibilidade em aplicativos de canvas e como aprimorar a interface do aplicativo em termos de acessibilidade, tornando-a mais acessível.
Diálogos e sobreposições
Não há suporte para caixas de diálogo e interfaces do usuário que aparecem sobre outros conteúdos. Essas sobreposições exigem gerenciamento de foco, ocultação de conteúdo em segundo plano de 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 Notify .
- Crie um componente de código que implemente uma caixa de diálogo acessível.
Interfaces com guias
Uma interface com guias é composta por uma lista de guias e um painel que mostra o conteúdo associado à guia selecionada.
O único controle nativo que dá suporte a interfaces com guias é o Tab list. Evite usar Galerias para criar guias. A lista de guias deve ser navegável com teclas de seta. Funções e estados de controle apropriados são necessários.
Considere o seguinte:
- Use a Lista de guias integrada.
- Crie um componente de código que implemente uma interface com abas acessíveis.
Tabelas personalizadas
O único controle interno que dá suporte a dados bidimensionais é a Tabela de Dados. Evite usar Galerias para apresentar dados em linhas e colunas. Linhas e colunas precisam ser anotadas para que os usuários do leitor de tela possam entender sua estrutura e navegar pelas células.
Considere o seguinte:
- Use a tabela de dados incorporada.
- Apresente 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 controles embutidos não são acessíveis. As caixas de combinação devem tratar teclas de seta e definir funções e estados apropriados em componentes.
Considere o seguinte:
- Use a Caixa de combinação integrada ou Suspensa.
- 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 poderão 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 de teclado possam se concentrar nele e usar teclas de direção para rolar.
Para Rótulos, a configuração de TabIndex os tornará focalizáveis para rolagem de teclado. No entanto, ele também os transformará em botões. Não deixe os rótulos roláveis se eles não forem feitos para serem botões. Verifique se o Rótulo é grande o suficiente para ajustar o 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.
Seções expansíveis
Seções expansíveis, também conhecidas como divulgações, contêm conteúdo 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. Recolhido.".
Atualize o AccessibleLabel quando o estado expandido seja alterado. 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 seção for expandida.
Pontos de referência
Você pode criar títulos com controles Label. Não há suporte para navegação, banner e outros elementos. O Power Apps define automaticamente o ponto de referência principal para a tela do aplicativo.
Para outros pontos de referência, 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. Portanto, não é recomendável criar caixas de seleção compostas, controles deslizantes e interruptores a partir de controles internos.
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 "Habilitar notificações. Caixa de seleção. Marcada.".
- Crie um componente de código que define WAI-ARIA funções e estados conforme apropriado.
Manipulação personalizada de teclado
Não é possível reagir a pressionamentos de teclas específicos. Por exemplo, você não pode ter um comportamento personalizado para teclas de direção ou a tecla Escape. Portanto, não é possível compor controles semelhantes a listas, como botões de opção de controles integrados. Também não é possível criar sobreposições que podem ser descartadas com a chave escape.
O tratamento da tecla Enter ou Espaço é compatível com OnSelect. No entanto, essa propriedade também é disparada por outros métodos de entrada, como cliques do mouse. Não há como distinguir a origem do evento.
Gestão de foco
A função SetFocus pode ser usada para alterar o foco, mas só funciona em cenários limitados.
Não é possível detectar quando os controles recebem ou perdem o foco.
Ocultar conteúdo somente de usuários do leitor de tela
Não existe um equivalente a aria-hidden para mostrar conteúdo a usuários videntes, mas ocultá-lo de usuários de leitores de tela. Há suporte para apenas alguns cenários .
Próximas etapas
Propriedades de acessibilidade