elyezer.zero

Hoje minha idade está sendo incrementada, totalizando 21 anos. Sempre esperamos esse dia no ano para que possamos aproveitar e ganhar alguns “brinquedos” e esses são os “brinquedos” que ganharei de mim mesmo:

Shell Script Profissional

PHP Profissional

Construindo Sites com CSS e (X)HTML

Desde que começei a comprar alguns livros e ler nas horas vagas comecei a me interessar cada vez mais por esse tipo de atividade. Minha idéia é aproveitar essas datas diferentes para poder aumentar minha biblioteca particular.

Postarei depois os outros livros que atualmente constituem minha biblioteca particular, ela ainda não está bem servida de variedade mas existem títulos que realmente são de ótima qualidade.

A leitura pode ser cansativa no inicio (a um tempo atrás não era muito paciente para sentar e ler um livro), mas logo se acostuma (procure pos assuntos que te interessam) e depois ficamos até sem rumo caso não tenha algo para ler. Recomendo esse tipo de atividade!

Gostaria de deixar seus fomulários XHTML/HTML mais acessíveis para pessoas que navegam utilizando algum leitor de tela?

Então confira esses dois tutorias em inglês falando sobre o assunto:

• Prettier Accessible Forms
• Accessible HTML/XHTML Forms

Caso tenha alguma dúvida comente.

Encontrei este tutorial que aborda o assunto de tooltip em imagens. Ao contrário de que muitos acham, inclusive eu achava, é que o atributo alt incluída dentro da tag img já mostrava como tooltip. Porém o atributo alt tem a semântica de mostrar o texto que lhe foi atribuido em caso da imagem não ser carregada.

Então, o que deve ser feito para mostrar um tooltip em uma imagem? Simples, mantém o atributo alt para que, caso a imagem não seja carregada, mostre o alternate text. E, assim como se faz em links, adicionar o atributo title e atribuir o texto que se deseja como tooltip a esse atributo.

Modo errado de mostrar a tooltip:

<img src="http://imagem.png" alt="Texto mostrado quando a imagem não está disponível" />

Modo correto de mostrar a tooltip:

<img title="Texto do tooltip para esta imagem" src="http://imagem.png" alt="Texto mostrado quando a imagem não está disponível" />

Lembrando que, isso é somente para navegadores que resolveram esse “problema”.

Fonte: ALT and TITLE.