faça um blog acessível

Exponho aqui minha pouca experiência na edição de código para dar acessibilidade ao conteúdo de um blog, usando os serviços wordpress e blogger, e algumas dicas para tornar seu blog acessível para pessoas cegas. Para mais informações, consulte Acessibilidade web, Usabilidade, Teclado e Leitores de Tela.

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:

<a href=”http://blog.disdeficiencia.net/”title=”página do blog”>disdeficiência</a>

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 blog

Para 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.

PROPOSTA
INÍCIO