Re: [Acesso Digital] imagens no lugar de links

Pois é Ramon, tb acho esses temas complicados. Tb acho que não tenha certo nem errado, mas é sempre bom saber o que as pessoas tem usado como prática. Sempre surge uma solução interessante e até "mais correta":)

Obrigada!

Bianca Marotta
.........................
bimarotta@gmail.com
www.biancamarotta.com.br

2012/2/8 Ramon Victor <ramon.wd@gmail.com>

Bianca,

Dependendo do ponto de vista, a escolha por esconder o texto e mostrar um background
pode ser considerada uma prática errada. Porém, se partirmos para um outra perspectiva, podemos questionar, por exemplo, se faz sentido semanticamente usar tag de imagem para representar um item de menu. Acredito que não,
mas alguns julgam que sim.

Tentar encontrar o equilíbrio entre acessibilidade x semântica x interface final, acho que seja o objetivo ideal.
O resultado pode tendenciar mais pra um do que pra outro em alguns casos, mas na minha concepção
não há certo nem errado.

On Wed, Feb 8, 2012 at 1:44 PM, Bianca Marotta <bimarotta@gmail.com> wrote:

Entendi... Então essa é uma prática errada que é super difundida... 

Bianca Marotta
.........................
bimarotta@gmail.com
www.biancamarotta.com.br

2012/2/8 Fabio Gameleira <fabiogameleira@gmail.com>

Oi Bianca,

Não, não acho que o title resolva, pois na ausência da imagem o texto não aparecerá explicitamente na tela como acontece com o alt. 

Fabio Gameleira

Em 8 de fevereiro de 2012 13:58, Bianca Marotta <bimarotta@gmail.com> escreveu:

Obrigada pelas respostas.

Sobre usar imagens como links, me refiro àqueles casos em que o designer escolheu uma fonte que não é de sistema e precisamos criar imagens para os textos. É nessas horas que eu uso a imagem como bg da tag <a>. Vc acha que usar o title resolve, como o Ramon sugeriu, resolve, Fabio?

beijos,

Bianca Marotta
.........................
bimarotta@gmail.com
www.biancamarotta.com.br

2012/2/8 Fabio Gameleira <fabiogameleira@gmail.com>

Bem, entendo que imagem de fundo é para propósito de design e não para declarar uma ação.

Porque não utilizar o tag href envolvendo o tag img e colocar o atributo alt, conforme abaixo?

<a href="...." ><img src="..." alt="texto correspondente a ação da imagem ou do hiperlink" /></a>

Abraços,

Fabio Gameleira

Em 8 de fevereiro de 2012 11:10, Bianca Marotta <bimarotta@gmail.com> escreveu:

Olá a todos,

Ontem um amigo meu veio me perguntar como eu faria o html e css de um link que deve ser trocado por uma imagem. Eu respondi, que normalmente, uso a tag <a href=""> normalmente, com o texto do link por escrito e que através do css, transformo o <a> em block, escondo o texto e jogo a imagem como background. Assim, qq leitor de telas lê o link, mas visualmente temos a imagem.

Mas logo em seguida, me bateu uma dúvida: e se a imagem não carregar? Como essa imagem é um bg, ela não possui alt e como o texto está escondido, o link vai ficar vazio. É isso mesmo? Alguém por aqui faz diferente?

Abs,

Bianca Marotta
.........................
bimarotta@gmail.com
www.biancamarotta.com.br

--

Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

--

Fabio Gameleira
Site pessoal: http://www.igoia.info
Cartilha de Acessibilidade: http://www.lupadigital.info
Minhas Poesias: http://igoia.blogspot.com/
Skype: goiagameleira

MSN: fabiogameleiral@hotmail.com

Twitter: @fabiogameleira

Facebook: fabiogameleira (Goia)

--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

--

Fabio Gameleira
Site pessoal: http://www.igoia.info
Cartilha de Acessibilidade: http://www.lupadigital.info
Minhas Poesias: http://igoia.blogspot.com/
Skype: goiagameleira

MSN: fabiogameleiral@hotmail.com

Twitter: @fabiogameleira

Facebook: fabiogameleira (Goia)

--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

--

Att,

Ramon Victor,
Interaction Designer
Blog | Twitter | LinkedIn

--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net

--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net