SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
acesso.umic.pt » AccessMonitor Pesquisar (alt+1)
§ Googlar
Página:
Título:
Tamanho:
Número de Elementos:
Data/Hora:
índiceAccessMonitor
3.9
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://mooceportefolioantoniaespiritosanto.blogspot.pt/p/topico-
2.html
E-Portefólio - Antónia E. Santo: Tópico 2
56.6 KB (57990 bytes)
430
30/04/2014 - 21:34 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"
[versão placar]
Nivel
Testes realizados
Ok Erros Avisos Total
A 0 6 7 13
AA 0 3 3 6
AAA 0 2 2 4
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 encontrados 4 elementos <iframe> sem título
Elementos iframe: 4
Elementos iframe sem title: 4
O objectivo é usar o atributo "title" do elemento
frame ou iframepara legendar os conteúdos de
cada frame (moldura). O uso deste atributo
permite etiquetar cada um dos frames,
permitindo aos utilizadores a sua identificação,
descriminação e exploração.
Documentação WCAG 2.0 de referência:
Foram encontrados 5 links em que o conteúdo é
composto apenas por uma imagem não legendada
Links: 31
Links em que o único conteúdo é uma imagem
com alt nulo:
Utilizar o atributo title da frame e dos elementos
iframe
Falha dos Critérios de Sucesso 2.4.4, 2.4.9 e 4.1.2
devido à utilização de alt nulo numa imagem em que
a imagem é o único conteúdo num link
com alt nulo: 5
Esta falha ocorre quando um link é composto
apenas por conteúdo não textual, tal como uma
imagem, e o conteúdo não textual se encontra
implementado de tal forma que poderá ser
ignorado pela tecnologia de apoio. Quando a
imagem é o único conteúdo existente no link, é
absolutamente indispensável que essa imagem
tenha uma legenda (i.e. um equivalente
alternativo textual).
Documentação WCAG 2.0 de referência:
Foram encontrados 68 erros de validação na
linguagem de marcação
Erros de validação (X)HTML: 68 [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:
Constatou-se que não existem links para contornar
blocos de texto
Links: 31
Links para contornar blocos de conteúdo: 0
O objectivo é disponibilizar um mecanismo que
permita contornar blocos de material, saltando
para o fim desses mesmos blocos.
Validar páginas Web
Adicionar um link no início de um bloco de conteúdo
repetido para aceder directamente ao fim do bloco
Documentação WCAG 2.0 de referência:
Constatou-se que o atributo lang se encontra em
falta
Idioma principal não referenciado: lang
O objectivo é identificar o idioma predefinido de
um documento através dos atributos lang e/ou
xml:lang do elemento <HTML>.
Documentação WCAG 2.0 de referência:
Constatou-se que o primeiro link da página não
nos conduz até à área do conteúdo principal
Links: 31
Link para saltar para o conteúdo principal: 0
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. O
primeiro item interactivo da página Web deve
ser um link que nos conduza ao início do
conteúdo principal.
Documentação WCAG 2.0 de referência:
Foram encontradas 5 imagens em que a legenda é
um espaço vazio
Imagens: 6
Imagens com alt nulo: 5
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
Utilizar atributos language no elemento html
Adicionar um link no topo de cada página para
aceder directamente à área do conteúdo principal
Utilizar CSS para incluir imagens decorativas
passar para as CSS.
Documentação WCAG 2.0 de referência:
Foi encontrada 1 tabela sem células cabeçalho
Tabelas sem células de cabeçalhos (i.e.
elementos <th>): 1
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 identificados 5 casos em que o atributo
title do elemento link se limita a repetir o texto
existente no link
Links: 31
Links com o mesmo texto afixado no conteúdo e
no atributo title: 5
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:
Constatou-se que não há elementos a serem
Utilizar a marcação da tabela para apresentar
informações dispostas em tabelas
Fornecer suplementos ao texto do link com o
atributo title
Utilizar elementos semanticos para marcar a
estrutura
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 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:
Constatou-se que a página tem um elemento
<title>
Título da página: E-Portefólio - Antónia E.
Santo: Tópico 2
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
Separar a informação e a estrutura da apresentação
para permitir diferentes apresentações
Fornecer um título utilizando o elemento title
Utilizar atributos alt em elementos img
Imagens: 6
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:
Testes AccessMonitor cujo cumprimento
contribui para a conformidade de nível
"AA" das WCAG 2.0
Foram localizados 4 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: 4
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 identificados 7 casos em que se usam
unidades de medida expressas em valores
absolutos no tamanho de letra
Tamanhos de letra definidos nas CSS: 16
Tamanhos de letra definidos em unidades de
medida absolutos: 7
Utilizar CSS para controlar a apresentação visual do
texto
Utilizar percentagem para tamanhos de letra
Quando os tamanhos de letra estão definidos em
unidades absolutas, tais como pontos ou pixéis,
os comandos do menu Tamanho de Letra
existentes no Internet Explorer 7 ou superior
não terão quaisquer efeitos sobre os tamanhos
de letra da página.
Documentação WCAG 2.0 de referência:
Constatou-se que em 3 casos, se faz uso de
unidades de medida absolutas
Unidades de medida absolutas em (X)HTML: 3
O objectivo é ser capaz de apresentar o
conteúdo sem a necessidade de introduzir
barras de varrimento horizontais, usando
técnicas de layout que permitem adaptar os
conteúdos ao espaço disponível.
Documentação WCAG 2.0 de referência:
Foram identificados 6 casos em que se utilizam
unidades de medida absoluta na definição da
largura dos elementos
Elementos com valores absolutos na propriedade
width da CSS: 6
O objectivo é apresentar conteúdo sem
introduzir barras de varrimento horizontais
através de técnicas que permitem ajustar o
conteúdo ao espaço horizontal disponível.
Documentação WCAG 2.0 de referência:
Utilizar disposições líquidas
Utilizar disposições líquidas
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
Foram identificadas 35 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:
35
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:
Foram localizados 2 elementos <link> para
navegação
Elementos <link> para navegação: 2
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
Foram identificados 11 casos em que se faz
justificação de texto via CSS
Texto justificado com CSS: 11
Utilizar o elemento link e as ferramentas de
navegação
Especificar o alinhamento à esquerda OU à direita
em CSS
Muitas pessoas com incapacidades cognitivas
têm grande dificuldade em lidar com blocos de
texto que se encontram justificados.
Documentação WCAG 2.0 de referência:
Foram localizados 4 links com o mesmo texto que
apontam destinos diferentes
Links: 31
Links com o mesmo texto que apontam destinos
diferentes: 4
Esta ocorrência está relacionada com uma falha
comum em que links como "clique aqui" ou "ver
mais" precisam da informação que os rodeia
para contextualizar a sua finalidade. Só pelo
contexto é possível aos utilizadores distinguir os
links e determinar o seu propósito.
Documentação WCAG 2.0 de referência:
Constatou-se que todas as unidades de medida
existentes na CSS estão expressas em valores
relativos
Unidades de medida relativas em CSS: 3
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:
Falha do Critério de Sucesso 2.4.9 devido à
utilização de um link não específico, tal como
"clique aqui" ou "mais" sem um mecanismo para
alterar o texto do link para texto específico
Utilizar valores de percentagem em CSS para os
tamanhos das caixas
Organizar uma página utilizando cabeçalhos
Foram encontrados 7 elementos cabeçalho
Cabeçalhos (<h1>-<h6>): 7
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.

Mais conteúdo relacionado

Semelhante a Tópico 2 - Acessibilidade

Validacao do site-wcag 2.0
Validacao do site-wcag 2.0Validacao do site-wcag 2.0
Validacao do site-wcag 2.0anabelatriguinho
 
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
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudosinfo_cimol
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01 Léo Dias
 
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
 
01-Introdução HTML - DDW II
01-Introdução HTML - DDW II01-Introdução HTML - DDW II
01-Introdução HTML - DDW IIEvelyn Ramos
 
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
 
Modelagem Aplicações Web com UML
Modelagem Aplicações Web com UMLModelagem Aplicações Web com UML
Modelagem Aplicações Web com UMLClaudio Martins
 
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
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5Leandro Santos
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)Devmedia
 
