Login do Usuário
Registre-se e compartilhe + Artigos!
Você se interessou por algum artigo? Registre-se e comente! Usuários registrados não passam pela fila de moderação para os comentários, ainda podem dar uma nota para o artigo e o mais importante, poder publicar novos artigos!
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.


Comentários
Enviar novo comentário