Atendendo aos requisitos de texto acessível

Atendendo aos requisitos de texto acessível (XAML)

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente]

Procurando a versão para HTML/JavaScript deste tópico? Consulte Atendendo aos requisitos de texto acessível (HTML).

Taxas de contraste

Embora os usuários do Windows e do Windows Phone possam alternar, a qualquer momento, para um modo de alto contraste, o design do seu aplicativo para texto deve considerar essa possibilidade como último recurso. Uma prática muito melhor é verificar se o seu texto de aplicativo atende a certas diretrizes estabelecidas para o nível de contraste entre o texto e sua tela de fundo. A avaliação do nível de contraste é baseada em técnicas determinísticas que não consideram a tonalidade de cor. Por exemplo, se você tiver texto vermelho sobre fundo verde, esse texto poderá não ser legível por alguém com daltonismo. Verificar e corrigir a taxa de contraste pode evitar esses tipos de problemas de acessibilidade.

As recomendações para contraste de texto são baseadas em um padrão de acessibilidade da Web, o G18, para garantir que exista, no mínimo, uma relação de contraste de 4,5:1 entre o texto (e as imagens do texto) e a tela de fundo do texto. Essa diretriz existe na especificação Técnicas W3C para WCAG 2.0. Para os desenvolvedores de aplicativos do Tempo de Execução do Windows em JavaScript, a documentação para atender aos requisitos de texto acessível também se refere a este padrão.

Para ser considerado acessível, o texto visível precisa ter contraste de luminosidade mínimo de 4,5:1 em relação à tela de fundo. As exceções incluem logotipos e texto incidental (como o que faz parte de um componente de interface do usuário inativo).

Texto decorativo e que não expressa informações é excluído. Por exemplo, quando são usadas palavras aleatórias para criar uma tela de fundo, e as palavras podem ser reorganizadas ou substituídas sem alteração de significado, elas são consideradas decorativas e não precisam atender a esse critério.

Use as ferramentas de contraste de cores para verificar se a taxa de contraste de texto visível é aceitável. Veja Técnicas para WCAG 2.0 G18 (seção Recursos) sobre as ferramentas que podem testar as taxas de contraste.

Observação  Algumas das ferramentas listadas pelas Técnicas para WCAG 2.0 G18 não podem ser usadas de forma interativa com um aplicativo do Tempo de Execução do Windows. Talvez seja necessário inserir valores da cor da tela de fundo e da cor de primeiro plano manualmente na ferramenta ou fazer capturas de tela da interface do usuário do aplicativo e depois executar a ferramenta de taxa de contraste na imagem de captura de tela.
 

Funções de elementos de texto

Um aplicativo da Windows Store em C++, C# ou Visual Basic pode usar estes elementos padrão (mais conhecidos como elementos de texto ou controles textedit):

Quando um controle informa que é tem uma função de Edit, as tecnologias adaptativas assumem que existem maneiras os usuários alterarem os valores. Por isso, se você colocar texto estático em uma TextBox, estará relatando de forma errada a função e a estrutura do seu aplicativo para o usuário de acessibilidade.

Nos modelos de texto para XAML, há dois elementos que são usados ​​principalmente para o texto estático, TextBlock e RichTextBlock. Nenhum deles é uma subclasse Control e, dessa forma, nenhum dos dois é focado no teclado ou pode aparecer na ordem de tabulação. Mas isso não significa que as tecnologias adaptativas não podem ou não conseguem lê-los. Os leitores de tela são normalmente concebidos para suportar vários modos de leitura de conteúdo em um aplicativo, incluindo um modo de leitura dedicado ou padrões de navegação que vão além do foco e da ordem de tabulação, como um “cursor virtual”. Portanto, não coloque o seu texto estático em recipientes focalizáveis apenas para que a ordem de tabulação obtenha o usuário. Os usuários da tecnologia adaptativa esperam que tudo na ordem de tabulação seja interativo, mas se encontrarem texto estático, isso é mais confuso do que útil. Você deve testar isso por si próprio com o Narrador para ter uma noção da experiência do usuário com seu aplicativo ao usar um leitor de tela para examinar o texto estático do seu aplicativo.

Texto em elementos gráficos