Iniciando em html5 seleção gustavo
Iniciando em html5   seleção gustavoIniciando em html5   seleção gustavo
Iniciando em html5 seleção gustavoGustavo Passos
 

Semelhante a Tópico 2 - Acessibilidade (20)

Relatório wikipédia
Relatório wikipédiaRelatório wikipédia
Relatório wikipédia
 
Resultado youtube
Resultado youtubeResultado youtube
Resultado youtube
 
Validacao do site-wcag 2.0
Validacao do site-wcag 2.0Validacao do site-wcag 2.0
Validacao do site-wcag 2.0
 
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
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudos
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
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
 
01-Introdução HTML - DDW II
01-Introdução HTML - DDW II01-Introdução HTML - DDW II
01-Introdução HTML - DDW II
 
Html
HtmlHtml
Html
 
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
 
Modelagem Aplicações Web com UML
Modelagem Aplicações Web com UMLModelagem Aplicações Web com UML
Modelagem Aplicações Web com UML
 
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
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)
 
Aula1web html
Aula1web htmlAula1web html
Aula1web html
 
Iniciando em html5 seleção gustavo
Iniciando em html5   seleção gustavoIniciando em html5   seleção gustavo
Iniciando em html5 seleção gustavo
 
Html5 primeiros passos
Html5 primeiros passosHtml5 primeiros passos
Html5 primeiros passos
 
