segunda-feira, 5 de maio de 2008

Faça um Blog Acessível


Acessibilidade nas Postagens
1. Descreva as imagens:
As pessoas cegas usam um leitor de tela que transforma texto em sons ou sinais Braille. No caso de imagens e links esses leitores captam as descrições.
No wordpress primeiro é preciso carregar a imagem usando o formulário upload que fica abaixo da área de edição, após ter feito isso acesse a aba "Visualização" na área de edição e digite Alt+Shift+m, ou clique no ícone correspondente. No primeiro campo do formulário insira o endereço URL da imagem (este que resultará do upload da imagem), no segundo campo insira a descrição. Para finalizar, digite a tecla Enter.
No blogger acesse a aba "Editar HTML" e clique o ícone "adicionar imagem", carregue a imagem, de volta ao editor o termo alt="", que fica quase no final da etiqueta, antes da id da imagem. Insira a descrição entre as aspas. Depois clique em salvar ou publicar.

2. Descreva os links:
Crie links em textos que descrevam um pouco do conteúdo da página que vai abrir (evite o repetitivo e incerto "clique aqui"). A descrição de links não apenas facilita a navegação das pessoas cegas, que costumam navegar entre os links usando a tebla tab. A descrição de links facilita a navegação de toda pessoa, que irá saber do conteúdo da página e decidir se irá abrir a página ou não.
No wordpress acesse a aba "Visualização", selecione o trecho do texto a ser usado no link e digite Alt+Shift+a ou clique no ícone correspondente. No primeiro campo do formulário insira o endereço URL do link, no terceiro campo insira a descrição do link (deixe a opção do segundo campo como está). Para finalizar, digite a tecla Enter.
No blogger, acesse a aba "Escrever", selecione o trecho do texto a ser usado e clique no ícone "Link". No formulário que irá aparecer insira o endereço URL do link. Depois vá à aba "Editar HTML" e insira na etiqueta a descrição digitando: title="descrição do link". A etiqueta ficara desta forma, por exemplo:
disdeficiência

2.1. Os links devem abrir na mesma página:É mais fácil a navegação numa só página quando se usa muito os comandos de teclado para voltar e avançar entre as páginas acessadas. Abrir links na mesma página é a opção padrão na criação de links.

acessibilidade no layout do blogPara facilitar a leitura usando os leitores de tela e a navegação usando a tecla tab, mantenha a barra lateral a direita e os textos postados a esquerda.
Uma série de melhorias podem ser feitas se você souber editar o código CSS do layout do blog, como descrições detalhadas de imagens, sequência de navegação por tab, atalhos de navegação, formulários acessíveis, entre outras. Se quiser aprender a editar o cógico CSS consulte este tutorial e treine nesta Lista Completa de Exemplos Práticos.

Consulte o Bengala Legal para mais informações sobre Assibilidade na WEB.

Nenhum comentário: