Se você deseja ocultar algo dos usuários que usam telefones, tablets e tecnologias de assistência e apenas mostre -o aos usuários do teclado, use o atributo de título.
detalhe
Há um problema com o atributo de título do próprio HTML. O problema é porque não tem um bom desempenho em alguns aspectos importantes, mesmo que esteja conosco há mais de 14 anos. Com a ascensão dos dispositivos de toque, o papel desse atributo foi reduzido ainda mais. A acessibilidade dos atributos do título tornou -se um desperdício de dinheiro e, devido à falta de suporte ao navegador, o suporte aos leitores de tela e os produtores prestam atenção.
O atributo do título se torna redundante devido à falta de apoio nos seguintes casos:
Para quem acessa as informações de conteúdo da Web em seu navegador móvel. Normalmente, o conteúdo do atributo de título é exibido como uma mensagem rápida no navegador da área de trabalho. Até onde eu sei, nenhum navegador móvel suporta exibição de instruções e não há outros métodos visuais para acessar o conteúdo dos atributos do título.
Forneça informações para aqueles que não podem usar o mouse. Normalmente, o conteúdo do atributo de título é exibido como uma mensagem rápida no navegador da área de trabalho. Embora o comportamento da solicitação de mensagens exista há mais de 10 anos, nunca houve um navegador para implementar o método de usar o teclado para exibir atributos de título.
Para uso na maioria dos elementos HTML, ele fornece informações para pessoas que usam várias tecnologias de assistência. Até onde eu sei, os leitores de tela não suportam o acesso às informações do atributo de título de forma consistente.
Os usuários não são amigáveis para o atributo de título da seguinte maneira
Usuários de telefones celulares
Apenas usuários usando teclados
Usuários usando o amplificador de tela
Usuário do leitor de tela
Usuários com distúrbios de habilidades motoras finas
Usuários com comprometimento cognitivo
Exemplos de atributos de título úteis:
Rótulo de quadro ou elemento iframe:
<título do quadro = navegação>
Forneça tags que aparecem apenas em circunstâncias especiais que exigem que os programas implementem. Usando tags de texto visíveis diretamente parecerão redundantes:
<Tipo de entrada = título do título = pesquisa> <Tipo de entrada = Valor de envio = Pesquisa>
Controles de tags nas tabelas de dados.
Exemplos de atributos de título sendo inúteis ou não muito úteis:
Adicione informações extras aos links ou conteúdo circundante que não pode ser usado como texto:
<a href = Newsletter.pdf title = arquivo pdf, tamanho 1 mb.> Newsletter </a>
Em vez disso, essas informações devem fazer parte do texto do link ou ao lado do link.
Forneça as mesmas informações que o texto do link:
<a href = Newsletter.pdf title = NewsLetter> Newsletter </a>
Recomenda -se não copiar o conteúdo do link como o atributo do título. Isso é realmente equivalente a não fazer nada.
Título para imagem:
<img src = castle1858.jpeg title = tinta à base de óleo na tela. Maria Towle, 1858.
alt = o castelo agora tem duas torres e duas paredes.>
Provavelmente, as informações do título são as informações mais importantes e devem ser acessadas por padrão por todos os usuários. Nesse caso, esse conteúdo deve estar ao lado da imagem.
Usado para substituir as tags do formulário e remover tags de texto visíveis:
<Tipo de entrada = título do título = Nome>
O usuário do leitor de tela acessará a tag do elemento do formulário porque o atributo de título está incluído no nome da propriedade na API de acessibilidade (ela não é suportada quando a tag de texto usa o elemento de tag). Muitos outros usuários não são assim. Recomenda -se incluir uma etiqueta de texto visível sempre que possível.
Forneça as mesmas informações para os elementos do formulário que o conteúdo visível da tag:
<Label para = n1> Nome </Label> <Tipo de entrada = título do texto = Nome ID = N1>
A repetição do texto da tag visível é impossível, exceto adicionar uma série de ruído cognitivo do usuário. Não faça isso. A repetição do texto visível do rótulo não parece ter nenhum efeito além de adicionar uma série de ruído cognitivo irritante, interrompendo esse uso.
Forneça instruções adicionais para elementos de formulário:
<Label para = n1> nome </elabel> <time de entrada = título do texto = use uppercase.id = n1>
Se esta diretiva for importante para o uso correto dos elementos do formulário, forneça informações de texto em torno dos elementos para garantir que todo usuário possa lê -lo.
Como uma extensão de abreviação:
<ABBR Title = World Wide Web Consortium> W3C </bbr>
Embora o atributo de título do elemento ABBR seja suportado pelo software do leitor de tela, usá -lo ainda é problemático porque outros grupos de usuários não podem usá -lo. Recomenda -se fornecer o nome completo no formato de texto quando a abreviação aparece pela primeira vez no documento ou fornecer um glossário do formulário de nome completo. Isso não significa que o atributo de título não possa ser usado, porque possui limitações e o nome completo do formulário de texto deve ser fornecido.
HTML 5.1 inclui sugestões gerais para usar atributos de título:
Atualmente, confiar no atributo de título não é incentivado, porque muitos agentes de usuários não podem exibir esse atributo de acordo com os requisitos de especificação (como o dispositivo de ponteiro do mouse precisa causar a exibição de informações rápidas, excluindo usuários que usam apenas os usuários do teclado e da tela de toque)
Substituindo o atributo de título do atributo alt do elemento IMG ou como o título da imagem é proibido
Atualmente, confiando no atributo de título, porque muitos agentes de usuários têm suporte de acessibilidade fraco para este atributo ...