saltar para o corpo principal da página

esta página pertence a acesso.umic.pt » AccessMonitor » IPL Mais Inclusivo


Este documento faz parte do:

Access
Monitor

Relatório AccessMonitor WCAG 2.0

[nota técnica]

validador automático para as WCAG desenvolvido pela
Unidade ACESSO da FCT - Fundação para a Ciência e a Tecnologia, IP.

Amostra recolhida:

Página:
Ver página Ver código http://maisinclusivo.ipleiria.pt/agenda/mes/
Título:
Eventos em Junho 2018IPL (+) Inclusivo
Tamanho:
48.8 KB (49926 bytes)
Número de Elementos:
329
Data/Hora:
07/06/2018 - 11:13 GMT

Resultados compilados

I. Sumário

O índice que encontra no AccessMonitor é uma unidade de valoração utilizada em todos os testes do validador e cujo resultado final sintetiza e quantifica o nível de acessibilidade alcançado. O índice está representado numa escala de 1 a 10, representando o valor 10 uma adopção plena da boa prática induzida pelo AccessMonitor. O índice é um indicador que se destina ao uso exclusivo dos criadores do sítio Web. Todos os testes do AccessMonitor têm a sua fundamentação nas WCAG 2.0 do W3C.

Esta página não passa a bateria de testes do AccessMonitor de nivel "A"

índice

AccessMonitor 6.0
Nivel Testes realizados
Ok Erros Avisos Total
A 1 4 8 13
AA 0 0 2 2
AAA 0 2 2 4
[versão linear]

II. Detalhe dos testes realizados

Elementos HTML encontrados na página Erros
A AA AAA
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Texto alternativo em imagens

     
Constatou-se que todas as imagens fazem uso do atributo alt
  • Imagens: 13 Elementos teste img DOM teste img Página teste img
  • Imagens sem alt: 0

Verifique se o equivalente textual alternativo existente nas imagens serve informação ou função igual à desempenhada pela imagem na página.

Documentação WCAG 2.0 de referência:

H37: Utilizar atributos alt em elementos img
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Marcação de cabeçalhos

    1
Foi encontrado 1 caso em que os cabeçalhos não respeitam a cadeia hierárquica
  • Cabeçalhos (<h1>-<h6>): 9 Elementos teste hx DOM teste hx Página teste hx
  • Cabeçalhos com salto(s) de nivel hierárquico incorrectos: 1 Elementos teste hxSkip DOM teste hxSkip Página teste hxSkip

Para facilitar o processo de navegação pela página, é importante que se organizem os cabeçalhos de acordo com os seus níveis hierárquicos (p.e. h1 seguido por h2; h2 seguido por h2 ou h3; h3 seguido por h3 ou h4, etc).

Documentação WCAG 2.0 de referência:

G141: Organizar uma página utilizando cabeçalhos
Esta técnica WCAG 2.0 está relacionada com:
    Erro
Foram encontrados 9 elementos cabeçalho
  • Cabeçalhos (<h1>-<h6>): 9 Elementos teste hx DOM teste hx Página teste hx

Em todas as páginas devemos marcar, pelo menos, um cabeçalho de nível 1, o qual marca o texto que se identifica como sendo o que serve de título. É igualmente boa prática marcar os textos que se identificam como sendo as secções com cabeçalhos de nível 2. Faça com os cabeçalhos existentes um índice e verifique se o índice (as suas secções e subsecções) fazem sentido.

Documentação WCAG 2.0 de referência:

G141: Organizar uma página utilizando cabeçalhos
Esta técnica WCAG 2.0 está relacionada com:
    Aviso
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Links para contornar blocos de informação

     
Constatou-se que o primeiro link da página nos conduz até à área do conteúdo principal
  • Links: 32 Elementos teste a DOM teste a Página teste a
  • Link para saltar para o conteúdo principal: 1 Elementos teste aSkipFirst DOM teste aSkipFirst Página teste aSkipFirst

O objectivo é disponibilizar um mecanismo que permita contornar blocos de material que se repetem em múltiplas páginas Web, passando directamente para o conteúdo principal. Verifique que o primeiro link existente na página Web se encontra sempre visível ou que fica visível quando recebe o foco do teclado.

Documentação WCAG 2.0 de referência:

G1: Adicionar um link no topo de cada página para aceder directamente à área do conteúdo principal
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Foi encontrado 1 link para contornar blocos de conteúdo
  • Links: 32 Elementos teste a DOM teste a Página teste a
  • Links para contornar blocos de conteúdo: 1 Elementos teste aSkip DOM teste aSkip Página teste aSkip

