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:
  • Especificar o alinhamento tanto para esquerda como para direita
  • Alinhar textos para apenas um lado
Permitir que o usuário controle as cores de fundo:
  • Não especificar cor de fundo e nem do texto
  • Fornecer ao usuário um painel para seleção de cores
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:
  • Utilizar layout liquido
  • Utilizar script para cálcular tamanho e posicionamento do conteúdo
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:
  • Utilizar atributos alt em tags contendo imagens
  • Fornecer alternativas textuais para arte ASCII, emoticons e leetspeak
  • Utilizar atributos alt em tags contendo imagens
  • Utilizar alternativa textual para um item dentro de um grupo de imagens que descreva todos os itens do grupo
Fornecer descrições para controles de formulario:
  • Utilizar atributos alt em tags contendo imagens
  • Fornecer descrições para elementos de mapas de imagens
  • Utilizar elemento label para vincular rótulos aos controles de formulário
  • Utilizar atributo title para associar a controles de fórmulários
Fornecer alternativas textuais longas:
  • Fornecer helptext através de Silverlight
  • Utilizar atributo longdesc
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:
  • Fornecer um checkbox permitindo que o usuário solicite mais tempo ou configurar para que a sessão seja livre
  • Permitir que o usuário desabilite o tempo limite
  • Permitir ao usuário pausar a leitura e reiniciar de onde foi pausada
  • Fornecer ao usuário a possibilidade de aumentar o limite de tempo da sessão no minimo 10 vezes o limite padrão
  • Permitir que os usuários complete uma tarefa sem qualquer limite de tempo
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:
  • Adicionar um link no inicio de cada bloco de conteúdo repetido para direcionar ao fim do bloco
  • Adicionar um link no topo de cada página que direciona o usuário para a página principal
  • Adicionar um link no topo de cada página que direciona o usuário para a página principal
  • Adicionar links no topo de cada página para áreas de conteúdo
Fornecer agrupamento de blocos para conteúdos repetidos de forma que possam ser ignorados:
  • Usar mapas para agrupar links
  • Fornecer elementos de cabeçalhos para cada seção de conteúdo
  • Fornecer elementos de cabeçalhos para cada seção de conteúdo
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:
  • Fornecer instâncias para redirecionamentos automáticos no lado servidor da aplicação
  • Fornecer instâncias para redirecionamentos automáticos no lado cliente da aplicação
Tratar pop-up:
  • Fornecer um atributo target para abrir uma nova janela
  • Utilizar avanço progressivo via script para abrir novas janelas
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 descrição textual informando que o campo não foi preenchido
  • Tratar validação e alerta pelo lado do servidor da aplicação
  • Fornecer descrição textual informando que o campo não foi preenchido
Fornecer tratamento para dados que devem obedecer um determinado formato:
  • Fornecer uma descrição textual informando que os dados informados não estão em um formato válido
  • Fornecer uma descrição textual informando que os dados informados não estão em um formato válido
  • Fornecer uma descrição textual informando que os dados informados não estão na lista de valores permitidos
Suporte para a entrada de informações Fornecer etiquetas descrevendo os dados esperados:
  • Fornecer descrição sobre o formato esperado para os dados fornecidos
  • Fornecer instruções no inicio do formulário
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 link de ajuda em todas as páginas
  • Fornecer verificação ortográfica e sugestões para entrada de texto
  • Fornecer assistente de ajuda em todas as páginas
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 a possibilidade do usuário rever as respostas antes de submeter
  • Fornecer elemento checkbox além do botão de submissão
Fornecer tratamento para ações que possam excluir informações:
  • Fornecer elemento checkbox além do botão de submissão
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:
  • Fornecer atributos de identificação exclusivos para cada controle de fomulário
  • Fornecer elementos etiqueta para associar aos controles de formulário
  • Fornecer elemento titulo para associar aos controles de formulário
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:
  • Garantir que os elementos não contêm atributos duplicados
  • Garantir que as tags estão abertas e fechadas corretamente
Validar páginas:
  • Avaliação manual para validação das normas de acessibilidade que exigem um julgamento humano
  • Utilizar ferrmanentas de avaliação automática para validação do HMTL , CSS e normas de acessibilidade