PHP 10 CodeIgniter
PHP 10 CodeIgniterPHP 10 CodeIgniter
PHP 10 CodeIgniter
 

Mais de Antónia Almeida ESanto (17)

Aaz guia para-pais
Aaz guia para-paisAaz guia para-pais
Aaz guia para-pais
 
A vida de um sobrevivente
A vida de um sobreviventeA vida de um sobrevivente
A vida de um sobrevivente
 
Eu já sou uma escritora
Eu já sou uma escritoraEu já sou uma escritora
Eu já sou uma escritora
 
Uma vida atrapalhada e outras coisas
Uma vida atrapalhada e outras coisasUma vida atrapalhada e outras coisas
Uma vida atrapalhada e outras coisas
 
A flor da vida
A flor da vidaA flor da vida
A flor da vida
 
O leão medroso
O leão medrosoO leão medroso
O leão medroso
 
O sonho da Ritinha
O sonho da RitinhaO sonho da Ritinha
O sonho da Ritinha
 
Módulo v
Módulo vMódulo v
Módulo v
 
Módulo iv
Módulo ivMódulo iv
Módulo iv
 
Webquest aventuras na web
Webquest   aventuras na webWebquest   aventuras na web
Webquest aventuras na web
 
Acessibilidades vídeo
Acessibilidades   vídeoAcessibilidades   vídeo
Acessibilidades vídeo
 
Introd topico3
Introd topico3Introd topico3
Introd topico3
 
UDL - principios orientadores
UDL - principios orientadoresUDL - principios orientadores
UDL - principios orientadores
 
Desenho universal da aprendizagem
Desenho universal da aprendizagemDesenho universal da aprendizagem
Desenho universal da aprendizagem
 
UDL - Checklist do professor
UDL - Checklist do professorUDL - Checklist do professor
UDL - Checklist do professor
 
Desenho universal da aprendizagem
Desenho universal da aprendizagemDesenho universal da aprendizagem
Desenho universal da aprendizagem
 
Apuramento quest. diagnostico mooc
Apuramento quest. diagnostico moocApuramento quest. diagnostico mooc
Apuramento quest. diagnostico mooc
 

