fazer sites acessíveis a pessoas com deficiência visual?

Question

Alguém pode me dar algumas dicas ou ligar-me com alguns bons links sobre este assunto?

Estou tendo dificuldades para encontrar muito mais do que 'adicionar texto alternativo para as imagens' e eu não sei como atual a informação é ...

i obter toda a coisa marcação semântica, mas provavelmente poderia fazer com um pouco mais orientações sobre isso também.

Também não sei como as coisas iriam trabalhar em diferentes navegadores ....

Obrigado!

Answer 1

1) Tag do título de Uso de HTML para cada seção do conteúdo de suas páginas. As tags de cabeçalho são: H1, H2, H3, H4, H5, H6

2) garantir a existência dos anteriores tags do título mencionado, com a seqüência heirarchal adequada. Por exemplo H1 tags são importantes do que as tags h2. Os leitores de tela usar essas tags de cabeçalho para navegar pelo conteúdo da página. Se eles não existente ou indevidamente ordenou um usuário visualmente impared não pode navegar pelo conteúdo da página.

3) Não use JavaScript para alterar dinamicamente o conteúdo na tela sem primeiro avisar o usuário que o texto vai mudar. Se o JavaScript altera o texto na tela antes de um leitor de tela podem ler o conteúdo não há nenhuma maneira um usuário visualmente impared pode saber que o conteúdo foi alterado.

4) Não servem um 1000 imagens do usuário. Se uma imagem não transmite conteúdo relevante, em seguida, torná-lo uma imagem de fundo CSS.

5) Seja gentil com o atributo título, especialmente em marcas de âncora. Isso pode informar ao usuário onde eles estão prestes a ir.

6) Não colocar o texto em uma imagem que não pode ser transmitido como conteúdo alternativo. O visualmente impared não ler imagens.

7) Certifique-se de todos os seus dados meta é relevante. Se você alterar qualquer um dos seus conteúdos não se esqueça de esquecer os bits adicionais de dados descritivos.

8) derrotas acessibilidade AJAX. Seja gentil com o uso de AJAX.

9) O visualmente impared, e, na verdade, quase todos os usuários visuais, não me importo o quão bonita suas páginas são. Eles estão lá para obter informações, fazer compras, ou o que nunca outra finalidade específica. Torne os seus dados de fácil compreensão e rápida para recuperar. Se um usuário não pode entrar, fazer o que eles queriam, e em seguida, sair em tempo recorde que nunca vai voltar.

10) Não use tags de apresentação ou atributos de apresentação em seu HTML. Use uma folha de estilo. Se o seu HTML contém convenções de apresentação são provavelmente não accessibile.

11) Se o seu conteúdo existe em uma ordem diferente visualmente do que como está escrito no HTML, de cima para baixo, ele provavelmente falhar acessibilidade. Manter as coisas em ordem e consistente. Os usuários esperam que o conteúdo a fluir de cima para baixo e para a indexação guia para acompanhar o fluxo de conteúdo.

12) testes de usabilidade fazer com software leitor de tela. Não é possível saber como acessível uma página é olhando.

Answer 2

Eu sou cego me totalmente, e você ficaria espantado quanto material ainda não tem atributos alt em que depois de todos esses anos ... Tenha cuidado, ainda há uma série de mitos lá fora, como não gráficos permitido (erradas), talbes são ruins (errado) e os quadros são ruins (errado, embora eu percebo quadros são ruins por outras razões.) Idealmente, você deve ter alguém que é teste cego seu site, se você precisar de mais ajuda neste sensação livre para me enviar e-mail em westbchris@gmail.com. Uma outra coisa, tente fazer controles que realmente fazer coisas botões e / ou links. divs clicáveis ??não são arrefecer, porque não é óbvio que eles fazem qualquer coisa, e dependendo de qual tecnologia assistiva que você está usando você não pode mesmo ser capaz de clicar sobre eles.

Answer 3

Confira esta explicação de Alertbox:

utilizadores com deficiências e Web (O artigo é de 1996 ... mas as questões ainda são válidas, se não mais hoje)

... então siga o link na parte inferior para o relatório de 148 páginas com design Guidlines (o documento é protegido por direitos autorais 2001, de modo que deve ter sido atualizados desde a original).

Answer 4

O prazo para isso é a acessibilidade. Dê uma olhada na do W3C WAI site . Eu sempre achei Juicy Estúdio para ser um recurso inestimável para artigos discutindo acessibilidade.

Answer 5

Existem definições em profundidade que são difíceis de dominar e implementar. Exemplos incluem Web Content Accessibility Guidelines (WCAG) e Seção 508 .

A menos de sugestão oficial é para tornar seu site fácil de navegar com um navegador de texto. Não confie em cores ou estrutura para transmitir conteúdo. Não confie em widgets para a funcionalidade importante.

Editar : Pensei que eu gostaria de acrescentar que você não deve se preocupar testar seu site com JAWS ou outro leitor de tela. Sua incapacidade de navegar em um site seria mais relacionado com a sua inexperiência com o leitor de tela em vez da inacessibilidade do site. Dito isto, ter uma amostra de seu teste de público-alvo do seu site para a usabilidade é altamente benéfico.

EDIT # 2: Como discutido nos comentários, eu pretendia transmitir que você não deve fazer julgamentos sobre a usabilidade de um site com base em suas experiências com um leitor de tela. Dito isto, eu recomendaria que qualquer pessoa em desenvolvimento Web têm exposição ao navegadores / equipamento usado para web sites de vista, incluindo leitores de tela. Era pobre texto na edição originais.

Answer 6

Bem, parece que ninguém mencionou Wai- ARIA que é para os Accessible rich Internet Applications. IE fazendo coisas como gmail acessível. E um termo de pesquisa decente para encontrar coisas como esta href="http://www.alistapart.com/articles/waiaria" rel="nofollow"> lista . Já muito apoiado.