Melhorar a usabilidade da viewlet de redes sociais para fornecer um tooltip indicando o nome da rede social
idgserpro opened this issue · comments
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.
@idgserpro o que pretende colocar? um title no link?
Isso. O screenshot foi feito depois de adicionar esse atributo pelo browser diretamente só pra mostrar o comportamento.
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.
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;
@idgserpro O HTML atual já é suficiente?
Fechamos essa issue ou colocamos o title?
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.
@idgserpro era apenas para confirmar o caminho proposto.
Adicionei o title, por favor verificar o PR