Estou tentando seguir um padrão muito importante que devo admitir que ignorei até recentemente. Quero garantir que minhas páginas estejam acessíveis a uma grande parte das pessoas com deficiências. Eu me concentro principalmente em tutoriais com uso intensivo de texto e imagem, mas sem vídeo / flash ou qualquer tipo de animação.
O que é uma lista de verificação que posso seguir para garantir que muitas pessoas com deficiência possam ter uma boa experiência ao usar meu site e de quais deficiências devo estar mais consciente?
Eu sei que não posso agradar a todos. Eu segui as diretrizes do W3C , mas não tenho muita certeza de quais padrões se aplicam a mim. Não estou desenvolvendo aplicativos da Web, estou criando principalmente wiki, como trocas de informações, blogs e fóruns ocasionais.
fonte
Respostas:
O W3 oferece algumas dicas básicas sobre acessibilidade através de seu site . Joe Clark tem uma versão on-line do livro "Building Accessible Websites" disponível para visualização gratuita, que contém muitas informações úteis.
fonte
Tornar a sua semântica de marcação é um grande passo em direção à acessibilidade, se o seu site puder ser navegado sem a aplicação de CSS e o conteúdo fizer sentido, então tudo o resto é apenas molho visual!
fonte
Em primeiro lugar, os "deficientes" não significam nada!
Então, vamos olhar para alguns grupos de pessoas que você precisa verificar se você é o seu site.
Uma pessoa pobre que só tem um caderno com uma tela pequena
Você só precisa verificar se o site pode ser usado quando a janela do navegador é pequena sem muito esforço.
Uma pessoa daltônica
Alguém pode usar seu site sem ver a cor dos ícones, etc., imaginando que você estava acessando-o em um monitor em preto e branco.
Uma pessoa com site ruim.
Quando você altera o tamanho do tipo no navegador, todo o texto fica maior no seu site e o layout ainda está OK. O site também pode ser usado em um monitor pequeno?
Seu site usa um layout de alto contraste? Caso contrário, é fácil para o usuário mudar para um layout de alto contraste?
Uma pessoa que não pode usar o mouse
Uma pessoa que nunca usou seu site antes pode acessar todas as funções / informações apenas usando o teclado. (A tecla Tab funciona de maneira útil?)
Alguém com poucas habilidades de leitura
Você está usando o inglês simples o máximo possível?
Alguém que não é bom em aprender coisas novas.
O design do seu site é baseado em outro site que seus usuários já sabem usar?
Uma pessoa cega.
Este é o mais difícil e a maior parte do que você lê não é de uso obrigatório!
Ative primeiro todos os outros problemas de acesso, pois há muito mais pessoas com deficiência visual ou que não podem usar o mouse do que pessoas vinculadas.
Em seguida, entenda seus objetivos , por exemplo, se o seu site for um site de reservas de hotéis, talvez seja melhor fornecer um número de telefone pago para fazer reservas e apenas disponibilizar as informações do hotel.
Então, você deve fornecer uma opção da Web nenhuma? (Telefone? Uma pessoa que os visita para ajudar a preencher o formulário, etc?)
Em primeiro lugar, o seu site pode ser usado sem imagens? (O texto alternativo é uma maneira de fazer isso)
Dado que o software de fala lê o site de cima para baixo, ele pode ser entendido dessa maneira?
É muito difícil facilitar a utilização de um site com navegação complexa para o uso de uma pessoa vinculativa. Além disso, ela não tem como saber que parte da página foi atualizada por JavaScript e precisa ser lida novamente.
Alterar a cor dos itens para alterações de estado também não é uma boa opção.
A única maneira de aprender como fazer um site funcionar bem para pessoas vinculadas é ver como uma pessoa vinculada usa um leitor de tela em alguns sites. Nenhum dos padrões é bom o suficiente, eles apenas dizem o que você não deve fazer, mas não é suficiente cumpri-los (a menos que você apenas forneça texto estático como um site de jornal).
fonte
Você pode usar este site para obter uma visão geral rápida da conformidade: http://wave.webaim.org/
Ele realiza um trabalho semelhante ao antigo sistema "Bobby" que foi encerrado há alguns anos.
fonte
O governo holandês usa este site para testar sua acessibilidade. dê uma olhada ... você também pode acessar seu site para testar seu status atual em acessibilidade ...
http://www.webrichtlijnen.nl/english/
fonte
Achei o livro Dive into Accesibility, de Mark Pilgrim, que podia ser baixado gratuitamente, como um ponto de referência útil sobre esse tema. É de 2002, mas ainda é muito pertinente. Conselhos como "usar degradação graciosa" não envelhecem.
fonte
O WAI-ARIA parece que agora pode ser uma adição ao nosso arsenal de acessibilidade.
Algumas informações sobre o WAI-ARIA - http://www.alistapart.com/articles/waiaria
fonte
Eu acho que você precisa usar este site http://www.totalvalidator.com ou o plugin do firefox disponível. Possui várias validações de incapacidade e sinalizará tudo o que estiver faltando.
fonte
A resposta nº 1 é simples: escreva HTML / CSS válido, semanticamente correto, sem correção !!! Todas as sugestões acima são boas. Aqui está uma lista de verificação que escrevi alguns anos atrás, que mostra algumas coisas que você deve verificar em todos os sites: https://forge.iowa.gov/wiki/index.php/Web_Checklist . Ele pressupõe que você tenha a barra de ferramentas Web Developer no FF, mas que é gratuita e facilmente obtida.
Algumas coisas simples que eu sinto que podem fazer uma diferença real:
Como afirma Tony, um dos melhores testes é retirar todos os sinos e assobios da sua página e ver se ainda faz sentido.
fonte
alt=""
para indicar que leitores de tela como o JAWS podem apenas passar por elas.