GustavoRibeiro.net

Não sabe o significado de um acrônimo ou procura por um? O Acronym Search é um site de busca de acrônimos bem simples e eficiente.

Para quem desconhece o termo, acrônimo é uma palavra formada pelas letras ou sílabas iniciais de palavras sucessivas de uma locução, ou pela maioria destas partes. Os acrónimos são especialmente úteis nas telecomunicações, uma vez que permitem condensar várias palavras em poucas letras, poupando largura de banda e, em alguns casos, dinheiro.

Maiores informações sobre acrônimos no wikipedia.

“Image Replacemente” é uma técnica bastante utilizada hoje em dia quando queremos substituir um texto em nosso site por uma imagem, nos possibilitando o uso de diversos tipos de fontes etc. Abaixo coloco um exemplo utilizado aqui no blog, aonde eu substituo o texto “gustavoribeiro.net” por uma imagem chamada “logo.jpg”. A técnica é bastente simples:

Costumo utilizar sempre a tag <h1> para inserção de logo nos sites que faço, ficando assim:

<h1><a href="index.php"><span>gustavoribeiro.net</span></a></h1>

Já no CSS, aplico a imagem da logo como background da tag <a>, fazendo assim, um link para a home do site e na <span> escondo o texto para que o mesmo não apareça em cima da imagem.

h1 a {
    float:left;
    width:148px;
    height:22px;
    margin-top:9px;
    background:url('img/logo.jpg') no-repeat;
}
h1 span {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    visibility:hidden;
}

Dessa forma, ao utilizar-mos o Jaws ou o Lynx não iremos perder nenhuma informação disponível no site por causa de imagens. Experimente também, desabilitar o CSS utilizando a extension web developer do firefox e veja o que acontece com a imagem do logo.

ps off topic: parabéns para mim

A Acesso Digital, a um tempo atras, fez um dos melhores - senão o melhor - vídeo sobre acessibilidade na web que eu já vi até hoje.

Ainda acham que acessibilidade não é nada?