Sempre que possível, evite incluir texto em um elemento gráfico. Por exemplo, qualquer texto que você incluir no arquivo de origem da imagem é exibido no aplicativo como um elemento Image que não ;está acessível ou legível automaticamente pelas tecnologias adaptativas. Se você tiver que usar texto em elementos gráficos, verifique se o valor de AutomationProperties.Name que você forneceu como o equivalente de "alt text" inclui esse texto ou um resumo do significado do texto. Considerações semelhantes se aplicam se você estiver criando caracteres de texto a partir de vetores como parte de uma Path, ou usando Glyphs.

Tamanho da fonte do texto

Muitos leitores têm dificuldade para ler um texto em um aplicativo quando é utilizado um tamanho de fonte muito pequeno para leitura. Você pode evitar esse problema aumentando consideravelmente o texto na interface do usuário do seu aplicativo. As tecnologias adaptativas também fazem parte do Windows e permitem ao usuário alterar os tamanhos das visualizações dos aplicativos ou a exibição em geral.

  • Alguns usuários alteram os valores de pontos por polegada (dpi) da exibição principal como uma opção de acessibilidade. Essa opção está disponível em Ampliar itens da tela, em Facilidade de Acesso, que redireciona para uma interface do usuário do Painel de Controle para Aparência e Personalização / Tela. As opções de dimensionamento que realmente estão disponíveis podem variar, pois dependem dos recursos de exibição do dispositivo.
  • A ferramenta Lupa pode ampliar uma área selecionada da interface do usuário. No entanto, é dificultoso utilizar a ferramenta Lupa para leitura de texto.

Fator de escala do texto em aplicativos da Loja do Windows Phone

Nos aplicativos da Loja do Windows Phone, vários controles e elementos de texto têm uma propriedade IsTextScaleFactorEnabled. Essa propriedade tem o valor true por padrão. Quando esse valor é true, a definição chamada Tamanho do texto no telefone (Configurações > Fácil acesso), faz com que o tamanho do texto nesse elemento seja ampliado. A escala afetará o texto que possui uma FontSize pequena em maior grau do que o texto que possui uma FontSize grande. Mas você pode desabilitar essa ampliação automática definindo uma propriedade IsTextScaleFactorEnabled do elemento para false. Tente essa marcação, ajuste a definição de Tamanho do texto no telefone e veja o que acontece para os TextBlocks:


<TextBlock Text="In this case, IsTextScaleFactorEnabled has been left set to its default value of true." Style="{StaticResource BodyTextBlockStyle}"/>
<TextBlock Text="In this case, IsTextScaleFactorEnabled has been set to false." Style="{StaticResource BodyTextBlockStyle}" IsTextScaleFactorEnabled="False"/>


Não desabilite a ampliação automática de modo rotineiro, pois o dimensionamento de texto da interface do usuário universalmente por todos os aplicativos é uma importante experiência de acessibilidade para usuários, que esperam que também funcione em seus aplicativos do Tempo de Execução do Windows.

Você também pode usar o evento TextScaleFactorChanged e a propriedade TextScaleFactor para descobrir sobre as mudanças na definição de Tamanho do texto no telefone. Aqui está como:



{
    ...
    var uiSettings = new Windows.UI.ViewManagement.UISettings();
    uiSettings.TextScaleFactorChanged += UISettings_TextScaleFactorChanged;
    ...
}

private async void UISettings_TextScaleFactorChanged(Windows.UI.ViewManagement.UISettings sender, object args)
{
    var messageDialog = new Windows.UI.Popups.MessageDialog(string.Format("It's now {0}", sender.TextScaleFactor), "The text scale factor has changed");
    await messageDialog.ShowAsync();
}


O valor de TextScaleFactor é o dobro no intervalo [1,2]. O texto menor é ampliado nessa quantidade. Você pode querer usar o valor para, digamos, gráficos em escala de cinzas para corresponder o texto. Mas lembre-se de que nem todo texto é ampliado pelo mesmo fator. Geralmente falando, quando maior for o texto, menos ele será afetado pelo escalamento.

Esses tipo possuem uma propriedade de IsTextScaleFactorEnabled:

Tópicos relacionados

Requisitos básicos de acessibilidade
Amostra de exibição de texto XAML
Amostra de edição de texto XAML
Amostra de acessibilidade XAML

 

 

Mostrar:
© 2016 Microsoft