SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
acesso.umic.pt » AccessMonitor Pesquisar (alt+1)
§ Googlar
Página:
Título:
Tamanho:
Número de Elementos:
Data/Hora:
Access
Monitor
WCAG 1.0 WCAG 2.0
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:
http://pt.wikipedia.org/wiki/Wikipédia:Página_principal
Wikipédia, a enciclopédia livre
66.5 KB (68073 bytes)
774
03/05/2014 - 20:43 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"
índiceAccessMonitor
6.2
[versão placar]
Nivel
Testes realizados
Ok Erros Avisos Total
A 1 3 11 15
AA 0 1 2 3
AAA 0 0 2 2
II. Detalhe dos testes realizados
A listagem dos testes realizados encontra-se agrupada de
acordo com os níveis de conformidade A, AA e AAA definidos
nas WCAG 2.0 do W3C.
Testes AccessMonitor cujo
cumprimento contribui para a
conformidade de nível "A" das WCAG
2.0
Foram encontradas 2 imagens com uma
legenda que não serve de equivalente
alternativo
Imagens: 36
Imagens com um texto alternativo incorrecto:
2
As imagens devem ter equivalentes
alternativos textuais que descrevam o
propósito das imagens. Nos exemplos de
Falha dos Critérios de Sucesso 1.1.1 e 1.2.1
devido à utilização de alternativas em texto que
não são alternativas (por ex., nomes de ficheiros
ou texto de marcador de posição)
legendas que não servem o propósito de
texto alternativo incluem-se
"image"/"imagem", "spacer"/"espaçador",
"picture"/"fotografia".
Documentação WCAG 2.0 de referência:
Foram encontrados 40 erros de validação na
linguagem de marcação
Erros de validação (X)HTML: 40 [validador
HTML do W3C]
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:
Foram localizados 8 atributos para controlar a
apresentação visual
Atributos (X)HTML para controlo da
apresentação visual: 8
Separar as camadas de estrutura,
funcionalidade e apresentação permite
induzir a semântica através de um formato
que pode ser programaticamente
determinável através da camada estrutural.
Documentação WCAG 2.0 de referência:
Validar páginas Web
Separar a informação e a estrutura da
apresentação para permitir diferentes
apresentações
Constatou-se que se identifica o idioma
principal da página com o código "pt"
Idioma principal da página: 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:
Foram encontradas 8 tabelas sem células
cabeçalho
Tabelas sem células de cabeçalhos (i.e.
elementos <th>): 8
Apesar das WCAG não proibirem o uso de
tabelas layout, é recomendável o uso de
layout com base em CSS de forma a
preservar a semântica estrutural dos
elementos <table> do HTML bem como
preservar a boa prática de separação da
estrutura do estilo.
Documentação WCAG 2.0 de referência:
Foram encontradas 5 tabelas com tabelas
encadeadas
Tabelas: 8
Tabelas encadeadas: 5
Utilizar atributos language no elemento html
Utilizar a marcação da tabela para apresentar
informações dispostas em tabelas
Falha do Critério de Sucesso 1.3.2 devido à
utilização de uma tabela de esquema HTML que
não faz sentido quando linearizada
Se uma tabela contém uma tabela
encadeada, o significado percepcionado
visualmente pode não ser igualmente
percepcionado por quem usa um leitor de
ecrã.
Documentação WCAG 2.0 de referência:
Foram identificados 74 casos em que o atributo
title do elemento link se limita a repetir o
texto existente no link
Links: 243
Links com o mesmo texto afixado no
conteúdo e no atributo title: 74
O atributo title é utilizado para proporcionar
informação complementar à existente no
texto do link. O atributo title e o texto do
link devem ser suficientes para compreender
o propósito do link.
Documentação WCAG 2.0 de referência:
Foram encontradas 19 imagens em que a
legenda é um espaço vazio
Imagens: 36
Imagens com alt nulo: 19
O uso de legendas "nulas" ou com um
simples espaço em branco é uma prática
comum para imagens decorativas. Este tipo
de imagens deve passar para as CSS.
Documentação WCAG 2.0 de referência:
Fornecer suplementos ao texto do link com o
atributo title
Utilizar CSS para incluir imagens decorativas
Foi encontrado 1 grupo de links composto por
10 ou mais links não agrupados por elementos
estruturais
Links: 243
Links não agrupados de forma lógica: 1
Agrupar links relacionados entre si em grupos
é uma prática facilitadora da navegação pela
página por quem usa tecnologias de apoio.
Para o efeito, podemos usar os elementos
estruturantes para marcar listas - <ul>; <ol> -
ou o elemento map usual na marcação de
mapas de imagem.
Documentação WCAG 2.0 de referência:
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:
Constatou-se que todos os formulários têm um
Utilizar elementos estruturais para agrupar os
links
Utilizar elementos semanticos para marcar a
estrutura
Fornecer botões Submit
botão de envio
Formulários: 1
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:
Constatou-se que a página tem um elemento
<title>
Título da página: Wikipédia, a enciclopédia
livre
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:
Constatou-se que todas as imagens fazem uso
do atributo alt
Imagens: 36
Imagens sem alt: 0
Verfique que os textos alternativos passam o
mesmo significado que são transmitidos pelas
imagens.
Documentação WCAG 2.0 de referência:
Fornecer um título utilizando o elemento title
Utilizar atributos alt em elementos img
Constatou-se que o primeiro link da página nos
conduz até à área do conteúdo principal
Links: 243
Link para saltar para o conteúdo principal: 1
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:
Foram encontrados 2 links para contornar
blocos de conteúdo
Links: 243
Links para contornar blocos de conteúdo: 2
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:
Adicionar um link no topo de cada página para
aceder directamente à área do conteúdo
principal
Adicionar um link no início de um bloco de
conteúdo repetido para aceder directamente ao
fim do bloco
Testes AccessMonitor cujo
cumprimento contribui para a
conformidade de nível "AA" das
WCAG 2.0
Foram localizados 37 elementos ou atributos de
HTML que estão a ser usados para controlo da
apresentação visual do texto
Elementos e atributos HTML para controlar a
apresentação do texto: 37
As CSS devem ser usadas para controlar a
apresentação visual do texto. Pela separação
do estilo da marcação do conteúdo, os
editores podem simplificar e limpar a forma
de marcação do conteúdo, tornando-o, ao
mesmo tempo, mais acessível.
Documentação WCAG 2.0 de referência:
Foram identificadas 16 regras 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: 16
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.
Utilizar CSS para controlar a apresentação visual
do texto
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
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:
Foram localizados 3 elementos <link> para
navegação
Elementos <link> para navegação: 3
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:
Testes AccessMonitor cujo
cumprimento contribui para a
conformidade de nível "AAA" das
WCAG 2.0
Constatou-se que todas as unidades de medida
existentes na CSS estão expressas em valores
relativos
Unidades de medida relativas em CSS: 12
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:
Utilizar o elemento link e as ferramentas de
navegação
Utilizar valores de percentagem em CSS para os
tamanhos das caixas
Foram encontrados 22 elementos cabeçalho
Cabeçalhos (<h1>-<h6>): 22
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:
Mais informação: Mapa do Sítio Ajuda Sugestões
2009 - 2013 © Unidade ACESSO da FCT - Fundação para a Ciência e
a Tecnologia, I.P.
Organizar uma página utilizando cabeçalhos

Más contenido relacionado

Destacado (20)

gaialde
gaialdegaialde
gaialde
 
Eating responsibily
Eating responsibilyEating responsibily
Eating responsibily
 
Anuncie Midia kit oartigo.com.br
Anuncie Midia kit oartigo.com.brAnuncie Midia kit oartigo.com.br
Anuncie Midia kit oartigo.com.br
 
Penelitian Analitikal
Penelitian AnalitikalPenelitian Analitikal
Penelitian Analitikal
 
Presentation1
Presentation1Presentation1
Presentation1
 
Vacaturebuttons
VacaturebuttonsVacaturebuttons
Vacaturebuttons
 
The Baby Jing
The Baby JingThe Baby Jing
The Baby Jing
 
Комплексные решения «1С» для школ
Комплексные решения «1С» для школКомплексные решения «1С» для школ
Комплексные решения «1С» для школ
 
Souteufigado
SouteufigadoSouteufigado
Souteufigado
 
Olimpionades
OlimpionadesOlimpionades
Olimpionades
 
Artesanias argentinas
Artesanias argentinasArtesanias argentinas
Artesanias argentinas
 
Sueño, rio, lloro...
Sueño, rio, lloro...Sueño, rio, lloro...
Sueño, rio, lloro...
 
Inspirações gráficas para capas de discos
Inspirações gráficas para capas de discosInspirações gráficas para capas de discos
Inspirações gráficas para capas de discos
 
