11
acesso. umic.pt » AccessMonitor Pesquisar (alt+1) § Googlar Página: Título: Tamanho: Número de Elementos: Data/Hora: índice Access Monitor 4.2 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 1.html E-Portefólio - Antónia E. Santo: Tópico 1 47.2 KB (48364 bytes) 335 30/04/2014 - 21:23 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"

Tópico 1 - Acessibilidade

Embed Size (px)

Citation preview

Page 1: Tópico 1 - Acessibilidade

acesso.umic.pt » AccessMonitor Pesquisar (alt+1) § Googlar

Página:

Título:Tamanho:Número de Elementos:Data/Hora:

índiceAccessMonitor

4.2

AccessMonitor

WCAG 1.0 WCAG 2.0

Relatório AccessMonitorWCAG 2.0[nota técnica]

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

Amostra recolhida:

http://mooceportefolioantoniaespiritosanto.blogspot.pt/p/topico-1.html

E-Portefólio - Antónia E. Santo: Tópico 147.2 KB (48364 bytes)

33530/04/2014 - 21:23 GMT

Resultados compiladosI. Sumário

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

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

Page 2: Tópico 1 - Acessibilidade

[versão placar]

NivelTestes realizados

Ok Erros Avisos Total

A 0 6 7 13

AA 0 3 3 6

AAA 0 1 2 3

II. Detalhe dos testes realizadosA listagem dos testes realizados encontra-se agrupada de acordocom os níveis de conformidade A, AA e AAA definidos nas WCAG2.0 do W3C.

Testes AccessMonitor cujo cumprimentocontribui para a conformidade de nível"A" das WCAG 2.0

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: 5

Esta falha ocorre quando um link é compostoapenas por conteúdo não textual, tal como umaimagem, e o conteúdo não textual se encontraimplementado de tal forma que poderá serignorado pela tecnologia de apoio. Quando aimagem é o único conteúdo existente no link, éabsolutamente indispensável que essa imagemtenha uma legenda (i.e. um equivalentealternativo textual).

Documentação WCAG 2.0 de referência:

Falha dos Critérios de Sucesso 2.4.4, 2.4.9 e 4.1.2devido à utilização de alt nulo numa imagem em quea imagem é o único conteúdo num link

Utilizar o atributo title da frame e dos elementosiframe

Page 3: Tópico 1 - Acessibilidade

Foram encontrados 2 elementos <iframe> sem título

Elementos iframe: 2 Elementos iframe sem title: 2

O objectivo é usar o atributo "title" do elementoframe ou iframepara legendar os conteúdos decada frame (moldura). O uso deste atributopermite 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 52 erros de validação nalinguagem de marcação

Erros de validação (X)HTML: 52 [validador HTMLdo W3C]

O objectivo é eliminar ambiguidades nas páginasWeb derivadas de código que não está emconformidade para com as especificaçõesformais em vigor. Os resultados deste testeforam obtidos através do Serviço de Validaçãoda Marcação do W3C.

Documentação WCAG 2.0 de referência:

Constatou-se que não existem links para contornarblocos de texto

Links: 31 Links para contornar blocos de conteúdo: 0

O objectivo é disponibilizar um mecanismo quepermita contornar blocos de material, saltandopara o fim desses mesmos blocos.

Documentação WCAG 2.0 de referência:

Validar páginas Web

Adicionar um link no início de um bloco de conteúdorepetido para aceder directamente ao fim do bloco

Page 4: Tópico 1 - Acessibilidade

Constatou-se que o atributo lang se encontra emfalta

Idioma principal não referenciado: lang

O objectivo é identificar o idioma predefinido deum documento através dos atributos lang e/ouxml:lang do elemento <HTML>.

Documentação WCAG 2.0 de referência:

Constatou-se que o primeiro link da página nãonos conduz até à área do conteúdo principal

Links: 31 Link para saltar para o conteúdo principal: 0

O objectivo é disponibilizar um mecanismo quepermita contornar blocos de material que serepetem em múltiplas páginas Web, passandodirectamente para o conteúdo principal. Oprimeiro item interactivo da página Web deveser um link que nos conduza ao início doconteú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 simplesespaço em branco é uma prática comum paraimagens decorativas. Este tipo de imagens devepassar para as CSS.

Utilizar atributos language no elemento html

Adicionar um link no topo de cada página paraaceder directamente à área do conteúdo principal

Utilizar CSS para incluir imagens decorativas

Page 5: Tópico 1 - Acessibilidade

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 detabelas layout, é recomendável o uso de layoutcom base em CSS de forma a preservar asemântica estrutural dos elementos <table> doHTML bem como preservar a boa prática deseparação da estrutura do estilo.

Documentação WCAG 2.0 de referência:

Foram identificados 5 casos em que o atributotitle do elemento link se limita a repetir o textoexistente no link

Links: 31 Links com o mesmo texto afixado no conteúdo e

no atributo title: 5

O atributo title é utilizado para proporcionarinformação complementar à existente no textodo link. O atributo title e o texto do link devemser suficientes para compreender o propósito dolink.

Documentação WCAG 2.0 de referência:

Constatou-se que não há elementos a seremusados para controlo visual da apresentação

Utilizar a marcação da tabela para apresentarinformações dispostas em tabelas

Fornecer suplementos ao texto do link com oatributo title

Utilizar elementos semanticos para marcar aestrutura

Page 6: Tópico 1 - Acessibilidade

Elementos (X)HTML para controlo daapresentação visual: 0

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