O objectivo é disponibilizar um mecanismo que permita contornar blocos de material, saltando para o fim desses mesmos blocos. Verifique que o primeiro link existente na página Web se encontra sempre visível ou que fica visível quando recebe o foco do teclado.

Documentação WCAG 2.0 de referência:

G123: Adicionar um link no início de um bloco de conteúdo repetido para aceder directamente ao fim do bloco
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Tabelas de dados

1    
Foi localizada 1 tabela de dados sem <caption> ou summary
  • Tabelas de dados: 1 Elementos teste tableData DOM teste tableData Página teste tableData
  • Tabelas de dados sem o elemento <caption> ou o atributo summary: 1 Elementos teste tableDataCaption DOM teste tableDataCaption Página teste tableDataCaption

O elemento <caption> atribui um título à tabela. O atributo summary disponibilizar uma antevisão do propósito dos dados apresentados na tabela ou explica como navegar pela tabela. O elemento <caption> pode ser usado quer se use ou não o atributo summary.

Documentação WCAG 2.0 de referência:

H39: Utilizar elementos caption para associar títulos às tabelas de dados
Esta técnica WCAG 2.0 está relacionada com:
Erro   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Marcação de formulários

2    
Foi identificado 1 controlo de formulário sem etiquetas associadas e sem o atributo title
  • Controlos de formulário que têm explicitamente associados uma etiqueta (<label>): 3 Elementos teste inputLabel DOM teste inputLabel Página teste inputLabel
  • Controlos de formulário sem etiquetas [<label>] associadas e sem atributo title: 1 Elementos teste inputIdTitleNo DOM teste inputIdTitleNo Página teste inputIdTitleNo

Os elementos <label> associados aos elementos <input> asseguram que a informação relacionada com os campos é lida pelos leitores de ecrã sempre que os campos de edição recebem o foco. O atributo title pode ser usado sempre que seja difícil, em termos de design, acomodar a label ou quando a mesma possa causar confusão.

Documentação WCAG 2.0 de referência:

H65: Utilizar o atributo title para identificar controlos de formulário quando o elemento label não puder ser utilizado
Esta técnica WCAG 2.0 está relacionada com:
Erro   
Foi identificada 1 <label> sem atributo for
  • Elementos <label>: 3 Elementos teste label DOM teste label Página teste label
  • Elementos <label> sem associação explícita: 1 Elementos teste labelForNo DOM teste labelForNo Página teste labelForNo

As etiquetas - elementos <label> - devem associar-se explicitamente aos controlos de formulário <input> respectivos através do atributo for posicionado neste e do atributo id posicionado naquele. O valor de ambos os atributos tem de ser igual.

Documentação WCAG 2.0 de referência:

F68: Falha dos Critérios de Sucesso 1.3.1 e 4.1.2 devido à associação de controlos de etiqueta e de interface de utilizador que não são determináveis de forma programática
Esta falha WCAG 2.0 está relacionada com:
Erro   
Constatou-se que todos os formulários têm um botão de envio
  • Formulários: 1 Elementos teste form DOM teste form Página teste form
  • Formulários sem o botão de envio: 0

A intenção com o uso de um botão de envio (submit button) é gerar um pedido HTTP que envie a informação introduzida num formulário, sendo uma forma adequada de controlo que permite aos utilizadores solicitar explicitamente alterações de contexto.

Documentação WCAG 2.0 de referência:

H32: Fornecer botões Submit
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Foi encontrado 1 controlo de formulário sem <label> associada
  • Elementos <label>: 3 Elementos teste label DOM teste label Página teste label
  • Controlos de formulário sem etiquetas associadas: 1 Elementos teste inputLabelNo DOM teste inputLabelNo Página teste inputLabelNo

As etiquetas devem estar associadas explicitamente a cada controlo do formulário através do par de atributos id e for respectivamente dos elementos <input> e <label>.

Documentação WCAG 2.0 de referência:

H44: Utilizar elementos label para associar etiquetas de texto a controlos de formulário
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Standards W3C: (X)HTML + CSS

1    
Foram encontrados 4 erros de validação na linguagem de marcação

O objectivo é eliminar ambiguidades nas páginas Web derivadas de código que não está em conformidade para com as especificações formais em vigor. Os resultados deste teste foram obtidos através do Serviço de Validação da Marcação do W3C.

Documentação WCAG 2.0 de referência:

G134: Validar páginas Web
Esta técnica WCAG 2.0 está relacionada com:
Erro   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Elementos e atributos de apresentação/obsoletos

     
Constatou-se que não há elementos a serem usados para controlo visual da apresentação
  • Elementos (X)HTML para controlo da apresentação visual: 0

Para cada parte de texto que tenha uma função semântica, se existir correspondência semântica na linguagem de marcação para o efeito, certifique-se que o conteúdo está a ser marcado correctamente.

Documentação WCAG 2.0 de referência:

G115: Utilizar elementos semanticos para marcar a estrutura
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Constatou-se que não há atributos a controlar a apresentação visual
  • Atributos (X)HTML para controlo da apresentação visual: 0

Certifique-se que a informação estrutural e funcionalidade são explícitos e que se encontra claramente separada da informação de apresentação.

Documentação WCAG 2.0 de referência:

G140: Separar a informação e a estrutura da apresentação para permitir diferentes apresentações
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Uso de unidades absolutas

     
Constatou-se que todas as unidades de medida existentes na CSS estão expressas em valores relativos
  • Unidades de medida relativas em CSS: 1 CSS teste valueRelCss

Aumente o tamanho da letra em 200% e certifique-se de que é possível ler todas as linhas do texto sem necessidade de efectuar varrimentos horizontais.

Documentação WCAG 2.0 de referência:

C24: Utilizar valores de percentagem em CSS para os tamanhos das caixas
Esta técnica WCAG 2.0 está relacionada com:
    Aviso
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Metadados (título, navegação, redireccionamento, reinicialização)

     
Foi localizado 1 elemento <link> para navegação
  • Elementos <link> para navegação: 1 Elementos teste linkRel DOM teste linkRel

Para cada um dos elementos <link>, certifique-se que ele contém um atributo href válido apontado para um recurso apropriado.

Documentação WCAG 2.0 de referência:

  Aviso 
Constatou-se que a página tem um elemento <title>
  • Título da página: Eventos em Junho 2018IPL (+) Inclusivo

Certifique-se até que ponto o <title> identifica os conteúdos ou o propósito da página Web.

Documentação WCAG 2.0 de referência:

H25: Fornecer um título utilizando o elemento title
Esta técnica WCAG 2.0 está relacionada com:
Aviso   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Marcação do idioma principal da página

     
Constatou-se que se identifica o idioma principal da página com o código "pt-PT"
  • Idioma principal da página: pt-PT

Certifique-se que o código do idioma posicionado no elemento <html>, identifica correctamente o idioma principal utilizado na página.

Documentação WCAG 2.0 de referência:

H57: Utilizar atributos language no elemento html
Esta técnica WCAG 2.0 está relacionada com:
OK   
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Contraste da informação

     
Foi identificada 1 regra de CSS em que não se especifica ou a cor de letra ou a cor de fundo
  • Regras de CSS em que não se especifica simultaneamente a cor de fundo e/ou cor da letra: 1 CSS teste colorFgBgNo

A não ser que o autor especifique a cor de fundo e a cor de letra, ele (o autor) nunca poderá garantir que o utilizador irá obter um contraste que satisfaça as suas necessidades. Não é necessário que a cor de letra e a cor de fundo estejam definidos na mesma regra de CSS mas é recomendável que assim seja.

Documentação WCAG 2.0 de referência:

F24: Falha dos Critérios de Sucesso 1.4.3, 1.4.6 e 1.4.8 devido à especificação de cores de primeiro plano sem especificar as cores de fundo e vice-versa
Esta falha WCAG 2.0 está relacionada com:
  Aviso 
Detalhe do teste
Elementos HTML encontrados na página A AA AAA

Marcação de abreviaturas

    1
Foi localizada 1 abreviatura sem definição
  • Elementos <abbr> ou <acronym> sem definição: 1 Elementos teste abbrNo DOM teste abbrNo Página teste abbrNo

É sempre aconselhável usar o elemento <abbr> para marcar uma abreviatura. Quando se usa HTML e XHTML, os acrónimos devem ser marcados com o elemento <acronym>. Todos os abbr e acronym devem ter um atributo title para descrever as respectivas abreviaturas e acrónimos.

Documentação WCAG 2.0 de referência:

G102: Fornecer a definição por extenso ou explicação de uma abreviatura
Esta técnica WCAG 2.0 está relacionada com:
    Erro

Mais informação:

2009 - 2013 © Unidade ACESSO da FCT - Fundação para a Ciência e a Tecnologia, I.P.