Tornar o site 508 Acessível

Neste post, eu quero uma lista dos itens pertinentes para 508 acessibilidade de um site. Antes de entrarmos em detalhes, vamos discutir '508 acessíveis ». O que é? E, por isso é importante?

A idéia de Acesso 508 foi desenvolvido para que os sites (e outros documentos eletrônicos) poderia ser acessível a mais pessoas. Originalmente era para o visual da mobilidade ou com deficiência, mas agora também se aplica aos indivíduos que ver páginas web em dispositivos pequenos.

Embora não existam leis que exigem que um site seja acessível 508, existem diretrizes a serem seguidas que aumenta a acessibilidade de um site. Li recentemente que, se um site não é 508 acessíveis, que podem estar em falta até 20% da audiência. Esse público continua a crescer à medida que mais e mais pessoas a ver sites em seus celulares, amoras, etc

Existem 4 itens principais que eu procuro quando fazem um site 508 Acessível. Há mais na lista de controlo 508, mas esses itens parecem ter mais de minha atenção quando eu estou fazendo um site 508 Acessível.

Use o atributo alt com a tag img.

<img src=”../images/logo.gif” alt=”company logo”>

O texto é uma alternativa de substituição de texto para a imagem. Os leitores de tela ou dispositivos pequenos podem ignorar a imagem, mas eles vão anunciar ou imprimir o texto alternativo. O texto alternativo deve ser informativo e relevante para o conteúdo da página.

Evite adicionar informações desnecessárias no texto alternativo. Por exemplo, "o presidente da companhia" é melhor do que "a foto do presidente da empresa".

Se a imagem é mais para fins decorativos, considere usar um valor nulo para o texto alternativo.
Exemplo: <img src="bullet.gif" alt="">

Isto corresponde a 508 orientações acessíveis, mas não causa a informação irrelevante a ser transportada.

Título sua página e rubricas utilizadas para organizar informações

Use a marca <title> para fornecer um título descritivo para essa página. Tecnologia Assistiva usa isso para identificar a página para o usuário. O uso das tags de título (<h1> ... <h6>) ajuda a organizar a informação quando se ouve a página web, tal como acontece quando visualizar a página.

Use folhas de estilo em cascata para definir o estilo ea apresentação visual de uma página.

Isso ajuda a separar a apresentação do conteúdo real. É o conteúdo dentro do código HTML que os leitores de tela ler. Quanto mais o código contém apenas conteúdo, mais fácil será para o usuário de tecnologia assistiva para entender sua página. Além disso, o uso de folhas de estilo em cascata permite que o leitor a definir seu próprio estilo para uma melhor visualização ou a leitura da página.

Use um texto relevante para descrever um link versus "clique aqui".

O texto da ligação deve especificar que o link está apontando. A maioria dos leitores de tela preceder um link com a palavra (s) 'link' ou 'link'. É mais útil ouvir 'link para a página principal link' vs 'clicar aqui.

Há outros itens pertinentes para eu assistir, mas estas são as que lidam com mais freqüência quando estou desenvolvendo um site 508 Acessível.

Antes de encerrar, eu gostaria de sugerir uma barra de ferramentas e 508 validadores acessível que ajuda no desenvolvimento de 508 sítios acessíveis. Há um número de 508 validadores Accesssible disponível para uma taxa que vai testar o seu site inteiro. Se você quiser testar uma página web individual para 508 Acessibilidade, eu recomendo verificar http://www.contentquality.com ou http://www.section508.info. And, a highly recommended 508 Accessible tool bar is available at Web Accessibilty Toolbar . Para citar um usuário recente da barra de ferramentas, "É um instrumento fantástico para qualquer pessoa interessada em acessibilidade."

Se você quiser aumentar o tamanho do seu público potencial, considere fazer seus sites 508 Acessível.