Documentação WCAG 2.0 de referência:

Constatou-se que não há atributos a controlar aapresentação visual

Atributos (X)HTML para controlo daapresentação visual: 0

Certifique-se que a informação estrutural efuncionalidade são explícitos e que se encontraclaramente separada da informação deapresentaçã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 1

Certifique-se até que ponto o <title> identificaos 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 doatributo alt

Imagens: 6

Separar a informação e a estrutura da apresentaçãopara permitir diferentes apresentações

Fornecer um título utilizando o elemento title

Utilizar atributos alt em elementos img

Page 7: Tópico 1 - Acessibilidade

Imagens sem alt: 0

Verfique que os textos alternativos passam omesmo significado que são transmitidos pelasimagens.

Documentação WCAG 2.0 de referência:

Testes AccessMonitor cujo cumprimentocontribui para a conformidade de nível"AA" das WCAG 2.0

Foram identificados 7 casos em que se usamunidades de medida expressas em valoresabsolutos no tamanho de letra

Tamanhos de letra definidos nas CSS: 15 Tamanhos de letra definidos em unidades de

medida absolutos: 7

Quando os tamanhos de letra estão definidos emunidades absolutas, tais como pontos ou pixéis,os comandos do menu Tamanho de Letraexistentes no Internet Explorer 7 ou superiornão terão quaisquer efeitos sobre os tamanhosde letra da página.

Documentação WCAG 2.0 de referência:

Foram localizados 2 elementos ou atributos deHTML que estão a ser usados para controlo daapresentação visual do texto

Elementos e atributos HTML para controlar aapresentação do texto: 2

As CSS devem ser usadas para controlar a

Utilizar percentagem para tamanhos de letra

Utilizar CSS para controlar a apresentação visual dotexto

Page 8: Tópico 1 - Acessibilidade

apresentação visual do texto. Pela separação doestilo da marcação do conteúdo, os editorespodem simplificar e limpar a forma de marcaçãodo conteúdo, tornando-o, ao mesmo tempo,mais acessível.

Documentação WCAG 2.0 de referência:

Constatou-se que em 1 caso, se faz uso deunidades de medida absolutas

Unidades de medida absolutas em (X)HTML: 1

O objectivo é ser capaz de apresentar oconteúdo sem a necessidade de introduzirbarras de varrimento horizontais, usandotécnicas de layout que permitem adaptar osconteúdos ao espaço disponível.

Documentação WCAG 2.0 de referência:

Foram identificados 6 casos em que se utilizamunidades de medida absoluta na definição dalargura dos elementos

Elementos com valores absolutos na propriedadewidth da CSS: 6

O objectivo é apresentar conteúdo semintroduzir barras de varrimento horizontaisatravés de técnicas que permitem ajustar oconteúdo ao espaço horizontal disponível.

Documentação WCAG 2.0 de referência:

Foram identificadas 35 regras de CSS em que não

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.8devido à especificação de cores de primeiro planosem especificar as cores de fundo e vice-versa

Page 9: Tópico 1 - Acessibilidade

se especifica ou a cor de letra ou a cor de fundo

Regras de CSS em que não se especificasimultaneamente a cor de fundo e/ou cor da letra:35

A não ser que o autor especifique a cor de fundoe a cor de letra, ele (o autor) nunca poderágarantir que o utilizador irá obter um contrasteque satisfaça as suas necessidades. Não énecessário que a cor de letra e a cor de fundoestejam 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> paranavegação

Elementos <link> para navegação: 2

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

Documentação WCAG 2.0 de referência:

Testes AccessMonitor cujo cumprimentocontribui para a conformidade de nível"AAA" das WCAG 2.0

Foram localizados 4 links com o mesmo texto queapontam destinos diferentes

Links: 31

Utilizar o elemento link e as ferramentas denavegaçã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 paraalterar o texto do link para texto específico

Page 10: Tópico 1 - Acessibilidade

Links com o mesmo texto que apontam destinosdiferentes: 4

Esta ocorrência está relacionada com uma falhacomum em que links como "clique aqui" ou "vermais" precisam da informação que os rodeiapara contextualizar a sua finalidade. Só pelocontexto é possível aos utilizadores distinguir oslinks e determinar o seu propósito.

Documentação WCAG 2.0 de referência:

Constatou-se que todas as unidades de medidaexistentes na CSS estão expressas em valoresrelativos

Unidades de medida relativas em CSS: 3

Aumente o tamanho da letra em 200% ecertifique-se de que é possível ler todas aslinhas do texto sem necessidade de efectuarvarrimentos horizontais.

Documentação WCAG 2.0 de referência:

Foram encontrados 7 elementos cabeçalho

Cabeçalhos (<h1>-<h6>): 7

Em todas as páginas devemos marcar, pelomenos, um cabeçalho de nível 1, o qual marca otexto que se identifica como sendo o que servede título. É igualmente boa prática marcar ostextos que se identificam como sendo assecções com cabeçalhos de nível 2. Faça com oscabeçalhos existentes um índice e verifique se oíndice (as suas secções e subsecções) fazemsentido.

Utilizar valores de percentagem em CSS para ostamanhos das caixas

Organizar uma página utilizando cabeçalhos

Page 11: Tópico 1 - Acessibilidade

Documentação WCAG 2.0 de referência:

Mais informação: Mapa do Sítio Ajuda Sugestões2009 - 2013 © Unidade ACESSO da FCT - Fundação para a Ciência e a

Tecnologia, I.P.