SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
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:
https://www.youtube.com/?gl=PT
YouTube
207.8 KB (212767 bytes)
1876
03/05/2014 - 18:11 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
4.5
[versão placar]
Nivel
Testes realizados
Ok Erros Avisos Total
A 1 8 6 15
AA 0 0 1 1
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
Foi identificada 1 <label> sem atributo for
Elementos <label>: 1
Elementos <label> sem associação explícita:
1
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
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
atributos tem de ser igual.
Documentação WCAG 2.0 de referência:
Foram encontrados 95 erros de validação na
linguagem de marcação
Erros de validação (X)HTML: 95 [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:
Foi encontrada 1 elemento <label> sem
conteúdo
Elementos <label>: 1
Elementos <label> sem conteúdo texto: 1
Esta falha ocorre quando o texto da etiqueta
não identifica o propósito do controlo.
Documentação WCAG 2.0 de referência:
Foi identificado 1 formulário sem botão de
envio
Validar páginas Web
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
Fornecer botões Submit
Formulários: 2
Formulários sem o botão de envio: 1
O objectivo é disponibilizar um mecanismo
que permita aos utilizadores efectuar
explicitamente um pedido de mudança de
contexto. Para cada formulário, verifique que
o mesmo dispõe de um botão de envio
(<input type="submit" ... >, <input type="image"
...>, ou <button type="submit" ...>).
Documentação WCAG 2.0 de referência:
Constatou-se que não existem links para
contornar blocos de texto
Links: 193
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.
Documentação WCAG 2.0 de referência:
Foi encontrada 1 imagem que não têm legenda
Imagens: 223
Imagens sem alt: 1
Todas as imagens têm de ter uma legenda -
i.e. um equivalente alternativo textual
Adicionar um link no início de um bloco de
conteúdo repetido para aceder directamente ao
fim do bloco
Falha do Critério de Sucesso 1.1.1 devido à
omissão do atributo alt em elementos img,
elementos area e elementos input do tipo
"imagem"
colocado no atributo alt. A existência de
textos alternativos para as imagens permte
que a informação possa ser apresentada de
várias formas a uma variedade de agentes de
utilizador. Se não o atributo alt não existir,
as tecnologias de apoio serão incapazes de
identificar a imagem e de passar o seu
significado ao utilizador.
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: 193
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 identificados 5 casos em que se
associam eventos a elementos não interactivos
Manipuladores de eventos: 96
Eventos associados a elementos não
interactivos: 5
Adicionar um link no topo de cada página para
aceder directamente à área do conteúdo
principal
Falha do Critério de Sucesso 4.1.2 devido à
utilização de script para tornar um div ou um
span num controlo da interface de utilizador em
HTML
Os elementos genéricos como <div> e <span>
não têm um papel pré-definido. Quando se
faz uso destes elementos genéricos para criar
controlos de interface de utilizador em HTML,
as tecnologias de apoio não dispõem de
informação suficiente para descrever e
interagir com os controlos.
Documentação WCAG 2.0 de referência:
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:
Foi encontrado 1 controlo de formulário sem
<label> associada
Elementos <label>: 1
Controlos de formulário sem etiquetas
associadas: 1
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>.
Utilizar atributos language no elemento html
Utilizar elementos label para associar etiquetas
de texto a controlos de formulário
Documentação WCAG 2.0 de referência:
Foram identificados 60 casos em que o atributo
title do elemento link se limita a repetir o
texto existente no link
Links: 193
Links com o mesmo texto afixado no
conteúdo e no atributo title: 60
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 88 imagens em que a
legenda é um espaço vazio
Imagens: 223
Imagens com alt nulo: 88
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:
Constatou-se que não há atributos a controlar a
apresentação visual
Fornecer suplementos ao texto do link com o
atributo title
Utilizar CSS para incluir imagens decorativas
Separar a informação e a estrutura da
apresentação para permitir diferentes
apresentações
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 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 a página tem um elemento
<title>
Título da página: YouTube
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:
Testes AccessMonitor cujo
Utilizar elementos semanticos para marcar a
estrutura
Fornecer um título utilizando o elemento title
cumprimento contribui para a
conformidade de nível "AA" das
WCAG 2.0
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
Foram localizados 15 links com o mesmo texto
que apontam destinos diferentes
Links: 193
Links com o mesmo texto que apontam
destinos diferentes: 15
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
Utilizar o elemento link e as ferramentas de
navegação
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
distinguir os links e determinar o seu
propósito.
Documentação WCAG 2.0 de referência:
Foi encontrado 1 caso em que os cabeçalhos
não respeitam a cadeia hierárquica
Cabeçalhos (<h1>-<h6>): 61
Cabeçalhos com salto(s) de nivel hierárquico
incorrectos: 1
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:
Não existe o cabeçalho principal <h1> da página
Cabeçalhos (<h1>-<h6>): 61
Cabeçalho principal da página (<h1>): 0
Para facilitar a navegação e a compreensão
da estrutura geral do documento, os autores
devem usar cabeçalhos correctamente
encadeados (por exemplo, h2 depois de h1,
h2 depois de h1 ou h2, h3 depois de h2 ou
h3, h4 depois de h3 ou h4, etc.).
Documentação WCAG 2.0 de referência:
Foram encontrados 61 elementos cabeçalho
Organizar uma página utilizando cabeçalhos
Organizar uma página utilizando cabeçalhos
Organizar uma página utilizando cabeçalhos
Cabeçalhos (<h1>-<h6>): 61
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.

Contenu connexe

En vedette

Campos do jordao_a_suica_brasileira
Campos do jordao_a_suica_brasileiraCampos do jordao_a_suica_brasileira
Campos do jordao_a_suica_brasileiraAriana Martins
 
Due dilligence m&a
Due dilligence m&aDue dilligence m&a
Due dilligence m&aFelix Wong
 
Niños del mundo!!!
Niños del mundo!!!Niños del mundo!!!
Niños del mundo!!!anacjg
 
Presentaciónfinal
PresentaciónfinalPresentaciónfinal
PresentaciónfinalMumita1986
 
Presentación
PresentaciónPresentación
Presentaciónjesus1109
 
Presentacion del parcial
Presentacion del parcialPresentacion del parcial
Presentacion del parcialwilliam
 
Embarazo en adolescentes
Embarazo en adolescentesEmbarazo en adolescentes
Embarazo en adolescentesguest3d5242
 
proyecto tic de un centro educativo
proyecto tic de un centro educativoproyecto tic de un centro educativo
proyecto tic de un centro educativoangeleslh
 
APROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNO
APROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNOAPROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNO
APROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNOSergio Ojeda
 
Luxembourg.2°menor país.2010.alvesd
Luxembourg.2°menor país.2010.alvesdLuxembourg.2°menor país.2010.alvesd
Luxembourg.2°menor país.2010.alvesdAriana Martins
 
Vacaturebuttons
VacaturebuttonsVacaturebuttons
VacaturebuttonsColin Gort
 
David garland la cultura del control
David garland   la cultura del controlDavid garland   la cultura del control
David garland la cultura del controlguest673a12
 
Toma... Por Gandhi
Toma... Por GandhiToma... Por Gandhi
Toma... Por Gandhianacjg
 
Proteccion natural 1
Proteccion natural 1Proteccion natural 1
Proteccion natural 1anacjg
 

En vedette (20)

Campos do jordao_a_suica_brasileira
Campos do jordao_a_suica_brasileiraCampos do jordao_a_suica_brasileira
Campos do jordao_a_suica_brasileira
 
Due dilligence m&a
Due dilligence m&aDue dilligence m&a
Due dilligence m&a
 
Niños del mundo!!!
Niños del mundo!!!Niños del mundo!!!
Niños del mundo!!!
 
Presentaciónfinal
PresentaciónfinalPresentaciónfinal
Presentaciónfinal
 
Presentación
PresentaciónPresentación
Presentación
 
Presentacion del parcial
Presentacion del parcialPresentacion del parcial
Presentacion del parcial
 
Capitulo2
Capitulo2Capitulo2
Capitulo2
 
Gestión de la Demanda de Movilidad Y Car Sharing
Gestión de la Demanda de Movilidad Y Car SharingGestión de la Demanda de Movilidad Y Car Sharing
Gestión de la Demanda de Movilidad Y Car Sharing
 
CONFERENCIA DE MÓNICA IBARRONDO EN EUSKO IKASKUNTZA
CONFERENCIA DE MÓNICA IBARRONDO EN EUSKO IKASKUNTZACONFERENCIA DE MÓNICA IBARRONDO EN EUSKO IKASKUNTZA
CONFERENCIA DE MÓNICA IBARRONDO EN EUSKO IKASKUNTZA
 
Embarazo en adolescentes
Embarazo en adolescentesEmbarazo en adolescentes
Embarazo en adolescentes
 
proyecto tic de un centro educativo
proyecto tic de un centro educativoproyecto tic de un centro educativo
proyecto tic de un centro educativo
 
Alimentacionynutricion2
Alimentacionynutricion2Alimentacionynutricion2
Alimentacionynutricion2
 
APROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNO
APROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNOAPROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNO
APROXIMACIÓN A LA IGLESIA REFORMADA COMO VOZ PROFÉTICA EN UN MUNDO POSMODERNO
 
Luxembourg.2°menor país.2010.alvesd
Luxembourg.2°menor país.2010.alvesdLuxembourg.2°menor país.2010.alvesd
Luxembourg.2°menor país.2010.alvesd
 
MOVILIDAD Y SOSTENIBILIDAD
MOVILIDAD Y SOSTENIBILIDADMOVILIDAD Y SOSTENIBILIDAD
MOVILIDAD Y SOSTENIBILIDAD
 
Vacaturebuttons
VacaturebuttonsVacaturebuttons
Vacaturebuttons
 
El maravilloso mundo de los led´s
El maravilloso mundo de los led´sEl maravilloso mundo de los led´s
El maravilloso mundo de los led´s
 
David garland la cultura del control
David garland   la cultura del controlDavid garland   la cultura del control
David garland la cultura del control
 
Toma... Por Gandhi
Toma... Por GandhiToma... Por Gandhi
Toma... Por Gandhi
 
Proteccion natural 1
Proteccion natural 1Proteccion natural 1
Proteccion natural 1
 

Similaire à Relatório de acessibilidade WCAG para página do YouTube

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
 
Validacao do site-wcag 2.0
Validacao do site-wcag 2.0Validacao do site-wcag 2.0
Validacao do site-wcag 2.0anabelatriguinho
 
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
 
Web 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e TecnológicaWeb 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e TecnológicaElvis Fusco
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifaguestea329c
 
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
 
Criando e Usando Helpers
Criando e Usando HelpersCriando e Usando Helpers
Criando e Usando HelpersJoaoVagner
 
CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSDaniel Paz
 
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPressWordCamp Floripa
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudosinfo_cimol
 
Introdução de web
Introdução de webIntrodução de web
Introdução de webSedu
 
[CLPE] Novidades do Asp.net mvc 2
[CLPE] Novidades do Asp.net mvc 2[CLPE] Novidades do Asp.net mvc 2
[CLPE] Novidades do Asp.net mvc 2Felipe Pimentel
 
Aula 01 web server controls
Aula 01   web server controlsAula 01   web server controls
Aula 01 web server controlsGabriel Bugano
 

Similaire à Relatório de acessibilidade WCAG para página do YouTube (20)

Relatório wikipédia
Relatório wikipédiaRelatório wikipédia
Relatório wikipédia
 
Tópico 1 - Acessibilidade
Tópico 1 - AcessibilidadeTópico 1 - Acessibilidade
Tópico 1 - Acessibilidade
 
Tópico 2 - Acessibilidade
Tópico 2 - AcessibilidadeTópico 2 - Acessibilidade
Tópico 2 - Acessibilidade
 
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
 
Validacao do site-wcag 2.0
Validacao do site-wcag 2.0Validacao do site-wcag 2.0
Validacao do site-wcag 2.0
 
Avaliacao de acessibilidade de páginas Web
Avaliacao de acessibilidade de páginas WebAvaliacao de acessibilidade de páginas Web
Avaliacao de acessibilidade de páginas Web
 
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
 
Web 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e TecnológicaWeb 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e Tecnológica
 
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
 
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
 
Criando e Usando Helpers
Criando e Usando HelpersCriando e Usando Helpers
Criando e Usando Helpers
 
CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESS
 
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudos
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 
[CLPE] Novidades do Asp.net mvc 2
[CLPE] Novidades do Asp.net mvc 2[CLPE] Novidades do Asp.net mvc 2
[CLPE] Novidades do Asp.net mvc 2
 
Gradle spring-hateoas-Lombok
Gradle spring-hateoas-LombokGradle spring-hateoas-Lombok
Gradle spring-hateoas-Lombok
 
Aula 01 web server controls
Aula 01   web server controlsAula 01   web server controls
Aula 01 web server controls
 

Relatório de acessibilidade WCAG para página do YouTube

  • 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: https://www.youtube.com/?gl=PT YouTube 207.8 KB (212767 bytes) 1876 03/05/2014 - 18:11 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 4.5 [versão placar] Nivel Testes realizados Ok Erros Avisos Total A 1 8 6 15 AA 0 0 1 1 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 Foi identificada 1 <label> sem atributo for Elementos <label>: 1 Elementos <label> sem associação explícita: 1 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 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
  • 3. atributos tem de ser igual. Documentação WCAG 2.0 de referência: Foram encontrados 95 erros de validação na linguagem de marcação Erros de validação (X)HTML: 95 [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: Foi encontrada 1 elemento <label> sem conteúdo Elementos <label>: 1 Elementos <label> sem conteúdo texto: 1 Esta falha ocorre quando o texto da etiqueta não identifica o propósito do controlo. Documentação WCAG 2.0 de referência: Foi identificado 1 formulário sem botão de envio Validar páginas Web 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 Fornecer botões Submit
  • 4. Formulários: 2 Formulários sem o botão de envio: 1 O objectivo é disponibilizar um mecanismo que permita aos utilizadores efectuar explicitamente um pedido de mudança de contexto. Para cada formulário, verifique que o mesmo dispõe de um botão de envio (<input type="submit" ... >, <input type="image" ...>, ou <button type="submit" ...>). Documentação WCAG 2.0 de referência: Constatou-se que não existem links para contornar blocos de texto Links: 193 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. Documentação WCAG 2.0 de referência: Foi encontrada 1 imagem que não têm legenda Imagens: 223 Imagens sem alt: 1 Todas as imagens têm de ter uma legenda - i.e. um equivalente alternativo textual Adicionar um link no início de um bloco de conteúdo repetido para aceder directamente ao fim do bloco Falha do Critério de Sucesso 1.1.1 devido à omissão do atributo alt em elementos img, elementos area e elementos input do tipo "imagem"
  • 5. colocado no atributo alt. A existência de textos alternativos para as imagens permte que a informação possa ser apresentada de várias formas a uma variedade de agentes de utilizador. Se não o atributo alt não existir, as tecnologias de apoio serão incapazes de identificar a imagem e de passar o seu significado ao utilizador. 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: 193 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 identificados 5 casos em que se associam eventos a elementos não interactivos Manipuladores de eventos: 96 Eventos associados a elementos não interactivos: 5 Adicionar um link no topo de cada página para aceder directamente à área do conteúdo principal Falha do Critério de Sucesso 4.1.2 devido à utilização de script para tornar um div ou um span num controlo da interface de utilizador em HTML
  • 6. Os elementos genéricos como <div> e <span> não têm um papel pré-definido. Quando se faz uso destes elementos genéricos para criar controlos de interface de utilizador em HTML, as tecnologias de apoio não dispõem de informação suficiente para descrever e interagir com os controlos. Documentação WCAG 2.0 de referência: 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: Foi encontrado 1 controlo de formulário sem <label> associada Elementos <label>: 1 Controlos de formulário sem etiquetas associadas: 1 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>. Utilizar atributos language no elemento html Utilizar elementos label para associar etiquetas de texto a controlos de formulário
  • 7. Documentação WCAG 2.0 de referência: Foram identificados 60 casos em que o atributo title do elemento link se limita a repetir o texto existente no link Links: 193 Links com o mesmo texto afixado no conteúdo e no atributo title: 60 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 88 imagens em que a legenda é um espaço vazio Imagens: 223 Imagens com alt nulo: 88 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: Constatou-se que não há atributos a controlar a apresentação visual Fornecer suplementos ao texto do link com o atributo title Utilizar CSS para incluir imagens decorativas Separar a informação e a estrutura da apresentação para permitir diferentes apresentações
  • 8. 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 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 a página tem um elemento <title> Título da página: YouTube 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: Testes AccessMonitor cujo Utilizar elementos semanticos para marcar a estrutura Fornecer um título utilizando o elemento title
  • 9. cumprimento contribui para a conformidade de nível "AA" das WCAG 2.0 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 Foram localizados 15 links com o mesmo texto que apontam destinos diferentes Links: 193 Links com o mesmo texto que apontam destinos diferentes: 15 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 Utilizar o elemento link e as ferramentas de navegação 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
  • 10. distinguir os links e determinar o seu propósito. Documentação WCAG 2.0 de referência: Foi encontrado 1 caso em que os cabeçalhos não respeitam a cadeia hierárquica Cabeçalhos (<h1>-<h6>): 61 Cabeçalhos com salto(s) de nivel hierárquico incorrectos: 1 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: Não existe o cabeçalho principal <h1> da página Cabeçalhos (<h1>-<h6>): 61 Cabeçalho principal da página (<h1>): 0 Para facilitar a navegação e a compreensão da estrutura geral do documento, os autores devem usar cabeçalhos correctamente encadeados (por exemplo, h2 depois de h1, h2 depois de h1 ou h2, h3 depois de h2 ou h3, h4 depois de h3 ou h4, etc.). Documentação WCAG 2.0 de referência: Foram encontrados 61 elementos cabeçalho Organizar uma página utilizando cabeçalhos Organizar uma página utilizando cabeçalhos Organizar uma página utilizando cabeçalhos
  • 11. Cabeçalhos (<h1>-<h6>): 61 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.