Melhorar a usabilidade da viewlet de redes sociais para fornecer um tooltip indicando o nome da rede social

[idgserpro]

Qual versão do produto você está usando e em qual sistema operacional?

Portal Padrão 2.1.1
Plone 4.3.18 (4320)
CMF 2.2.10
Zope 2.13.28

Possui plugins adicionados além dos definidos numa instalação padrão do Portal Padrão?

Não

Está utilizando o buildout padrão como o usado em https://github.com/plonegovbr/portal.buildout?

Não

Está utilizando o arquivo de versões de pinagens das dependências como definido em https://github.com/plonegovbr/portalpadrao.release e https://github.com/plonegovbr/brasil.gov.portal#requisitos?

Sim. É uma instalação brasil.gov.portal que aponta para a versão https://github.com/plonegovbr/portalpadrao.release

Quais são os passos para reproduzir o problema?

Passar o mouse por cima das imagens de redes sociais.

Qual é o retorno esperado? O que você vê ao contrário do esperado?

Nem todos conhecem as logos de todas as redes sociais. Seria interessante ter informações sobre a rede social ao passar o mouse pela logo:

A aplicação forneceu algum erro no console ou na interface?

Não.

[agnogueira]

@idgserpro o que pretende colocar? um title no link?

[idgserpro]

Isso. O screenshot foi feito depois de adicionar esse atributo pelo browser diretamente só pra mostrar o comportamento.

[idgserpro]

Estou na dúvida sobre o melhor caminho a seguir. No eMAG versão 3.1 em http://www.governoeletronico.gov.br/documentos-e-arquivos/eMAGv31.pdf, página 45 temos:

Repare no exemplo incorreto acima que não há necessidade de utilizar o atributo title em links, já que esse atributo não é bem suportado por recursos de tecnologia assistiva, como leitores de tela, não tem utilidade para quem navega apenas pelo teclado e não tem bom suporte em dispositivos móveis, como celulares, entre outros problemas. Assim, se você quiser fornecer informações adicionais para um link, faça-o no próprio texto do link ou no contexto, e jamais repita o conteúdo do link no atributo title.

Fica aqui para uma discussão.

[agnogueira]

Só para registra o HTML utilizado para este link é o seguinte:

<li class="portalredes-facebook portalredes-item"> <a href="https://www.facebook.com/palaciodoplanalto">Facebook</a> </li>

E o texto deste é ocultado pelo CSS pela seguinte regra:

text-indent: -3000px;

[agnogueira]

@idgserpro O HTML atual já é suficiente?
Fechamos essa issue ou colocamos o title?

[idgserpro]

Não entendi a pergunta... Se tivermos um PR removendo a regra css ou colocando o title de forma que atenda o que pede no issue, aí podemos fechar.

[agnogueira]

@idgserpro era apenas para confirmar o caminho proposto.
Adicionei o title, por favor verificar o PR