Reporte soft
Reporte softReporte soft
Reporte soft
 
Los 3 escalones de la evolución personal
Los 3 escalones de la evolución personalLos 3 escalones de la evolución personal
Los 3 escalones de la evolución personal
 
Festival de neve e gelo
Festival de neve e geloFestival de neve e gelo
Festival de neve e gelo
 
Manual de RAD - SP
Manual de RAD - SPManual de RAD - SP
Manual de RAD - SP
 
ресурс нпо и рег. рынок труда
ресурс нпо и рег. рынок трударесурс нпо и рег. рынок труда
ресурс нпо и рег. рынок труда
 
Fran y maikel
Fran y maikelFran y maikel
Fran y maikel
 
保険相談の日々
保険相談の日々保険相談の日々
保険相談の日々
 

Similar a Relatório Acessibilidade Página Wikipédia

SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0Willie Taminato
 
Modelagem Aplicações Web com UML
Modelagem Aplicações Web com UMLModelagem Aplicações Web com UML
Modelagem Aplicações Web com UMLClaudio Martins
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifaguestea329c
 
Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Hudson Augusto
 
Introdução ao HTML 5 do Básico ao avançado
Introdução ao HTML 5 do Básico ao avançadoIntrodução ao HTML 5 do Básico ao avançado
Introdução ao HTML 5 do Básico ao avançadoLuisFalco8
 
Iniciandoemhtml5 seleogustavo-121106173712-phpapp02
Iniciandoemhtml5 seleogustavo-121106173712-phpapp02Iniciandoemhtml5 seleogustavo-121106173712-phpapp02
Iniciandoemhtml5 seleogustavo-121106173712-phpapp02Marcelo Mattos
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web iEliene Resende
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web iEliene Resende
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudosinfo_cimol
 
Fundamentos do asp.net
Fundamentos do asp.netFundamentos do asp.net
Fundamentos do asp.netleojr_0
 
Iniciando em html5 seleção gustavo
Iniciando em html5   seleção gustavoIniciando em html5   seleção gustavo
Iniciando em html5 seleção gustavoGustavo Passos
 
jQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmicajQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmicaVictor Cavalcante
 
Secretaria de Educação - Avaliação Web 2013
Secretaria de Educação -  Avaliação Web 2013Secretaria de Educação -  Avaliação Web 2013
Secretaria de Educação - Avaliação Web 2013Hudson Augusto
 
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nosDesenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nosVinicius Rocha Olivieri
 
Treinamento ASP.NET 2014
Treinamento ASP.NET 2014Treinamento ASP.NET 2014
Treinamento ASP.NET 2014Eric Gallardo
 

Similar a Relatório Acessibilidade Página Wikipédia (20)

SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0
 
Modelagem Aplicações Web com UML
Modelagem Aplicações Web com UMLModelagem Aplicações Web com UML
Modelagem Aplicações Web com UML
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifa
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013
 
Introdução ao HTML 5 do Básico ao avançado
Introdução ao HTML 5 do Básico ao avançadoIntrodução ao HTML 5 do Básico ao avançado
Introdução ao HTML 5 do Básico ao avançado
 
Iniciandoemhtml5 seleogustavo-121106173712-phpapp02
Iniciandoemhtml5 seleogustavo-121106173712-phpapp02Iniciandoemhtml5 seleogustavo-121106173712-phpapp02
Iniciandoemhtml5 seleogustavo-121106173712-phpapp02
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudos
 
