Account Options

  1. Sign in
The old Google Groups will be going away soon.
Switch to the new Google Groups.
Google Groups Home
« Groups Home
imagens no lugar de links
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
  13 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
Bianca Marotta  
View profile   Translate to Translated (View Original)
 More options Feb 8, 8:10 am
From: Bianca Marotta <bimaro...@gmail.com>
Date: Wed, 8 Feb 2012 11:10:13 -0200
Local: Wed, Feb 8 2012 8:10 am
Subject: imagens no lugar de links

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
.........................
bimaro...@gmail.com
www.biancamarotta.com.br


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Ramon Victor  
View profile   Translate to Translated (View Original)
 More options Feb 8, 9:02 am
From: Ramon Victor <ramon...@gmail.com>
Date: Wed, 8 Feb 2012 11:02:07 -0300
Local: Wed, Feb 8 2012 9:02 am
Subject: Re: [Acesso Digital] imagens no lugar de links

Bianca,

Acredito que nesse caso o atributo "title" na tag <a> ajudaria no
caso da imagem de bg não carregar.
Essa é a solução que uso, não sei se teria outra mais adequada.

Abs,

--
Att,

Ramon Victor,
Interaction Designer
Blog <http://ramonvictor.com> | Twitter<http://twitter.com/#%21/ramonvictor>|
LinkedIn <http://www.linkedin.com/in/ramonvictor>


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Fabio Gameleira  
View profile   Translate to Translated (View Original)
 More options Feb 8, 9:42 am
From: Fabio Gameleira <fabiogamele...@gmail.com>
Date: Wed, 8 Feb 2012 12:42:05 -0200
Local: Wed, Feb 8 2012 9:42 am
Subject: Re: [Acesso Digital] imagens no lugar de links

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 <bimaro...@gmail.com>escreveu:

--
*Fabio Gameleira*
*Site pessoal*: http://www.igoia.info
*Cartilha de Acessibilidade:* http://www.lupadigital.info
*Minhas Poesias:* http://igoia.blogspot.com/
*Skype*: goiagameleira
*MSN: *fabiogamelei...@hotmail.com
*Twitter*: @fabiogameleira <http://twitter.com/#!/fabiogameleira>
*Facebook:* fabiogameleira (Goia) <https://www.facebook.com/fabiogameleira>

 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Bianca Marotta  
View profile   Translate to Translated (View Original)
 More options Feb 8, 10:58 am
From: Bianca Marotta <bimaro...@gmail.com>
Date: Wed, 8 Feb 2012 13:58:31 -0200
Local: Wed, Feb 8 2012 10:58 am
Subject: Re: [Acesso Digital] imagens no lugar de links

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
.........................
bimaro...@gmail.com
www.biancamarotta.com.br

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


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Fabio Gameleira  
View profile   Translate to Translated (View Original)
 More options Feb 8, 11:38 am
From: Fabio Gameleira <fabiogamele...@gmail.com>
Date: Wed, 8 Feb 2012 14:38:35 -0200
Local: Wed, Feb 8 2012 11:38 am
Subject: Re: [Acesso Digital] imagens no lugar de links

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 <bimaro...@gmail.com>escreveu:

--
*Fabio Gameleira*
*Site pessoal*: http://www.igoia.info
*Cartilha de Acessibilidade:* http://www.lupadigital.info
*Minhas Poesias:* http://igoia.blogspot.com/
*Skype*: goiagameleira
*MSN: *fabiogamelei...@hotmail.com
*Twitter*: @fabiogameleira <http://twitter.com/#!/fabiogameleira>
*Facebook:* fabiogameleira (Goia) <https://www.facebook.com/fabiogameleira>

 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Bianca Marotta  
View profile   Translate to Translated (View Original)
 More options Feb 8, 11:44 am
From: Bianca Marotta <bimaro...@gmail.com>
Date: Wed, 8 Feb 2012 14:44:29 -0200
Local: Wed, Feb 8 2012 11:44 am
Subject: Re: [Acesso Digital] imagens no lugar de links

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

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

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


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Ramon Victor  
View profile   Translate to Translated (View Original)
 More options Feb 8, 11:58 am
From: Ramon Victor <ramon...@gmail.com>
Date: Wed, 8 Feb 2012 13:58:25 -0300
Local: Wed, Feb 8 2012 11:58 am
Subject: Re: [Acesso Digital] imagens no lugar de links

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.

--
Att,

Ramon Victor,
Interaction Designer
Blog <http://ramonvictor.com> | Twitter<http://twitter.com/#%21/ramonvictor>|
LinkedIn <http://www.linkedin.com/in/ramonvictor>


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Bianca Marotta  
View profile   Translate to Translated (View Original)
 More options Feb 8, 12:01 pm
From: Bianca Marotta <bimaro...@gmail.com>
Date: Wed, 8 Feb 2012 15:01:16 -0200
Local: Wed, Feb 8 2012 12:01 pm
Subject: 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
.........................
bimaro...@gmail.com
www.biancamarotta.com.br

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


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Fabio Gameleira  
View profile   Translate to Translated (View Original)
 More options Feb 8, 2:06 pm
