Comments on: Acessibilidade e Estética

By: Vinícius Ramon

Vinícius Ramon — Mon, 04 Apr 2011 22:13:25 +0000

Vejo que este post é bem antigo, no entanto a disseminação de conteúdos sobre acessibilidade é ainda maior hoje.

Tenho uma técnica bem simples para esse caso: Esconder o link.

Escondo pelo CSS:
{
position:absolute;
top:-9999px;
}

Flw. ;)

By: Matheus de Oliveira

Matheus de Oliveira — Thu, 22 Nov 2007 20:01:58 +0000

Bem, tirar o outline é fácil, basta usar a propriedade outline…=)

*{outline:0;}

Mas também não acho legal tirar um recurso que facilita tanto, mas também acho que se não tiver jeito e tiver que tirar, basta fazer uma diferenciação de todos os links quando ativos usando o :focus na tag a:

a:focus{ .... }

Agora, eu adimito que sei como fazer isso porque já quis fazer, felizmente mudei de idéia…
E Rodrigo, eu também dou uma outra dica pra “esconder” o link para pular pro conteúdo, pois eu já tive o problema de que o fundo é uma imagem, então ficaria estranho, daí fiz o seguinte: coloquei o link dentro de um DIV, e dei a ele um ID, “ir_cont”, daí usei o código /- assim:
#ir_cont{ overflow:hidden; height:1em; }


#ir_cont a{

  display:block;

  padding:0 2px 10px 2px; /* os 10px embaixo são importantes, para ter um espaço ao passar o mouse */

  margin-top:-1.5em; /* mantém fora da área visível */

}

#ir_cont a:focus, #ir_cont a:hover, #ir_cont a:active{ margin-top:0; padding:0 2px; }

Se quiserem ver o efeito final, tem nesse site, que ainda não está 100% webstandards, pois fiz quando estava aprendendo…=D

vlw…t

By: » Acessibilidade fácil: Crie um link direto para o conteúdo » Rodrigo Muniz

Fri, 17 Aug 2007 20:50:26 +0000

[...] Já falei aqui que alguns desenvolvedores não gostam do link para pular para o conteúdo topo do site por questões estéticas ou até clientes que não querem o link lá porque o acham inútil para si. Mas há diferentes técnicas para escondê-lo da interface gráfica sem interferir na navegação pelo teclado. A técnica que apresento a seguir é a que uso de uns tempos pra cá. [...]

By: Nana

Nana — Thu, 14 Jun 2007 17:59:02 +0000

“Alguém já passou por alguma situação onde precisou abrir mão da acessibilidade pela teimosia de algum cliente?”
Da acessibilidade naum… mas da facilidade de leitura sim. Afinal, eu sou redatora e a sina de todo redator eh ter alguem se metendo nos textos… algo como substituir “ar” por “espaço aéreo ao redor do local”.
Por que naum deixam a gente fazer nosso trabalho? Por que???
Bjs!

By: Coeli

Coeli — Mon, 11 Jun 2007 22:11:44 +0000

Quando o cliente teima muito, eu desisto logo de fazer o site. Não tenho paciência para ficar explicando que da forma X o site fica melhor para o público, mas ele insiste em querer fazer da forma Y, que só agrada a ele.

Triste…

Ps.: Por algum motivo teu feed não ta sendo mais atualizado no meu Google Reader. Vou adicionar de novo pra ver se ajeita. Muitos posts foram deixados passar por causa disso. Vou ler todos agora.

Abraços.

By: Rafael Dourado

Rafael Dourado — Sun, 10 Jun 2007 16:04:51 +0000

As vezes ainda tenho problemas com cliente que insistem em animações de abertura. E a insistência é tanta que o site inteiro está baseado nessa animação que ninguém vê, só ele. Parece que não importa o conteúdo, facilidade de navegação, posicionamento no Google, relacionamento com os clientes… Tento a animação, pronto, ele pode dormir feliz.

By: Muniz

Muniz — Sat, 09 Jun 2007 22:59:57 +0000

Grande dica Caio.
Obrigado.

By: Caio

Caio — Sat, 09 Jun 2007 22:43:41 +0000

Sobre esse outline estranho no firefox, um modo que eu uso para corrigir isso é usando overflow: hidden no link q está com o outline.