Partilhar via

Desenvolvendo aplicativos inclusivos do Windows

Este artigo descreve 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 navegação pelo teclado, configurações de cor e contraste e suporte para tecnologias assistenciais.

Se ainda não o fez, comece por ler Designing inclusive software.

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 a acesso programático.
  2. Certifique-se de que a sua aplicação suporta a navegação por teclado para pessoas que não conseguem utilizar um rato ou ecrã tátil.
  3. Certifique-se de que a sua aplicação suporta definições de cor acessíveis e de contraste.

Acesso programático

O acesso programático é fundamental para criar acessibilidade em aplicativos. Isso é conseguido definindo o nome acessível (obrigatório) e a descrição (opcional) para o conteúdo e os elementos interativos da interface do usuário em seu aplicativo. Isso garante que os controles da interface do usuário sejam expostos à tecnologia assistiva (AT), como leitores de tela (por exemplo, Narrador) ou dispositivos de saída alternativos (como monitores Braille). Sem acesso programático, as APIs para tecnologia assistiva não podem interpretar as informações corretamente, deixando o usuário incapaz de usar os produtos suficientemente, ou forçando o 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 da interface do usuário são expostos à tecnologia assistiva, o 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 tornar os elementos da interface do utilizador da aplicação disponíveis para tecnologias assistivas (AT), consulte Expor informações básicas de acessibilidade.

Navegação por teclado

Para usuários cegos ou com problemas de mobilidade, ser capaz de navegar na interface do usuário com um teclado é extremamente importante. No entanto, apenas os controles da interface do usuário que exigem interação do usuário para funcionar devem receber o foco do teclado. Os componentes que não exigem uma ação, como imagens estáticas, não precisam de foco do teclado.

É importante lembrar que, ao contrário de navegar com um mouse ou toque, a navegação pelo teclado é linear. Ao considerar a navegação pelo 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, prática comum seguir este padrão para a navegação pelo teclado.

Ao projetar a navegação pelo teclado, examine sua interface do usuário e pense nestas perguntas:

  • Como os controles são dispostos ou agrupados na interface do usuário?
  • Existem alguns grupos significativos de controlos?
    • Em caso afirmativo, esses grupos contêm outro nível de grupos?
  • Entre os controles entre pares, a navegação deve ser feita por tabulação, ou através de navegação especial (como teclas de seta), ou ambos?

O objetivo é ajudar o usuário a entender como a interface do usuário está disposta 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 os controles relacionados. Alguns controlos relacionados, como um controlo híbrido, poderão ter de ser abordados nesta fase inicial de exploração. Depois de começar a desenvolver o seu produto, é difícil retrabalhar a navegação do teclado, por isso planeie com cuidado e planeie cedo!

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

Além disso, o eBook Engineering Software for Accessibility tem um excelente capítulo sobre este assunto intitulado Designing the Logical Hierarchy.

Cor e contraste

Um dos recursos de acessibilidade integrados 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 nas 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 consistentemente 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 veria.

XAML

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

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

Contanto que você não tenha substituído as cores do sistema, um aplicativo UWP oferece 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 ferramentas de acessibilidade, a estrutura usará automaticamente cores e configurações de estilo que produzem um layout e renderização de alto contraste 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:

Relação de contraste de cor – A Seção 508 atualizada da Lei dos Americanos com Deficiência, bem como outra legislação, exige que os contrastes de cor padrão entre o texto e seu plano de fundo devem ser 5:1. Para texto grande (tamanhos de fonte de 18 pontos ou 14 pontos e negrito), o contraste padrão necessário é 3:1.

Combinações de cores – Cerca de 7% dos homens (e menos de 1% das mulheres) têm alguma forma de deficiência de cor. Os usuários com daltonismo têm problemas para distinguir entre certas cores, por isso é importante que a cor sozinha nunca seja usada para transmitir status ou significado em um aplicativo. Quanto às imagens decorativas (como ícones ou fundos), as combinações de cores devem ser escolhidas de forma a maximizar a perceção da imagem por parte dos daltónicos.

Lista de verificação de acessibilidade

Segue-se 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 o conteúdo e os elementos interativos da interface do usuário em seu aplicativo.
  2. Implemente a acessibilidade do teclado.
  3. Verifique visualmente a interface do usuário para garantir que o contraste do texto seja adequado, que os elementos sejam renderizados corretamente nos temas de alto contraste e que as cores sejam usadas corretamente.
  4. Execute ferramentas de acessibilidade, resolva problemas relatados e verifique a experiência de leitura de tela. (Consulte o tópico 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 mais detalhes, consulte o tema completo da lista de verificação de acessibilidade.

  • Last updated on