Artefatos » Acessibilidade
A estrutura do catálogo de acessibilidade Web foi dividida em 4 níveis de hierarquia, tendo como base as diretrizes do WCAG 2.0 da W3C. O primeiro nível corresponde aos príncipios de acessibilidade Web, já o segundo se relaciona as diretrizes do WCAG 2.0, o 3º nível contém os requisitos refinados a partir das diretrizes, e por fim o quarto nível compreendem as operacionalizações dos requisitos (Para maiores detalhes clique aqui). Navegue pelas abas abaixo para selecionar a forma de exploração do catálogo desejada:
Clique aqui para imprimir o catálogo de correlações abaixo.
| Acessibilidade | |||
|---|---|---|---|
| Princípios | Requisitos | Operacionalizações | |
| Diretrizes | Refinamentos | ||
| Conteúdos disponibilizados de maneira perceptível | Alternativas para midias baseadas no tempo de execução | Alternativas para conteúdos de áudio (ao vivo) | Fornecer alternativas textuais para conteúdo de aúdio (ao vivo) |
| Fornecer um link para descrever textualmente o conteúdo de aúdio | |||
| Disponibilidade de legendas para midias pré-gravadas e ao vivo | Fornecer bibliotecas de lengendas para videos | ||
| Fornecer legendas através de SMIL (Syncronized Multimedia Integration Language) | |||
| Alternativas pré-gravadas para tipo de conteúdo video | Fornecer um link que aponte para as opções do conteúdo de video | ||
| Utilizar o corpo da tag object para prover uma alternativa textual | |||
| Associar descrições extendidas de áudio para videos | |||
| Disponibilidade de linguagens de sinais | Incluir um intérprete de lingua gestual no fluxo de video | ||
| Fornecer um vídeo sincronizado contendo o intérprete de língua gestual em uma janela diferente | |||
| Alternativas para midias pré- gravadas do tipo aúdio e video | Fornecer midias alternativas para tipos de conteúdo baseados apenas em aúdio | ||
| Fornecer documentos contendo as mesmas informações do conteúdo | |||
| Fornecer midias alternativas para tipos de conteúdo baseados apenas em video | |||
| Fornecer áudio que descreva o conteúdo de vídeo | |||
| Fornecer uma alternativa estática do conteúdo através do MediaElement em Silverlight | |||
| Alternativas contendo descrições de aúdio | Associar descrições extendidas de áudio para videos | ||
| Fornecer uma segunda faixa de aúdio contendo a descrição do aúdio principal | |||
| Fornecer um video contendo as descrições do áudio | |||
| Conteúdo apresentado de diferente maneiras | Conteúdo preservado independente do formato da apresentação | Separar a apresentação do conteúdo | |
| Utilizar a marcação de tabelas para apresentar informações tabulares | |||
| Utilizar elementos de marcação com semânticas apropriadas | |||
| Informações disponibilizadas através de sequências bem definidas | Ordenar o conteúdo por sequências que preservem seu significado | ||
| Utilizar CSS para controlar espaçamento e posicionamento do conteúdo | |||
| Usar propriedade tabIndex em flash para viabilizar uma sequencia lógica para conteúdos | |||
| Conteúdos disponibilizados com instruções que não dependem de caracteristicas sensoriais para serem compreendidas | Fornecer uma identificação textual de itens que dependem de caracteristicas sensoriais para serem compreendidos | ||
| Facilidade na audição e visualização das informações disponibilizadas | Controle sobre conteudos de aúdio | Fornecer controle ao usuário permitindo que este interrompa o som quando quiser | |
| Reproduzir sons até no máximo 3 segundos após a página ser acessada | |||
| Reproduzir som apenas a pedido do utilizador | |||
| Permissão para a manipulação de textos | Fornecer controles na página que permitam ao usuário alterar o tamanho do texto em até 200% | ||
| Utilizar porcentagem para definir tamanho de fonte | |||
| Controle para contrastes de cores | Equilibrar contraste entre o texto e a cor do plano de fundo | ||
| Permitir que os usuários alterem o primeiro plano e plano de fundo dos blocos textuais | |||
| Controle para conteúdo de audio executado em segundo plano | Efetuar configuração para que o áudio principal fique 20 decibéis mais alto que o aúdio secundário | ||
| Permitir que os usuários possam ajustar sons executados em segundo plano | |||
| Controle para imagens de textos | Utilizar CSS para substituir imagens de textos por textos | ||
| Executar OCR em um documento PDF para fornecer texto real | |||
| Mecanismos de controle para a apresentação visual dos blocos de textos |
Evitar o uso de textos justificados:
|
||
Permitir que o usuário controle as cores de fundo:
|
|||
| Ajustar conteúdo para navegação vertical em dispositivos mobiles | |||
| Configurar o espaçamento entre as linhas para no minimo 1.5 | |||
Permitir que o usuário redimensione o texto em até 200% sem necessidade de tecnologias assistivas:
|
|||
| Alternativas para associar ao uso de cores | Utilizar caracteres para indicar obrigatoriedade de preenchimento para campos de formulários | ||
| Alterar a apresentação de componentes de interface quando estes receberem o foco | |||
| Fornecer alternativas textuais para informações transmitidas através de cores | |||
| Alternativas para conteúdos não textuais | Conteúdos não textuais disponibilizados através de alternativas textuais | Substituir conteúdos não textuais por textos | |
Fornecer alternativas textuais curtas:
|
|||
Fornecer descrições para controles de formulario:
|
|||
Fornecer alternativas textuais longas:
|
|||
| Utilizar Flash ou Silverlight para fornecer alternativas textuais | |||
| Utilizar o corpo da tag object para prover uma alternativa textual | |||
| Conteúdos disponibilizados de maneira operabilizável | Funcionalidades disponibilizadas apartir do teclado | Disponibilidade de alternativas para evitar armadilhas ou bloqueio do teclado | Garantir que o usuário não fique preso em algum conteúdo |
| Utilizar objeto Flash embutido no conteúdo para evitar armadilhas ou bloqueio do teclado | |||
| Adaptação das funcionalidades para utilização via teclado | Preencher corretamente os atributos dos componentes de interface como função, nome, valor e estado | ||
| Fornecer alternativas ao mouse | |||
| Garantir que funções específica dos dispositivos de entrada sejam aproveitadas | |||
| Fornecer controle interativo de formulário para documentos em PDF | |||
| Tempo suficiente para aproveitamento do conteúdo | Tempo de acesso ao conteúdo ajustável |
Fornecer controle para tempo limitado por sessão:
|
|
| Controle sobre as interrupções para atualização do conteúdo | Fornecer um mecanismo que permita adiar atualizações do conteúdo | ||
| Permitir configurar para que a atualização do conteúdo seja manual | |||
| Controle para novas requisições de autenticações | Guardar dados de forma que o usuário possa reutilizar após nova autenticação | ||
| Codificar os dados de usuários como dados ocultos ou encriptados | |||
| Controle para pausar, parar e ocultar apresentação de conteúdos | Permitir que o conteúdo seja pausado e reinciado de onde foi pausado | ||
| Definir scripts para controle sobre gifs animados permitindo parar suas animações após n ciclos (ao menos 5 segundos) | |||
| Disponibilizar ao usuário um controle que permita ocultar, parar ou pausar a atualização ou movimentação de um conteúdo | |||
| Fornecer um link, um botão ou um mecanismo que permita carregar a página sem conteúdo piscando | |||
| Tratamento de conteúdo para que não cause convulsões | Quantidade de flashes limitados | Limitar para 3 o numero de flashes por segundo em conteúdo animados | |
| Manter o conteúdo piscando em uma área pequena que seja menor do que 25 % em relação a 10 Graus da visão humana | |||
| Utilizar técnicas que possam garantir que o conteúdo não viole o limite de flashes por segundo | |||
| Suporte para a navegação no conteúdo | Identificação da finalidade de cada link | Fornecer alternativas textuais para elementos de área contidos em mapas de imagens | |
| Fornecer texto descrevendo a finalidade do link | |||
| Alternativas para localizar uma página dentro do site | Ligar todas as páginas com a página principal | ||
| Fornecer links para navegar em páginas relacionadas | |||
| Fornecer um indíce | |||
| Fornecer uma lista de links para todas as páginas | |||
| Fornecer uma função de pesquisa de páginas | |||
| Fornecer um mapa do site | |||
| Suporte para localização dentro do site | Fornecer a localização atual ] | ||
| Fornecer rastros para indicar uma trilha | |||
| Fornecer um mapa do site | |||
| Conteúdos disponibilizados de maneiras bem definidas | Fornecer titulos para descrição das páginas | ||
| Fornecer elementos de cabeçalhos descrevendo os conteúdos | |||
| Fornecer elementos de etiquetas para os componentes interativos do conteúdo | |||
| Fornecer páginas utilizando elementos de cabeçalhos por sessão | |||
| Gerenciamento sobre blocos de conteúdos |
Fornecer links que permitam pular blocos de conteúdo repetido:
|
||
Fornecer agrupamento de blocos para conteúdos repetidos de forma que possam ser ignorados:
|
|||
| Ordenação do foco sobre o conteúdo | Ajustar os elementos interativos para seguir as sequências e relacionamento dentro do conteúdo | ||
| Garantir ordem para tabulação entre e links, controle de formulários e objetos | |||
| Foco sempre visível | Alterar a apresentação de um componente de interface quando este receber o foco | ||
| Utilizar componentes de interface que possam ter focos destacados por agentes de usuário | |||
| Conteúdos disponibilizados de maneira compreensível | Conteúdos de de texto disponibilizados de maneira legível e compreensível | Páginas fornecidas com idiomas definidos | Utilizar atributos de linguagem lang |
| Especificar a linguagem para passagens ou frases em documentos PDF | |||
| Tratamento para a complexidade dos textos disponibilizados | Fornecer textos resumidos que exijam pouca habilidade para compreensão | ||
| Fornecer imagens e simbolos para ajudar na compreensão de textos | |||
| Fornecer uma versão falada do texto | |||
| Tornar textos simples de ler | |||
| Tratamento para trechos contendo lingua estrangeira | Utilizar atributos lang com xml para identificar alterações no idioma | ||
| Especificar a linguagem com elemento land para uma passagem ou frase de documentos PDF | |||
| Tratamento para palavras incomuns | Fornecer uma função que possibilite pesquisar em um dicionário on line | ||
| Fornecer definições para palavras ou frases utilizadas de maneira informal ou restrita | |||
| Utilizar listas de definições | |||
| Fornecer um glossário | |||
| Utilizar elemento link para vincular termos a glossários | |||
| Utilizar elemento dfn para identificar uma instância que define uma palavra | |||
| Tratamento de pronúncias | Fornecer uma pronuncia imediatamente após a palavra | ||
| Fornecer pronuncia falada | |||
| Páginas com funcionamento previsível | Navegação consistente | Preservar a ordem dos mecanismos de navegação repetidos | |
| Fornecer cabeçalho e rodapé na execução de documentos PDF | |||
| Tratamento do foco para mudança de contextos | Utilizar elemento "activate" em vez "focus" como gatilho para alterações de contextos | ||
| Abrir nova aba ou janela quando for realmente necessário | |||
| Informar ao usuário antes de abrir uma nova janela | |||
| Tratamento para mudanças de contextos | Fornecer botões para iniciar mudança de contexto | ||
| Fornecer elemento select para executar uma ação | |||
| Alterações de contexto mediante a solicitações | Permitir que o usuário solicite atualizações de conteúdo ao invés de atualizar automaticamente | ||
Fornecer tratamento para redirecionamento automático:
|
|||
Tratar pop-up:
|
|||
| Conteúdos disponibilizados com identificação consistente | Utilizar labels, nomes e alternativas textuais de forma consistente para conteúdos que possuem mesmos sentidos | ||
| Utilizar textos consistentes para transmitir a função dos componentes de interface | |||
| Correção e prevenção de erros | Tratamento para identificação dos erros |
Fornecer tratamento para informar ausência de dados em campos de preenchimento obrigatório:
|
|
Fornecer tratamento para dados que devem obedecer um determinado formato:
|
|||
| Suporte para a entrada de informações |
Fornecer etiquetas descrevendo os dados esperados:
|
||
| Utilizar elementos etiqueta para associar textos a controle de formulários | |||
| Sugestões para correções para erros | Fornecer uma descrição textual informando os erros e sugerindo correções | ||
| Fornecer alertas para as validações efetuadas pelo lado cliente da aplicação | |||
| Suporte para usar o site |
Tratar ajuda para entrada de texto:
|
||
| Fornecer ajuda durante o preenchimento de formulários | |||
| Prevenção contra todos os tipos de erros |
Fornecer tratamento para prevenção de erros em transações legais:
|
||
Fornecer tratamento para ações que possam excluir informações:
|
|||
| Fornecer formas de recuperar as informações | |||
| Solicitar confirmação para continuar a ação selecionada | |||
| Conteúdos disponibilizados de maneira robusta | Conteúdos disponibilizados com o máximo de compatibiliadade | Tratamento para os valores dos componentes de interface do usuário |
Utilizar funcionalidades de marcação para mostrar os nomes e funções dos componentes:
|
| Utilizar os recursos de API´s de acessibilidade para mostrar nomes e funções dos componentes | |||
| Páginas analisadas quanto a formatação |
Fornecer páginas em conformidade com as especificações de boas práticas para as linguagens de marcação:
|
||
Validar páginas:
|
|||