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:
-
Acessibilidade
-
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
-
Alternativas para conteúdos de áudio (ao vivo)
-
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
-
Conteúdo preservado independente do formato da apresentação
-
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
-
Evitar o uso de textos justificados
-
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
-
Controle sobre conteudos de aúdio
-
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 não textuais disponibilizados através de alternativas textuais
-
Alternativas para midias baseadas no tempo de execução
-
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
-
Disponibilidade de alternativas para evitar armadilhas ou bloqueio do teclado
-
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
-
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
-
Tempo de acesso ao conteúdo ajustável
-
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
-
Quantidade de flashes limitados
-
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
-
Fornecer links que permitam pular blocos de conteúdo repetido
-
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
-
Identificação da finalidade de cada link
-
Funcionalidades disponibilizadas apartir do teclado
-
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 fornecidas com idiomas definidos
-
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
-
Navegação consistente
-
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
-
Fornecer tratamento para informar ausência de dados em campos de preenchimento obrigatório
-
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
-
Fornecer etiquetas descrevendo os dados esperados
-
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
-
Tratar ajuda para entrada de texto
-
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
-
Fornecer tratamento para prevenção de erros em transações legais
-
Tratamento para identificação dos erros
-
Conteúdos de de texto disponibilizados de maneira legível e compreensível
-
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
-
Utilizar funcionalidades de marcação para mostrar os 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
-
Fornecer páginas em conformidade com as especificações de boas práticas para as linguagens de marcação
-
Tratamento para os valores dos componentes de interface do usuário
-
Conteúdos disponibilizados com o máximo de compatibiliadade
-
Conteúdos disponibilizados de maneira perceptível
Nenhum elemento selecionado.