Tornando as dicas de ferramentas acessíveis

Tornando as dicas de ferramentas acessíveis

[ 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]

Aqui descrevemos a marcação e o código necessários para garantir que as dicas de ferramentas sejam acessíveis em um aplicativo do Tempo de Execução do Windows.

Dicas de ferramenta HTML padrão

Crie uma dica de ferramenta HTML padrão ao configurar o atributo title em um elemento. O sistema usa uma dica de ferramenta HTML padrão como um nome acessível e uma descrição acessível. Se desejar usar o atributo title para criar uma dica de ferramenta mas não um nome acessível, use o atributo aria-labelledby ou aria-label. Esses atributos têm precedência sobre o atributo title quando o sistema recupera o nome acessível.


<!-- Narrator reads: "Inner text" -->
<button>Inner text</button>
<!-- Narrator reads: "Title attribute" -->
<button title="Title attribute">Inner text</button>
<!-- Narrator reads: "ARIA label" -->
<button title="Title attribute" aria-label="ARIA label" >Inner text</button>

Dicas de ferramenta para aplicativos do Tempo de Execução do Windows em JavaScript

Uma dica de ferramenta em um aplicativo do Tempo de Execução do Windows em JavaScript não afeta o nome acessível nem a descrição acessível. Um leitor de tela anuncia uma dica de ferramenta quando ela aparece, mas para usar o mesmo texto para uma dica de ferramenta e para um nome ou uma descrição acessível, faça isso explicitamente.


<!-- The P element holds the text to use for the tooltip and description. -->
<p id="backTooltipText">Use this button to navigate back</p>
<button id="back" aria-describedby="backTooltipText">Back</button>
<script>
    var back = document.getElementById('back');
    var backTooltipText = document.getElementById('backTooltipText');

    var myTooltip = Win.UI.Tooltip(back);
    myTooltip.innerHTML = backTooltipText.innerHTML;
</script>

Observação  Se não desejar exibir o texto, use CSS (Cascading Style Sheets) para tornar o elemento p invisível.
 

Dicas de ferramentas para XAML

O sistema de interface do usuário XAML para dicas de ferramentas pode usar elementos ToolTip explícitos ou pode definir uma dica de ferramenta somente texto usando um atributo ToolTipService.ToolTip em qualquer UIElement. O conteúdo de texto da dica de ferramenta é promovido como a propriedade HelpText para a Automação da Interface do Usuário Microsoft no elemento ao qual a dica de ferramenta está anexada. Esse texto também é o valor Name do elemento ToolTip propriamente dito, mas a dica de ferramenta em si não se encontra geralmente na exibição de conteúdo da árvore de Automação da IU. O serviço de dica de ferramenta XAML gera os eventos necessários de Automação da Interface de Usuário, de tal forma que os leitores reconheçam que uma dica de ferramenta está aberta em foco. O leitor de tela pode então obter o texto para leitura a partir do valor HelpText. Para saber mais sobre como usar dicas de ferramenta em uma interface do usuário XAML, consulte Como adicionar uma dica de ferramenta. Para saber mais sobre como a Automação da Interface do Usuário trata dicas de ferramenta, consulte Tipo de controle de dica de ferramenta

Tópicos relacionados

Implementando a acessibilidade para tipos de conteúdo específicos

 

 

Mostrar:
© 2017 Microsoft