Lupa digital

8.1 Descreva os hiperlinks de forma clara 

Descreva os hiperlinks de forma clara o suficiente para que o mesmo tenha sentido ou não sendo possível insira o atributo title para dar mais clareza ao significado.

Exemplo

O Aeroporto

Exemplo do código

<a href="jornal.htm" title="Jornal o Aeroporto">O Aeroporto</a>

Comentário do código

Neste exemplo, ao navegar com a tecla TAB e posicionar o foco sobre o hiperlink, além do texto "O Aeroporto" ser lido o atributo title também será lido, tornando o hiperlink mais compreensível.

8.2 Expressão "Saiba mais...." sem o contexto.

8.2.1 Evite utilizar a expressão "Saiba mais...." sem contexto

Exemplo  (incorreto)

BUG NO INTERNET EXPLORER
No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site Bugnet.com confirmou que essa correção tem um furo.
Saiba mais...

Exemplo do código (incorreto)

<h3>BUG NO INTERNET EXPLORER<h3>
<p>No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site Bugnet.com confirmou que essa correção tem um furo.></p>
<a href="teste.htm" >Saiba mais...</a>

Comentário do Código

Ao selecionar toda a página, a frase inteira será lida. Porém ao navegar com a tecla TAB apenas o texto "Saiba mais" será lido. Caso exista mais de uma frase com esta indicação, ficará impossível reconhecer a que o "Saiba mais..." faz referência.

8.2.1 Inserindo a expressão "Saiba mais...." no contexto

Utilize o atributo title para inserir o "Saiba mais..." ao contexto da informação.

Exemplo

BUG NO INTERNET EXPLORER
No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site Bugnet.com confirmou que essa correção tem um furo.
Saiba mais....

Exemplo do código

<h3>BUG NO INTERNET EXPLORER<h3>
<p>No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site 
Bugnet.com confirmou que essa correção tem um furo.</p>
<a href="teste.htm" title="Saiba mais sobre o bug no Internet Explorer">Saiba mais...</a>

Comentário do Código

Ao navegar com a tecla TAB o atributo title do "Saiba mais..." será lido e permitirá relacioná-lo ao contexto da frase.

 

8.3 A expressão "Clique aqui" 

8.3.1 Não utilize a expressão "Clique aqui"

Exemplo de como algumas pessoas utilizam o "clique aqui", o que o torna fora do contexto da informação para quem utiliza um leitor de telas.

Exemplo (incorreto)

BUG NO INTERNET EXPLORER

No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site Bugnet.com confirmou que essa correção tem um furo, clique aqui e acesse o site.

Exemplo do código (incorreto)

<h3>BUG NO INTERNET EXPLORER<h3>
<p>No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site Bugnet.com confirmou que essa correção tem um furo. Clique aqui para acessar o site.</p>

Comentário do Código

Ao navegar com a tecla TAB e encontrando vários "Clique aqui"  em uma página será impossível entender a que este hiperlink se refere.  

8.3.1 - Insira o hiperlink dentro do contexto da informação

Evite redundância de informação e insira o hiperlinlk dentro do contexto da informações.

Exemplo

BUG NO INTERNET EXPLORER

No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site Bugnet.com confirmou que essa correção tem um furo.

Exemplo de código

<h3>BUG NO INTERNET EXPLORER<h3>
<p>No início de agosto, a Microsoft publicou a correção para um bug no Internet Explorer, por meio do qual hackers poderiam invadir a máquina do internauta. Hoje, o site <a href="Bugnet.com">Bugnet.com</a> confirmou que essa correção tem um furo.</p>

Comentário do Código

Ao navegar com a tecla TAB o hiperlink estará claramente descrevendo que o mesmo dará acesso ao site  Bugnet.com.