Login do Usuário

Comentários Recentes dos Artigos

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

http://blog.disdeficiencia.net/faca-um-blog-acessivel/

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.

Média: 5 (1 voto)

Comentários

Enviar novo comentário

  • Endereços de páginas de internet e emails viram links automaticamente.
  • Tags HTML permitidas: <h1> <h2> <h3> <h4> <h5> <h6> <a> <img> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <span>
  • Linhas e parágrafos quebram automaticamente.

Mais informações sobre opções de formatação