|
|
Você está aqui: Página Inicial » Documentos »WCAG 2.0 para HTML
Traduções
Traduções deste documento estão disponíveis:
Importante!
A informação nesta página não são WCAG 2.0.
Esta é uma lista simples que apresenta as recomendações para a implementação dos princípios e técnicas para atender a WCAG HTML 2.0.
A formulação utilizada aqui é significativamente diferente da utilizada na versão oficial do WCAG 2.0 , a fim de facilitar sua implementação e verificação de páginas web (Nota: veja também a versão francesa aprovada pelo W3C WCAG 2,0 como anunciado Ideose por 28 de junho de 2009).
Recomendações para usar esta lista: -
Esta lista não pode ser usado para verificar a conformidade com as WCAG 2.0.
Você deve usar a documentação oficial do WCAG 2.0 para determinar o nível de cumprimento ou descumprimento.
-
Esta lista não deve ser referenciado nos regulamentos.
Embora este seja um recurso útil para a execução técnica das WCAG 2.0 para o conteúdo HTML, esta não é uma lista para colocar nos regulamentos.
A documentação oficial do WCAG 2.0 descreve muito melhor os mecanismos de implementação da acessibilidade nos regulamentos ou leis.
-
WCAG 2.0 abrange a acessibilidade de todo o conteúdo da Web e não uma tecnologia específica.
Mas esta lista foi reduzida para HTML principalmente para a avaliação de conteúdo HTML.
Esta lista é bastante limitado e sujeito às mudanças tecnológicas, enquanto WCAG 2.0 são muito menos.
-
Esta lista apresenta a interpretação do WCAG 2.0 e seus critérios de sucesso por WebAIM.
Ele descreve as técnicas recomendadas por WebAIM para atender os critérios de sucesso. A primeira coluna da tabela abaixo fornece links para os critérios de sucesso da versão oficial do WCAG 2.0 em francês.
Apenas diretrizes oficiais pode ser usado para verificar a conformidade com as WCAG 2.0.
A versão desta lista também está disponível ( baixe o Adobe Reader ).
Perceptível
Conteúdo da Web é perceptível aos sentidos - visão, audição e / ou toque.
Recomendação 1,1
Os equivalentes textuais - Fornecer equivalentes textuais para todo o conteúdo não-texto que pode ser apresentada em diferentes formas, dependendo das necessidades do usuário: letras grandes, Braille, fala, símbolos ou linguagem mais simples. |
Critérios de sucesso |
Recomendações |
|---|
1.1.1 Conteúdo não-texto
(Nível A) | -
Todas as imagens, botões e forma uma imagem de mapa de áreas das imagens deve ter um texto alternativo adequada e equivalente.
-
Imagens que não transmitem conteúdo, que são decorativos ou cujo conteúdo já está prevista pelo texto ter um
alt texto vazio ( alt="" ) ou são implementadas em segundo plano CSS.
Todas as ligações imagens têm uma alternativa em texto que descreve a função da ligação. -
Alternativas para imagens complexas são dadas na página web ou em uma página separada (para ligar e / ou atributo
longdesc ). -
Os botões de formulário tem uma descrição dada pelo atributo
value . -
Campos
inputs têm rótulos de texto associado, ou, se as etiquetas não podem ser usados, eles descrevem um atributo title . -
Os multimédia incorporado (embutido) é identificado por um texto acessível.
-
Quadros (
frames ) têm títulos apropriado.
|
Recomendação 1,2
Multimédia baseada no tempo - propor versões alternativas para o tempo de mídia.
Nota: se o áudio ou vídeo retoma o conteúdo da página web (por exemplo, uma versão em áudio ou vídeo da língua de sinais para a página da Web), então o conteúdo da Web é a sua alternativa. |
Critérios de sucesso |
Recomendações |
|---|
1.2.1 Conteúdo de vídeo apenas áudio ou apenas (pré-gravado)
(Nível A) | -
Uma transcrição de texto descritivo (incluindo todas as informações e as informações de áudio) é dado para o áudio na web offline (podcasts de áudio, MP3, etc.).
-
Uma descrição textual é dado por áudio ou vídeo sem som, na web e offline (por exemplo, um vídeo que não tem faixa de áudio).
|
1.2.2 Legendas (Pré-gravada)
(Nível A) | -
As legendas são fornecidas para os vídeos sincronizados na Web off-line (vídeos do YouTube, etc.).
|
1.2.3 áudio-descrição ou para uma versão substituição de multimédia baseada no tempo (pré-cadastrado)
(Nível A) | |
1.2.4 Legendas (Live)
(Nível AA) | -
, vidéo conférences, animations Flash, etc.). De legendas sincronizadas são dadas para uma transmissão ao vivo, que contém áudio (somente áudio broadcast, web casts, conferências de vídeo, animações Flash, etc.).
|
1.2.5 A áudio-descrição (pré-gravado)
(Nível AA) | -
De áudio-descrições são dadas para todos os vídeos.
Nota: isto só é necessária se o conteúdo do vídeo veículo visual que já não está na trilha sonora.
|
1.2.6 Linguagem de Sinais (pré-gravado)
(Nível AAA) | -
A linguagem de sinais de vídeo é dado a todos os meios que contêm áudio.
|
1.2.7 áudio-descrição alargada (pré-gravado)
(Nível AAA) | -
Quando uma descrição áudio não pode ser adicionado ao vídeo, devido à temporização de áudio (por exemplo, não há silêncio), uma versão alternativa do vídeo com pausas para inserir descrição de áudio é dada.
|
Versão 1.2.8 para uma alternativa com base no tempo de mídia (pré-gravado)
(Nível AAA) | -
Uma transcrição de texto descritivo é fornecido para todas as mídias pré-gravadas que possuem uma faixa de vídeo.
|
1.2.9 Apenas áudio (ao vivo)
(Nível AAA) | -
Uma transcrição de texto descritivo (por exemplo, um script para um som ao vivo) é dada para que todos possam ter o áudio direto.
|
Recomendação 1,3
Adaptável - Criar conteúdos que possam ser apresentados em diferentes formas sem perder informação ou estrutura (por exemplo, com uma disposição mais simples). |
Critérios de sucesso |
Recomendações |
|---|
1.3.1 Informação e relacionamentos
(Nível A) | -
O código semântico é utilizado para os títulos parágrafo (
h1 ), listas ( ul , ol e dl ), textos cujo significado está estressada ou textos específicos (por exemplo, strong , code , abbr , blockquote ), etc.
O código de semântica deve ser utilizado de forma apropriada. -
As tabelas são utilizados para identificar as tabelas de dados.
Quando necessário, as células de dados estão associados com os seus colectores.
Os títulos das tabelas de dados e resumos são dadas, se necessário.
-
Os rótulos de texto associados com a entrada de campo de formulário.
Os campos do formulário são agrupadas em áreas de informação comum com um
fieldset / legend .
|
1.3.2 lógica ordem seqüencial
(Nível A) | |
1.3.3 Características Sensoriais
(Nível A) | -
As instruções não são dadas apenas de acordo com a forma, tamanho ou posição visual (por exemplo, "Clique no quadrado para continuar" ou "As instruções estão todas na coluna à direita").
-
As instruções não são dadas apenas para que o som (por exemplo, "Um sinal sonoro informa que você pode continuar").
|
Recomendação 1,4
Distinguível - Facilitar a percepção visual e auditiva de conteúdo do usuário, incluindo plano de separação de fundo. |
Critérios de sucesso |
Recomendações |
|---|
1.4.1 Utilização da Cor
(Nível A) | -
A cor não é o único meio utilizado para transmitir informações ou elementos visualmente distinguíveis.
-
A cor não é o único meio utilizado para distinguir uma ligação do texto em volta, a menos contraste, brilho entre a ligação eo texto ao redor é pelo menos 3:1 e um adicional de média dada quando o rato passa sobre ou quando recebe o foco do teclado (por exemplo, a ligação torna-se sublinhada).
|
1.4.2 O controle de som
(Nível A) | -
Um mecanismo é dado para parar, pausar ou ajustar o volume de um som que inicia-se automaticamente em uma página e dura mais de 3 segundos.
|
1.4.3 Contraste (Mínimo)
(Nível AA) | -
Os textos de texto e de imagem têm uma relação de contraste de pelo menos 4,5:1.
-
Um texto grande (acima de 18 pontos ou 14 pontos negrito) tem uma relação de contraste de pelo menos 3:1.
|
1.4.4 Redimensionar texto
(Nível AA) | -
A página é legível e funcional quando o tamanho do texto é dobrada.
|
1.4.5 Texto como imagens
(Nível AA) | -
Se a mesma apresentação visual do texto pode ser feito por si só, uma imagem não é usada para exibir texto.
|
1.4.6 Contraste (Melhorado)
(Nível AAA) | -
Os textos de texto e de imagem têm uma relação de contraste de pelo menos 7:1.
-
Um texto grande (acima de 18 pontos ou 14 pontos negrito) tem uma relação de contraste de pelo menos 4,5:1.
|
1.4.7 Som de fundo de volume baixo ou ausente
(Nível AAA) | -
O áudio de um discurso tem ruído de fundo pouco ou nenhum, tornando-voz facilmente audível.
|
1.4.8 Apresentação Visual
(Nível AAA) | -
Os blocos de texto de mais de uma frase:
-
conter no máximo 80 caracteres.
-
não são justificadas (alinhadas à esquerda e à direita).
-
têm um espaçamento de linhas (pelo menos metade da altura do texto) e um espaçamento de subseções (1,5 vezes o espaçamento da linha) mínima.
-
tem uma cor de primeiro plano e fundo especificado.
Elas podem ser aplicadas a itens específicos ou página inteira usando CSS (todos os outros elementos herdam estilo, então).
-
não cria barra horizontal quando o tamanho do texto é dobrada.
|
1.4.9 Texto como uma imagem (sem exceção)
(Nível AAA) | -
O texto é apresentado como uma imagem só para decoração (imagem não transmitir conteúdo) ou quando a informação não pode ser apresentado apenas com texto.
|
Utilizável
A interface de formulários e controles de navegação são usados.
Recomendação 2,1
Acessibilidade Teclado - Faça todo o teclado funcionalidade acessível. |
Critérios de sucesso |
Recomendações |
|---|
2.1.1 Teclado
(Nível A) | -
Todos os recursos da página são utilizados para o teclado, a menos que um recurso não pode ser operado no teclado de todos os métodos conhecidos (por exemplo, desenhar à mão livre).
-
Teclas de atalho para uma página específica e atalhos de teclado (os atalhos devem ser evitados) não entra em conflito com browser existente e atalhos para um leitor de tela.
|
2.1.2 Armadilha Não Teclado
(Nível A) | -
Foco teclado nunca é bloqueado ou preso em um elemento de página.
A usuário pode navegar de e para qualquer parte navegável da página usando apenas o teclado.
|
2.1.3 Teclado (Sem Excepção)
(Nível AAA) | -
Todos os recursos da página são utilizados para o teclado.
|
Recomendação 2,2
Tempo suficiente - Fornecer aos usuários tempo suficiente para ler e usar conteúdos. |
Critérios de Sucesso |
Recomendações |
|---|
2.2.1 Definir hora
(Nível A) | -
Se uma página ou aplicação tem um tempo limite, o usuário tem a opção de fechar, modificar ou prorrogar este prazo.
Isto não é um requisito para eventos em tempo real (por exemplo, um leilão), onde o prazo é obrigatório ou se o limite de tempo é superior a 20 horas.
|
2.2.2 Pausa, Parar, Ocultar
(Nível A) | -
Movimentos automáticos, conteúdo piscar ou scrollable que não duram mais de 3 segundos pode ser pausada, parado ou escondido pelo usuário.
Movimentos conteúdo, intermitente ou deslocável pode ser usado para atrair a atenção ou para enfatizar conteúdo contanto que eles durar menos de 3 segundos.
-
O conteúdo que são automaticamente atualizadas (por exemplo, redirecionamentos automáticos ou atualização da página, um ticker de notícias, um campo atualizado via AJAX, uma notificação de alerta, etc.) Pode ser pausado, parado ou escondido pelo usuário ou o usuário pode controlar manualmente o disparo de atualizações.
|
2.2.3 No prazo
(Nível AAA) | -
O conteúdo e funcionalidade não têm limites de tempo ou restrições de tempo.
|
2.2.4 Interrupções
(Nível AAA) | -
Interrupções (alertas, atualizações de páginas, etc.) Pode ser acionado mais tarde, ou removido pelo usuário.
|
2.2.5 Nova autenticação
(Nível AAA) | -
Se uma sessão de autenticação expira, o usuário pode se autenticar novamente e continuar sem perder os dados da página atual.
|
Recomendação 2,3
Crises - Não criar conteúdo pode causar convulsões.
Recomendação 2,4
Hidrovia - Fornecer ao usuário com orientação para navegar, localizar conteúdos e determinar onde o site. |
Critérios de sucesso |
Recomendações |
|---|
2.4.1 Ignorar Blocos
(Nível A) | -
É fornecido um link para pular a navegação e outros elementos da página que se repetem em todas as páginas.
-
Se uma página tem uma estruturação títulos parágrafo corretos, pode ser considerada uma técnica suficiente, em vez do link "Ir para o conteúdo principal."
Note-se que o parágrafo navegação títulos ainda não é possível em todos os navegadores.
-
Se uma página tem quadros e têm títulos apropriados, esta técnica é suficiente para passar cada parte individualmente.
|
2.4.2 Título da página
(Nível A) | -
A página da Web tem um título de página descritiva e informativa.
|
2.4.3 Foco Curso
(Nível A) | -
A ordem dos links de navegação, campos de formulário, etc.
é lógico e intuitivo.
|
2.4.4 Função da ligação (se necessário)
(Nível A) | -
O destino de cada ligação (ou formas botão de imagem ou áreas de um mapa de imagem) pode ser determinada quer por o texto da ligação sozinho ou a partir do texto da ligação e do seu contexto (por exemplo, nos parágrafos que o em torno dos itens da lista, as células da tabela ou os cabeçalhos de uma tabela).
-
Links (ou formas botões de imagem) com o mesmo texto que apontam para direções diferentes são distinguíveis pela leitura.
|
2.4.5 Multiple Access
(Nível AA) | -
Diferentes meios de acesso a páginas da Web são fornecidas no site - pelo menos duas: uma lista de páginas relevantes, uma tabela de conteúdos, um mapa do site, um motor de busca ou uma lista de todas as páginas da Web disponíveis.
|
2.4.6 Cabeçalhos e Etiquetas
(Nível AA) | -
Os títulos parágrafo nas páginas, as etiquetas para os campos do formulário e controles interativos são informativos.
Evite usar os mesmos títulos (por exemplo, "mais detalhes") ou as etiquetas mesmo texto ("Nome", por exemplo), a menos que a estrutura não diferencia adequadamente.
|
2.4.7 Visibilidade do foco
(Nível AA) | -
O elemento de página que tem o foco do teclado é visualmente aparente (quando você guia através da página, você pode ver onde você está).
|
2.4.8 Localização
(Nível AAA) | -
Se uma página de Web é parte de um conjunto de páginas, ou se o local é complexa, uma indicação do local da página corrente é dada, por exemplo através de um breadcrumb ou a passo na sequência especificando (por exemplo, "Etapa 2 de 5 - Endereço para envio").
|
2.4.9 Função da ligação (link único)
(Nível AAA) | -
O destino de cada ligação (ou formas botão de imagem ou áreas de um mapa de imagem) pode ser determinado a partir do texto da ligação sozinho.
-
Não há links (ou formas botões de imagem) com o mesmo texto que apontam para direções diferentes.
|
2.4.10 Em cabeçalhos de seção
(Nível AAA) | -
Além de dar uma estrutura geral para o documento, a informação é agrupada e tem títulos parágrafo se for o caso.
|
Compreensível
O conteúdo e interface são compreensíveis.
Recomendação 3,1
Legível - Tornar o conteúdo de texto legível e compreensível. |
Critérios de sucesso |
Recomendações |
|---|
3.1.1 Idioma da Página
(Nível A) | -
A linguagem da página é identificado usando o atributo HTML
lang .
|
3.1.2 Linguagem de uma passagem
(Nível AA) | -
Quando apropriado, as seções de conteúdo que têm uma linguagem diferente identificar esta mudança de linguagem, por exemplo, usando o atributo
lang ( <blockquote lang="es"> ).
|
3.1.3 Palavras Raros
(Nível AAA) | -
As palavras podem ser ambíguos, desconhecido ou usado de uma forma muito especial são definidas por um texto adjacente, uma lista de definição, um glossário, ou qualquer outro método adequado.
|
3.1.4 Abreviaturas
(Nível AAA) | -
As descrições das siglas são dadas sua primeira ocorrência usando a tag
<abbr> ou apontando para uma definição ou glossário.
Nota: WCAG 2.0 fornece nenhuma exceção para as mesmas abreviaturas utilizadas regularmente (por exemplo, o HTML abreviatura deve sempre ser descrita).
|
Nível de leitura 3.1.5
(Nível AAA) | -
Uma alternativa mais compreensível é dado um conteúdo que requer uma pessoa ao longo de 9 anos de estudo para ser compreendida.
|
3.1.6 Pronúncia
(Nível AAA) | -
Se a pronúncia de uma palavra é fundamental para entender esta palavra, sua pronúncia é dada imediatamente após a palavra ou através de um link ou um glossário.
|
Recomendação 3,2
Previsível - Assegurar que as páginas apareçam e funcionem de forma previsível. |
Critérios de sucesso |
Recomendações |
|---|
3.2.1 Em Foco
(Nível A) | -
Quando uma parte de uma página recebe o foco, não deve criar uma mudança radical na página que abrir uma nova janela, uma nova mudança no foco do teclado, ou quaisquer alterações que podem ser confusos ou desorientar o usuário.
|
3.2.2 A apreensão
(Nível A) | -
Quando um usuário informações insumos ou interage com um controle, isso não deve criar uma mudança radical na página que abrir uma nova janela, uma nova mudança no foco do teclado, ou quaisquer mudanças que possam criar confusão ou desorientação usuário, a menos que o usuário é informado dessa mudança antes.
|
3.2.3 Navegação coerente
(Nível AA) | -
Os links de navegação que são repetidos em páginas da web não alterar a sua ordem em páginas Web diferentes.
|
3.2.4 Identificação de coerente
(Nível AA) | -
Os elementos que têm a mesma funcionalidade em muitas páginas da Web são identificados de forma consistente.
Por exemplo, uma caixa de busca na parte superior do site deve ter sempre o mesmo rótulo.
|
3.2.5 Alteração na demanda
(Nível AAA) | -
Qualquer alteração substancial de uma página como abrir uma nova janela, uma nova mudança no foco do teclado, ou quaisquer mudanças que possam criar confusão ou confundir o usuário deve ser iniciada pelo usuário.
Inversamente, a capacidade para desactivar tais mudanças é dada ao utilizador.
|
Recomendação 3,3
Entrada de ajuda - Ajuda os usuários a evitar e corrigir erros de digitação. |
Critérios de sucesso |
Recomendações |
|---|
3.3.1 identificação de erros
(Nível A) | -
Os campos de formulários necessários ou aqueles que procuram um formato, um valor ou um comprimento específico dar esta informação no rótulo do campo (ou se o rótulo não é dado, a informação é dada pelo atributo
title do campo) . -
Se for usado, as indicações e os erros devido a uma validação de formulário (lado do cliente ou do lado do servidor) alertam os usuários de erros em um. eficiente, intuitiva e acessível
Os erros são claramente identificados, acesso rápido ao elemento problemático é dado eo usuário pode facilmente corrigir o erro e devolver o formulário.
|
3.3.2 Etiquetas ou Instruções
(Nível A) | -
Etiquetas, sinais e instruções adequadas para os elementos interativos são dadas através de instruções, exemplos, campos de etiquetas formulário corretamente colocados e / ou
fieldset / legend .
|
Sugestão 3.3.3 após um erro
(Nível AA) | -
Se um erro for detectado (por uma validação do lado do cliente ou do lado do servidor), as sugestões são dadas para corrigir o erro de certa forma no tempo e acessível.
|
3.3.4 Prevenção de Erros (Legal, Financeiro, Dados)
(Nível AA) | -
Se o usuário pode alterar ou excluir informações com mudanças legais, financeiros ou teste / exclusões são reversíveis, verificada ou confirmada.
|
3.3.5 Ajuda
(Nível AAA) | -
Se o usuário pode enviar, alterar ou excluir informações, a informação é reversível, verificada ou confirmada.
|
3.3.6 Prevenção de Erros (All)
(Nível AAA) | -
Se o usuário pode enviar informações, o carregamento é reversível, verificada ou confirmada.
|
Robusto
O conteúdo pode ser tratada de forma confiável por uma variedade de agentes de usuário, incluindo tecnologias de apoio.
Recomendação 4,1
Compatível - Maximizar a compatibilidade com os agentes do usuário atuais e futuras, incluindo tecnologias de apoio. |
Critérios de sucesso |
Recomendações |
|---|
4.1.1 Análise
(Nível A) | -
Erros de HTML / XHTML significativas validação / análise é evitado.
Use o validador do W3C
|
4.1.2 nome da função e valor
(Nível A) | -
A codificação é utilizada de um modo para facilitar a acessibilidade.
Isso inclui respeitar o código HTML / XHTML e formas de uso, campos, rótulos, títulos, quadros, etc.
apropriadamente.
|
© 2008 W3C ® ( MIT , ERCIM , Keio ), Tous droits réservés. Esta lista é fornecida em relação a assistência para a implementação de
Web Content Accessibility Guidelines (WCAG) 2.0 (W3C Recomendação de 11 de dezembro de 2008), que estão sob
Direitos Autorais © 2008 W3C ® ( MIT , ERCIM , Keio ), Todos os direitos reservados.
Os aspectos legais , a licença de marca registrada e condições de utilização aplicar W3C.
Relações comerciais
Início da página  |
Iniciativas
 |
Versão francesa por Ideose . 
Versão em espanhol por José Ramón Quevedo Santana. 
versão em checo Radek por Pavlicek. 
