Construção de um site acessível para pessoas com deficiência visual (1 de 3) - 25 RECOMENDAÇÕES para a acessibilidade de serviços online.
1. Todos os elementos gráficos devem ter um texto alternativo conciso (alt) que descreve o que está na imagem ou, se a imagem for um link - para onde o link leva. Se as imagens forem puramente decorativas, elas devem ter um "atributo alt vazio".
2. Deve-se evitar elementos animados, textos em movimento, pois distraem todos os usuários, não apenas os com deficiência. Algumas imagens animadas, especialmente as agressivas e animadas rapidamente, podem representar um risco para pessoas com epilepsia fotonicamente induzida!
3. Todos os arquivos de áudio (programas, entrevistas, palestras) devem ser acompanhados de uma transcrição textual. Os players desses arquivos publicados no site devem ser operáveis com o teclado e acessíveis para pessoas cegas.
4. Todos os arquivos de vídeo devem ser acompanhados por legendas para pessoas com deficiência auditiva. Os players devem ser acessíveis para pessoas cegas e aquelas que utilizam apenas o teclado.
5. Todos os arquivos multimedia e em Flash devem estar acessíveis ou disponíveis em formato alternativo.
6. Os arquivos em PDF, Word e outros formatos populares para download devem ser preparados como acessíveis. Por exemplo, arquivos PDF devem ter uma estrutura que auxilia pessoas cegas a navegar nesses documentos.
7. O texto publicado no site deve ser escrito da maneira mais simples possível, para que pessoas com menor nível de instrução e com deficiência intelectual possam acessá-lo.
8. Os textos devem ser publicados de forma legível - divididos em parágrafos, listas e outras seções; não justificados à direita; as abreviaturas devem ser expandidas em sua primeira ocorrência em cada página. O texto deve ser complementado com cabeçalhos (h1-h6) para que pessoas cegas possam navegar facilmente até a seção que lhes interessa.
9. A navegação (menu) deve ser consistente, lógica e inalterada no site. A navegação em todo o site deve ser acessível pelo teclado.
10. Todos os elementos ativos, como links, banners ou campos de formulário, devem ter um foco visual claro (geralmente na forma de uma moldura visível durante a navegação na página usando a tecla TAB). Recomenda-se fortalecer o foco padrão para que ele seja claramente visível também para pessoas com baixa visão.
11. Todos os links devem ser únicos e compreensíveis, mesmo fora de contexto. Não se deve usar links na forma de ">>" ou "mais" ou "clique aqui". Os links não devem abrir em uma nova janela ou guia do navegador sem aviso prévio.
12. Recomenda-se usar o recurso de "pular links", ou seja, a capacidade de ir diretamente para o conteúdo de uma página única. Isso é especialmente importante em sites com dezenas de links na navegação/menu principal.
13. O contraste de cor de todos os elementos que transmitem conteúdo (textos, links, banners) ou funcionais deve ter uma relação de luminosidade do texto para o fundo de pelo menos 4,5 para 1, e de preferência não inferior a 7 para 1.
14. A página deve ser significativamente ampliada (pelo menos 200%) com as ferramentas do navegador. É melhor se a página se encaixar horizontalmente na janela do navegador o tempo todo e não mostrar uma barra de rolagem horizontal. A página ampliada não deve "perder" conteúdo.
15. Todos os títulos (title) das páginas devem ser únicos e informar sobre o conteúdo da subpágina em que o usuário se encontra. O layout do título deve ser construído de acordo com o esquema: [Título da subpágina] - [Nome da Instituição].
16. Todas as subpáginas devem ser baseadas em cabeçalhos. Os cabeçalhos (h1-h6) são a maneira fundamental de organizar o conteúdo da página. O cabeçalho h1 deve ser o título do texto principal da página.
17. Para organizar o conteúdo em textos ou elementos de navegação, devem ser utilizadas listas não ordenadas e ordenadas.
18. O idioma do site e os fragmentos estrangeiros devem ser definidos pelo atributo lang.
19. As citações devem ser devidamente destacadas - no mínimo com aspas.
20. O código do site deve estar em conformidade com os padrões e não deve usar tabelas como elemento estrutural da página.
21. As tabelas usadas para fornecer dados devem ser construídas de maneira simples e ter cabeçalhos.
22. Todas as molduras devem ser devidamente tituladas.
23. Todos os scripts e applets devem ser acessíveis para pessoas cegas e aquelas que utilizam apenas o teclado.
24. Os formulários, incluindo o formulário de pesquisa, devem ser construídos de acordo com os padrões. Todos os campos e botões dos formulários devem ser devidamente descritos.
25. O site deve ser acessível em navegadores e dispositivos com CSS desativado.
1. Todos os elementos gráficos devem ter um texto alternativo conciso (alt) que descreve o que está na imagem ou, se a imagem for um link - para onde o link leva. Se as imagens forem puramente decorativas, elas devem ter um "atributo alt vazio".
2. Deve-se evitar elementos animados, textos em movimento, pois distraem todos os usuários, não apenas os com deficiência. Algumas imagens animadas, especialmente as agressivas e animadas rapidamente, podem representar um risco para pessoas com epilepsia fotonicamente induzida!
3. Todos os arquivos de áudio (programas, entrevistas, palestras) devem ser acompanhados de uma transcrição textual. Os players desses arquivos publicados no site devem ser operáveis com o teclado e acessíveis para pessoas cegas.
4. Todos os arquivos de vídeo devem ser acompanhados por legendas para pessoas com deficiência auditiva. Os players devem ser acessíveis para pessoas cegas e aquelas que utilizam apenas o teclado.
5. Todos os arquivos multimedia e em Flash devem estar acessíveis ou disponíveis em formato alternativo.
6. Os arquivos em PDF, Word e outros formatos populares para download devem ser preparados como acessíveis. Por exemplo, arquivos PDF devem ter uma estrutura que auxilia pessoas cegas a navegar nesses documentos.
7. O texto publicado no site deve ser escrito da maneira mais simples possível, para que pessoas com menor nível de instrução e com deficiência intelectual possam acessá-lo.
8. Os textos devem ser publicados de forma legível - divididos em parágrafos, listas e outras seções; não justificados à direita; as abreviaturas devem ser expandidas em sua primeira ocorrência em cada página. O texto deve ser complementado com cabeçalhos (h1-h6) para que pessoas cegas possam navegar facilmente até a seção que lhes interessa.
9. A navegação (menu) deve ser consistente, lógica e inalterada no site. A navegação em todo o site deve ser acessível pelo teclado.
10. Todos os elementos ativos, como links, banners ou campos de formulário, devem ter um foco visual claro (geralmente na forma de uma moldura visível durante a navegação na página usando a tecla TAB). Recomenda-se fortalecer o foco padrão para que ele seja claramente visível também para pessoas com baixa visão.
11. Todos os links devem ser únicos e compreensíveis, mesmo fora de contexto. Não se deve usar links na forma de ">>" ou "mais" ou "clique aqui". Os links não devem abrir em uma nova janela ou guia do navegador sem aviso prévio.
12. Recomenda-se usar o recurso de "pular links", ou seja, a capacidade de ir diretamente para o conteúdo de uma página única. Isso é especialmente importante em sites com dezenas de links na navegação/menu principal.
13. O contraste de cor de todos os elementos que transmitem conteúdo (textos, links, banners) ou funcionais deve ter uma relação de luminosidade do texto para o fundo de pelo menos 4,5 para 1, e de preferência não inferior a 7 para 1.
14. A página deve ser significativamente ampliada (pelo menos 200%) com as ferramentas do navegador. É melhor se a página se encaixar horizontalmente na janela do navegador o tempo todo e não mostrar uma barra de rolagem horizontal. A página ampliada não deve "perder" conteúdo.
15. Todos os títulos (title) das páginas devem ser únicos e informar sobre o conteúdo da subpágina em que o usuário se encontra. O layout do título deve ser construído de acordo com o esquema: [Título da subpágina] - [Nome da Instituição].
16. Todas as subpáginas devem ser baseadas em cabeçalhos. Os cabeçalhos (h1-h6) são a maneira fundamental de organizar o conteúdo da página. O cabeçalho h1 deve ser o título do texto principal da página.
17. Para organizar o conteúdo em textos ou elementos de navegação, devem ser utilizadas listas não ordenadas e ordenadas.
18. O idioma do site e os fragmentos estrangeiros devem ser definidos pelo atributo lang.
19. As citações devem ser devidamente destacadas - no mínimo com aspas.
20. O código do site deve estar em conformidade com os padrões e não deve usar tabelas como elemento estrutural da página.
21. As tabelas usadas para fornecer dados devem ser construídas de maneira simples e ter cabeçalhos.
22. Todas as molduras devem ser devidamente tituladas.
23. Todos os scripts e applets devem ser acessíveis para pessoas cegas e aquelas que utilizam apenas o teclado.
24. Os formulários, incluindo o formulário de pesquisa, devem ser construídos de acordo com os padrões. Todos os campos e botões dos formulários devem ser devidamente descritos.
25. O site deve ser acessível em navegadores e dispositivos com CSS desativado.
usersUpvoted
answersCount