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.pulis@gmail.com> wrote:
> 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
> <bimarotta@gmail.com>escreveu:
>
>> 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 <http://twitter.com/#%21/fabiogameleira>
>>>>>>> *Facebook:* fabiogameleira
>>>>>>> (Goia)<https://www.facebook.com/fabiogameleira>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> 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 <http://twitter.com/#%21/fabiogameleira>
>>>>> *Facebook:* fabiogameleira
>>>>> (Goia)<https://www.facebook.com/fabiogameleira>
>>>>>
>>>>>
>>>>> --
>>>>> 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 <http://ramonvictor.com> |
>>> Twitter<http://twitter.com/#%21/ramonvictor>|
>>> LinkedIn <http://www.linkedin.com/in/ramonvictor>
>>>
>>>
>>>
>>> --
>>> 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
>>
>
>
>
> --
> Abraços,
> Bruno Pulis - (31) 9833-8924
> Desenvolvedor Web
> Linux User #535231
> Ubuntu User #33747
>
> http://meadiciona.com/brunopulis
>
> --
> 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
0 comentários:
Postar um comentário