Fundamentos do asp.net
Fundamentos do asp.netFundamentos do asp.net
Fundamentos do asp.net
 
Aula1web html
Aula1web htmlAula1web html
Aula1web html
 
ApresentaçãO Mvc
ApresentaçãO MvcApresentaçãO Mvc
ApresentaçãO Mvc
 
Apresentação M V C
Apresentação M V CApresentação M V C
Apresentação M V C
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Iniciando em html5 seleção gustavo
Iniciando em html5   seleção gustavoIniciando em html5   seleção gustavo
Iniciando em html5 seleção gustavo
 
jQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmicajQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmica
 
Secretaria de Educação - Avaliação Web 2013
Secretaria de Educação -  Avaliação Web 2013Secretaria de Educação -  Avaliação Web 2013
Secretaria de Educação - Avaliação Web 2013
 
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nosDesenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
 
Treinamento ASP.NET 2014
Treinamento ASP.NET 2014Treinamento ASP.NET 2014
Treinamento ASP.NET 2014
 

Relatório Acessibilidade Página Wikipédia

  • 1. acesso.umic.pt » AccessMonitor Pesquisar (alt+1) § Googlar Página: Título: Tamanho: Número de Elementos: Data/Hora: Access Monitor WCAG 1.0 WCAG 2.0 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: http://pt.wikipedia.org/wiki/Wikipédia:Página_principal Wikipédia, a enciclopédia livre 66.5 KB (68073 bytes) 774 03/05/2014 - 20:43 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"
  • 2. índiceAccessMonitor 6.2 [versão placar] Nivel Testes realizados Ok Erros Avisos Total A 1 3 11 15 AA 0 1 2 3 AAA 0 0 2 2 II. Detalhe dos testes realizados A listagem dos testes realizados encontra-se agrupada de acordo com os níveis de conformidade A, AA e AAA definidos nas WCAG 2.0 do W3C. Testes AccessMonitor cujo cumprimento contribui para a conformidade de nível "A" das WCAG 2.0 Foram encontradas 2 imagens com uma legenda que não serve de equivalente alternativo Imagens: 36 Imagens com um texto alternativo incorrecto: 2 As imagens devem ter equivalentes alternativos textuais que descrevam o propósito das imagens. Nos exemplos de Falha dos Critérios de Sucesso 1.1.1 e 1.2.1 devido à utilização de alternativas em texto que não são alternativas (por ex., nomes de ficheiros ou texto de marcador de posição)
  • 3. legendas que não servem o propósito de texto alternativo incluem-se "image"/"imagem", "spacer"/"espaçador", "picture"/"fotografia". Documentação WCAG 2.0 de referência: Foram encontrados 40 erros de validação na linguagem de marcação Erros de validação (X)HTML: 40 [validador HTML do W3C] 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: Foram localizados 8 atributos para controlar a apresentação visual Atributos (X)HTML para controlo da apresentação visual: 8 Separar as camadas de estrutura, funcionalidade e apresentação permite induzir a semântica através de um formato que pode ser programaticamente determinável através da camada estrutural. Documentação WCAG 2.0 de referência: Validar páginas Web Separar a informação e a estrutura da apresentação para permitir diferentes apresentações
  • 4. Constatou-se que se identifica o idioma principal da página com o código "pt" Idioma principal da página: 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: Foram encontradas 8 tabelas sem células cabeçalho Tabelas sem células de cabeçalhos (i.e. elementos <th>): 8 Apesar das WCAG não proibirem o uso de tabelas layout, é recomendável o uso de layout com base em CSS de forma a preservar a semântica estrutural dos elementos <table> do HTML bem como preservar a boa prática de separação da estrutura do estilo. Documentação WCAG 2.0 de referência: Foram encontradas 5 tabelas com tabelas encadeadas Tabelas: 8 Tabelas encadeadas: 5 Utilizar atributos language no elemento html Utilizar a marcação da tabela para apresentar informações dispostas em tabelas Falha do Critério de Sucesso 1.3.2 devido à utilização de uma tabela de esquema HTML que não faz sentido quando linearizada
  • 5. Se uma tabela contém uma tabela encadeada, o significado percepcionado visualmente pode não ser igualmente percepcionado por quem usa um leitor de ecrã. Documentação WCAG 2.0 de referência: Foram identificados 74 casos em que o atributo title do elemento link se limita a repetir o texto existente no link Links: 243 Links com o mesmo texto afixado no conteúdo e no atributo title: 74 O atributo title é utilizado para proporcionar informação complementar à existente no texto do link. O atributo title e o texto do link devem ser suficientes para compreender o propósito do link. Documentação WCAG 2.0 de referência: Foram encontradas 19 imagens em que a legenda é um espaço vazio Imagens: 36 Imagens com alt nulo: 19 O uso de legendas "nulas" ou com um simples espaço em branco é uma prática comum para imagens decorativas. Este tipo de imagens deve passar para as CSS. Documentação WCAG 2.0 de referência: Fornecer suplementos ao texto do link com o atributo title Utilizar CSS para incluir imagens decorativas
  • 6. Foi encontrado 1 grupo de links composto por 10 ou mais links não agrupados por elementos estruturais Links: 243 Links não agrupados de forma lógica: 1 Agrupar links relacionados entre si em grupos é uma prática facilitadora da navegação pela página por quem usa tecnologias de apoio. Para o efeito, podemos usar os elementos estruturantes para marcar listas - <ul>; <ol> - ou o elemento map usual na marcação de mapas de imagem. Documentação WCAG 2.0 de referência: 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: Constatou-se que todos os formulários têm um Utilizar elementos estruturais para agrupar os links Utilizar elementos semanticos para marcar a estrutura Fornecer botões Submit
  • 7. botão de envio Formulários: 1 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: Constatou-se que a página tem um elemento <title> Título da página: Wikipédia, a enciclopédia livre 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: Constatou-se que todas as imagens fazem uso do atributo alt Imagens: 36 Imagens sem alt: 0 Verfique que os textos alternativos passam o mesmo significado que são transmitidos pelas imagens. Documentação WCAG 2.0 de referência: Fornecer um título utilizando o elemento title Utilizar atributos alt em elementos img
  • 8. Constatou-se que o primeiro link da página nos conduz até à área do conteúdo principal Links: 243 Link para saltar para o conteúdo principal: 1 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: Foram encontrados 2 links para contornar blocos de conteúdo Links: 243 Links para contornar blocos de conteúdo: 2 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: Adicionar um link no topo de cada página para aceder directamente à área do conteúdo principal Adicionar um link no início de um bloco de conteúdo repetido para aceder directamente ao fim do bloco
  • 9. Testes AccessMonitor cujo cumprimento contribui para a conformidade de nível "AA" das WCAG 2.0 Foram localizados 37 elementos ou atributos de HTML que estão a ser usados para controlo da apresentação visual do texto Elementos e atributos HTML para controlar a apresentação do texto: 37 As CSS devem ser usadas para controlar a apresentação visual do texto. Pela separação do estilo da marcação do conteúdo, os editores podem simplificar e limpar a forma de marcação do conteúdo, tornando-o, ao mesmo tempo, mais acessível. Documentação WCAG 2.0 de referência: Foram identificadas 16 regras 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: 16 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. Utilizar CSS para controlar a apresentação visual do texto 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
  • 10. 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: Foram localizados 3 elementos <link> para navegação Elementos <link> para navegação: 3 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: Testes AccessMonitor cujo cumprimento contribui para a conformidade de nível "AAA" das WCAG 2.0 Constatou-se que todas as unidades de medida existentes na CSS estão expressas em valores relativos Unidades de medida relativas em CSS: 12 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: Utilizar o elemento link e as ferramentas de navegação Utilizar valores de percentagem em CSS para os tamanhos das caixas
  • 11. Foram encontrados 22 elementos cabeçalho Cabeçalhos (<h1>-<h6>): 22 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: Mais informação: Mapa do Sítio Ajuda Sugestões 2009 - 2013 © Unidade ACESSO da FCT - Fundação para a Ciência e a Tecnologia, I.P. Organizar uma página utilizando cabeçalhos