From: Fabio Gameleira <fabiogamele...@gmail.com>
Date: Wed, 8 Feb 2012 17:06:42 -0200
Local: Wed, Feb 8 2012 2:06 pm
Subject: Re: [Acesso Digital] imagens no lugar de links

Bianca,

Para quem acessa utilizando um programa leitor de telas sua técnica não
fará muita diferença pois o link será lido pelo programa leitor de telas,
já que o hiperlink receberá o foco com a navegação via teclado, pelo menos
via tecla TAB.

Sua técnica tornará o objeto (link) inacessível para quem enxerga, caso a
imagem não seja carregada. Não haverá nada no lugar, concorda?

Mas, refletindo, é uma suposta inacessibilidade para quem enxerga, mas que
só ocorrerá se por algum motivo a exibição das imagens estiver desabilitada
no navegador ou a conexão for extremamente lenta, a ponto de prejudicar a
carga de imagens até mesmo muito pequenas.

Fabio Gameleira

Em 8 de fevereiro de 2012 14:44, Bianca Marotta <bimaro...@gmail.com>escreveu:

--
*Fabio Gameleira*
*Site pessoal*: http://www.igoia.info
*Cartilha de Acessibilidade:* http://www.lupadigital.info
*Minhas Poesias:* http://igoia.blogspot.com/
*Skype*: goiagameleira
*MSN: *fabiogamelei...@hotmail.com
*Twitter*: @fabiogameleira <http://twitter.com/#!/fabiogameleira>
*Facebook:* fabiogameleira (Goia) <https://www.facebook.com/fabiogameleira>

 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Bianca Marotta  
View profile   Translate to Translated (View Original)
 More options Feb 8, 2:22 pm
From: Bianca Marotta <bimaro...@gmail.com>
Date: Wed, 8 Feb 2012 17:22:35 -0200
Local: Wed, Feb 8 2012 2:22 pm
Subject: Re: [Acesso Digital] imagens no lugar de links

Essa era mesmo a minha dúvida. Acho que vou continuar usando essa técninca,
então.

Obrigada mais uma vez :)

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

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


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Matheus de Oliveira  
View profile   Translate to Translated (View Original)
 More options Feb 8, 4:10 pm
From: Matheus de Oliveira <matioli.math...@gmail.com>
Date: Wed, 8 Feb 2012 13:10:06 -0800 (PST)
Local: Wed, Feb 8 2012 4:10 pm
Subject: Re: imagens no lugar de links
Concordo com o Fabio, o problema aí estaria só pra quem enxerga.

Mas há uma solução bem simples, apesar de eu achar que parece meio
gambiarra.
Basta colocar algum elemento sobre o link (extamente em cima) e
colocar a imagem nele, assim se a imagem não carregar ou enquanto ela
carrega aparecerá o texto. Isso pode ser feito facilmente via CSS, e,
além de um outro elemento você pode usar o :after ou :before
(preferível).

Att.,
Matheus de Oliveira

On 8 fev, 17:22, Bianca Marotta <bimaro...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Bruno Pulis  
View profile   Translate to Translated (View Original)
 More options Feb 8, 2:05 pm
From: Bruno Pulis <bruno.pu...@gmail.com>
Date: Wed, 8 Feb 2012 17:05:09 -0200
Local: Wed, Feb 8 2012 2:05 pm
Subject: Re: [Acesso Digital] imagens no lugar de links

Bianca,

Dependendo se for somente no caso de usar fontes que não sejam do sistema
você poderia utilizar o @font-face que funcionaria não sei se aplica no seu
caso. :D

Em 8 de fevereiro de 2012 15:01, Bianca Marotta <bimaro...@gmail.com>escreveu:

--
Abraços,
Bruno Pulis - (31) 9833-8924
Desenvolvedor Web
Linux User #535231
Ubuntu User #33747

http://meadiciona.com/brunopulis


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Norberto Sousa  
View profile   Translate to Translated (View Original)
 More options Feb 9, 5:49 am
From: Norberto Sousa <nsousa2...@gmail.com>
Date: Thu, 9 Feb 2012 10:49:37 +0000
Local: Thurs, Feb 9 2012 5:49 am
Subject: Re: [Acesso Digital] imagens no lugar de links
Olá Bianca, Olá pessoal,

Adaptar o código abaixo para mostrar o Link apenas quando tiver foco
do teclado ou do rato não serve?

- Conteúdo visível apenas com foco
O código para conteúdo que só se pretende que fique visível quando
envolvido pelo foco do teclado ou do rato é o seguinte:
- Colocar no CSS
a#skip {
    background: none repeat scroll 0 0 transparent;
    display: block;
    font-weight: bold;
    left: 0;
    padding: 0 0 1em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;

}

- Colocar no HTML
<a id="skip" href="#content" title="Skip to content">Skip to content</a>

Beijinhos e abraços,
NSousa

On 2/8/12, Bruno Pulis <bruno.pu...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »