Começando uma série de posts rápidos sobre como utilizar ASP.NET e manter seu site correto de acordo com os padrões de acessibilidade do WCAG, hoje vou mostrar como fazer com que um asp:Hyperlink (que usa imagem) mostrar o atributo AlternateText - mais conhecido como alt pra quem trabalha com HTML.

O asp:Hyperlink é ideal para quando queremos fazer um link simples para outra página que não exige ação em code-behind (Server-Side) mas que esse link seja dinâmico, pois é mais fácil trabalhar com os componentes (webcontrols) já criados.

Para isso o Hyperlink conta com um atributo chamado NavigateUrl, que, como o próprio nome diz, é onde você deve preencher a URL alvo do seu Link, seja programaticamente ou fixo no próprio ASPX.

Agora vem o X da questão caso você queira fazer um link usando imagem (sem ter ação server side) é só preencher o atributo ImageUrl com o endereço da imagem, e para que o alt da imagem (que vai ser retornado para o browser) venha preenchido basta setar o valor desejado no atributo Text do asp:Hyperlink.

Tranquilo não?

Preenchendo isso além de seguir os padrões da W3C o seu site ainda fica mais acessível, ou seja, mais visitas para ele e mais chances de clicks do adsense, há ainda muitas outras formas de melhorarmos a acessibilidade com ASP.NET, vou tentar escrever pelo menos uma por dia.

Enquanto isso leiam os textos do BrunoTorres e do grupo AcessoDigital, ambos tem informações valiosas sobre acessibilidade, e se sobrar um tempinho dêem um pulo no meu outro blog de idéias Avulsas.

[UPDATE]Outro site muito legal para acessar é o BengalaLegal do MAQ.[/UPDATE]

Até!

0100100001010010

Compartilhe