Compartilhar via

Desenvolvendo aplicativos inclusivos do Windows

Este artigo discute como desenvolver aplicativos acessíveis do Windows. Especificamente, ele pressupõe que você entenda como projetar a hierarquia lógica para seu aplicativo. Aprenda a desenvolver aplicativos acessíveis do Windows que incluem configurações de navegação, cor e contraste do teclado e suporte para tecnologias adaptativas.

Se você ainda não fez isso, comece lendo Projetando software inclusivo.

Há três coisas que você deve fazer para garantir que seu aplicativo esteja acessível:

  1. Exponha os elementos da interface do usuário para acesso programático .
  2. Verifique se seu aplicativo dá suporte à navegação por teclado para pessoas que não conseguem usar um mouse ou tela sensível ao toque.
  3. Certifique-se de que o aplicativo oferece suporte a configurações de cor e contraste acessíveis.

Acesso programático

O acesso programático é fundamental para criar acessibilidade em aplicativos. Isso é feito definindo o nome acessível (obrigatório) e a descrição (opcional) para conteúdo e elementos interativos da interface do usuário em seu aplicativo. Isso garante que os controles de interface do usuário sejam expostos à tecnologia adaptativa (AT), como leitores de tela (por exemplo, Narrador) ou dispositivos de saída alternativos (como exibições em Braille). Sem acesso programático, as APIs da tecnologia adaptativa não podem interpretar as informações corretamente, deixando o usuário incapaz de usar os produtos o suficiente ou forçando a AT a usar interfaces de programação não documentadas ou técnicas nunca destinadas a serem usadas como uma interface de acessibilidade. Quando os controles de interface do usuário são expostos à tecnologia adaptativa, a AT é capaz de determinar quais ações e opções estão disponíveis para o usuário.

Para obter mais informações sobre como disponibilizar elementos da interface do usuário do aplicativo para tecnologias adaptativas (AT), consulte Expor informações básicas de acessibilidade.

Navegação por teclado

Para usuários cegos ou com problemas de mobilidade, é extremamente importante navegar na interface do usuário com um teclado. No entanto, somente os controles de interface do usuário que exigem a interação do usuário com a função devem receber o foco do teclado. Componentes que não exigem uma ação, como imagens estáticas, não precisam do foco do teclado.

É importante lembrar que, ao contrário de navegar com um mouse ou toque, a navegação por teclado é linear. Ao considerar a navegação por teclado, pense em como seu usuário interagirá com seu produto e qual será a navegação lógica. Nas culturas ocidentais, as pessoas leem da esquerda para a direita, de cima para baixo. Portanto, é uma prática comum seguir esse padrão para navegação por teclado.

Ao projetar a navegação por teclado, examine a interface do usuário e pense nessas perguntas:

  • Como os controles são dispostos ou agrupados na interface do usuário?
  • Há alguns grupos significativos de controles?
    • Em caso afirmativo, esses grupos contêm outro nível de grupos?
  • Entre os controles pares, a navegação deve ser feita utilizando a tecla Tab ou por meio de navegação especial (como as setas do teclado) ou ambas?

O objetivo é ajudar o usuário a entender como a interface do usuário é estabelecida e identificar os controles que são acionáveis. Se você estiver descobrindo que há muitas paradas de tabulação antes que o usuário conclua o loop de navegação, considere agrupar controles relacionados. Alguns controles relacionados, como um controle híbrido, podem precisar ser resolvidos neste estágio inicial de exploração. Depois de começar a desenvolver seu produto, é difícil refazer a navegação do teclado, então planeje com cuidado e planeje antecipadamente!

Para saber mais sobre a navegação por teclado entre os elementos da interface do usuário, consulte a acessibilidade do teclado.

Além disso, o eBook Software de Engenharia para Acessibilidade tem um excelente capítulo sobre este assunto intitulado Desenhando a Hierarquia Lógica.

Cor e contraste

Um dos recursos de acessibilidade internos no Windows é o modo de Alto Contraste, que aumenta o contraste de cores de texto e imagens na tela do computador. Para algumas pessoas, aumentar o contraste das cores reduz a fadiga ocular e facilita a leitura. Ao verificar sua interface do usuário em alto contraste, você deseja verificar se os controles foram codificados de forma consistente e com cores do sistema (não com cores codificadas) para garantir que eles possam ver todos os controles na tela que um usuário que não usa alto contraste verá.

XAML

<Button Background="{ThemeResource ButtonBackgroundThemeBrush}">OK</Button>

Para obter mais informações sobre como usar cores e recursos do sistema, consulte os recursos de tema XAML.

Desde que você não tenha substituído as cores do sistema, um aplicativo UWP dá suporte a temas de alto contraste por padrão. Se um usuário tiver escolhido que deseja que o sistema use um tema de alto contraste das configurações do sistema ou das ferramentas de acessibilidade, a estrutura usará automaticamente cores e configurações de estilo que produzem um layout de alto contraste e renderização para controles e componentes na interface do usuário.

Para obter mais informações, consulte temas de alto contraste .

Se você decidiu usar seu próprio tema de cores em vez de cores do sistema, considere estas diretrizes:

razão de contraste de cores – a Seção 508 atualizada da Lei dos Americanos com Deficiências, assim como outras legislações, exige que os contrastes de cores padrão entre o texto e seu fundo sejam de 5:1. Para texto grande (tamanhos de fonte de 18 pontos ou 14 pontos e em negrito), o contraste padrão necessário é 3:1.

Combinações de cores – Cerca de 7% dos homens (e menos de 1% das fêmeas) têm alguma forma de deficiência de cor. Os usuários com daltônicos têm problemas para distinguir entre determinadas cores, portanto, é importante que a cor por si só nunca seja usada para transmitir status ou significado em um aplicativo. Quanto às imagens decorativas (como ícones ou planos de fundo), as combinações de cores devem ser escolhidas de uma maneira que maximize a percepção da imagem por usuários daltônicos.

Lista de verificação de acessibilidade

Veja a seguir uma versão abreviada da lista de verificação de acessibilidade:

  1. Defina o nome acessível (obrigatório) e a descrição (opcional) para conteúdo e elementos interativos da interface do usuário em seu aplicativo.
  2. Implemente a acessibilidade do teclado.
  3. Verifique visualmente sua interface do usuário para garantir que o contraste de texto seja adequado, os elementos sejam renderizados corretamente nos temas de alto contraste e as cores sejam usadas corretamente.
  4. Execute ferramentas de acessibilidade, resolva problemas relatados e verifique a experiência de leitura da tela. (Consulte o tópico de teste de acessibilidade.)
  5. Verifique se as configurações do manifesto do aplicativo seguem as diretrizes de acessibilidade.
  6. Declare seu aplicativo como acessível na Microsoft Store. (Consulte o tópico Acessibilidade na loja.)

Para obter mais detalhes, consulte o tópico completo da lista de verificação de acessibilidade .

  • Last updated on