Tópico 2 - Acessibilidade

  • 1. acesso.umic.pt » AccessMonitor Pesquisar (alt+1) § Googlar Página: Título: Tamanho: Número de Elementos: Data/Hora: índiceAccessMonitor 3.9 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://mooceportefolioantoniaespiritosanto.blogspot.pt/p/topico- 2.html E-Portefólio - Antónia E. Santo: Tópico 2 56.6 KB (57990 bytes) 430 30/04/2014 - 21:34 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. [versão placar] Nivel Testes realizados Ok Erros Avisos Total A 0 6 7 13 AA 0 3 3 6 AAA 0 2 2 4 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 encontrados 4 elementos <iframe> sem título Elementos iframe: 4 Elementos iframe sem title: 4 O objectivo é usar o atributo "title" do elemento frame ou iframepara legendar os conteúdos de cada frame (moldura). O uso deste atributo permite etiquetar cada um dos frames, permitindo aos utilizadores a sua identificação, descriminação e exploração. Documentação WCAG 2.0 de referência: Foram encontrados 5 links em que o conteúdo é composto apenas por uma imagem não legendada Links: 31 Links em que o único conteúdo é uma imagem com alt nulo: Utilizar o atributo title da frame e dos elementos iframe Falha dos Critérios de Sucesso 2.4.4, 2.4.9 e 4.1.2 devido à utilização de alt nulo numa imagem em que a imagem é o único conteúdo num link
  • 3. com alt nulo: 5 Esta falha ocorre quando um link é composto apenas por conteúdo não textual, tal como uma imagem, e o conteúdo não textual se encontra implementado de tal forma que poderá ser ignorado pela tecnologia de apoio. Quando a imagem é o único conteúdo existente no link, é absolutamente indispensável que essa imagem tenha uma legenda (i.e. um equivalente alternativo textual). Documentação WCAG 2.0 de referência: Foram encontrados 68 erros de validação na linguagem de marcação Erros de validação (X)HTML: 68 [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: Constatou-se que não existem links para contornar blocos de texto Links: 31 Links para contornar blocos de conteúdo: 0 O objectivo é disponibilizar um mecanismo que permita contornar blocos de material, saltando para o fim desses mesmos blocos. Validar páginas Web Adicionar um link no início de um bloco de conteúdo repetido para aceder directamente ao fim do bloco
  • 4. Documentação WCAG 2.0 de referência: Constatou-se que o atributo lang se encontra em falta Idioma principal não referenciado: lang O objectivo é identificar o idioma predefinido de um documento através dos atributos lang e/ou xml:lang do elemento <HTML>. Documentação WCAG 2.0 de referência: Constatou-se que o primeiro link da página não nos conduz até à área do conteúdo principal Links: 31 Link para saltar para o conteúdo principal: 0 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. O primeiro item interactivo da página Web deve ser um link que nos conduza ao início do conteúdo principal. Documentação WCAG 2.0 de referência: Foram encontradas 5 imagens em que a legenda é um espaço vazio Imagens: 6 Imagens com alt nulo: 5 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 Utilizar atributos language no elemento html Adicionar um link no topo de cada página para aceder directamente à área do conteúdo principal Utilizar CSS para incluir imagens decorativas
  • 5. passar para as CSS. Documentação WCAG 2.0 de referência: Foi encontrada 1 tabela sem células cabeçalho Tabelas sem células de cabeçalhos (i.e. elementos <th>): 1 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 identificados 5 casos em que o atributo title do elemento link se limita a repetir o texto existente no link Links: 31 Links com o mesmo texto afixado no conteúdo e no atributo title: 5 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: Constatou-se que não há elementos a serem Utilizar a marcação da tabela para apresentar informações dispostas em tabelas Fornecer suplementos ao texto do link com o atributo title Utilizar elementos semanticos para marcar a estrutura
  • 6. 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 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: Constatou-se que a página tem um elemento <title> Título da página: E-Portefólio - Antónia E. Santo: Tópico 2 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 Separar a informação e a estrutura da apresentação para permitir diferentes apresentações Fornecer um título utilizando o elemento title Utilizar atributos alt em elementos img
  • 7. Imagens: 6 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: Testes AccessMonitor cujo cumprimento contribui para a conformidade de nível "AA" das WCAG 2.0 Foram localizados 4 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: 4 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 identificados 7 casos em que se usam unidades de medida expressas em valores absolutos no tamanho de letra Tamanhos de letra definidos nas CSS: 16 Tamanhos de letra definidos em unidades de medida absolutos: 7 Utilizar CSS para controlar a apresentação visual do texto Utilizar percentagem para tamanhos de letra
  • 8. Quando os tamanhos de letra estão definidos em unidades absolutas, tais como pontos ou pixéis, os comandos do menu Tamanho de Letra existentes no Internet Explorer 7 ou superior não terão quaisquer efeitos sobre os tamanhos de letra da página. Documentação WCAG 2.0 de referência: Constatou-se que em 3 casos, se faz uso de unidades de medida absolutas Unidades de medida absolutas em (X)HTML: 3 O objectivo é ser capaz de apresentar o conteúdo sem a necessidade de introduzir barras de varrimento horizontais, usando técnicas de layout que permitem adaptar os conteúdos ao espaço disponível. Documentação WCAG 2.0 de referência: Foram identificados 6 casos em que se utilizam unidades de medida absoluta na definição da largura dos elementos Elementos com valores absolutos na propriedade width da CSS: 6 O objectivo é apresentar conteúdo sem introduzir barras de varrimento horizontais através de técnicas que permitem ajustar o conteúdo ao espaço horizontal disponível. Documentação WCAG 2.0 de referência: Utilizar disposições líquidas Utilizar disposições líquidas 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
  • 9. Foram identificadas 35 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: 35 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: Foram localizados 2 elementos <link> para navegação Elementos <link> para navegação: 2 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 Foram identificados 11 casos em que se faz justificação de texto via CSS Texto justificado com CSS: 11 Utilizar o elemento link e as ferramentas de navegação Especificar o alinhamento à esquerda OU à direita em CSS
  • 10. Muitas pessoas com incapacidades cognitivas têm grande dificuldade em lidar com blocos de texto que se encontram justificados. Documentação WCAG 2.0 de referência: Foram localizados 4 links com o mesmo texto que apontam destinos diferentes Links: 31 Links com o mesmo texto que apontam destinos diferentes: 4 Esta ocorrência está relacionada com uma falha comum em que links como "clique aqui" ou "ver mais" precisam da informação que os rodeia para contextualizar a sua finalidade. Só pelo contexto é possível aos utilizadores distinguir os links e determinar o seu propósito. Documentação WCAG 2.0 de referência: Constatou-se que todas as unidades de medida existentes na CSS estão expressas em valores relativos Unidades de medida relativas em CSS: 3 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: Falha do Critério de Sucesso 2.4.9 devido à utilização de um link não específico, tal como "clique aqui" ou "mais" sem um mecanismo para alterar o texto do link para texto específico Utilizar valores de percentagem em CSS para os tamanhos das caixas Organizar uma página utilizando cabeçalhos
  • 11. Foram encontrados 7 elementos cabeçalho Cabeçalhos (<h1>-<h6>): 7 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.