MÓDULO 2
ACESSIBILIDADE WEB E TECNOLOGIAS DE
APOIO
RELATÓRIO FINAL
AVALIAÇÃO DE ACESSIBILIDADES
EM PÁGINAS WEB
GRUPO: PROF...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 2 de 27
AVALIAÇÃO DE ACESSIBILIDADE DE P...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 3 de 27
relativamente às implicações que...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 4 de 27
4 - Síntese do relatório de aval...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 5 de 27
Relatório AccessMonitor WCAG 2.0...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 6 de 27
Detalhes dos testes
NÍVEIS DE CO...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 7 de 27
o Como Cumprir o 2.4.9 (Finalida...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 8 de 27
 Constatou-se que não existem l...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 9 de 27
formulário, verifique que o mesm...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 10 de 27
Esta técnica WCAG 2.0 está rela...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 11 de 27
 Critério de Sucesso 4.1.1 (Ní...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 12 de 27
AA) Noções sobre CS 1.4.5
 Cri...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 13 de 27
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 14 de 27
Relatório AccessMonitor WCAG 2....
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 15 de 27
1
Atributos: elementos de lingu...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 16 de 27
 Critério de Sucesso 1.1.1 (Co...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 17 de 27
A
(1)
AA AAA
 Foi encontrado 1...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 18 de 27
A
(1)
AA
AAA
(1)
 Foram encont...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 19 de 27
 Critério de Sucesso 2.4.9 (Fi...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 20 de 27
página para aceder directamente...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 21 de 27
A
(1)
AA AAA
 Foram identifica...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 22 de 27
o Noções sobre o Critério de
Su...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 23 de 27
G134: Validar páginas Web
Esta ...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 24 de 27
Critério WCAG 2.0 não cumprido:...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 25 de 27
de letra
 Critério de Sucesso ...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 26 de 27
Marcação do idioma principal da...
MOOC INCTEC 2014
Módulo 2
Profs do Oeste: Cristina Neto
Conceição Monteiro Página 27 de 27
 Foram identificados 25 casos ...
Próximos SlideShares
Carregando em…5
×

Avaliacao de acessibilidade de páginas Web

678 visualizações

Publicada em

Avaliação de acessibilidade de páginas Web, com o AccessMonitor

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
678
No SlideShare
0
A partir de incorporações
0
Número de incorporações
106
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Avaliacao de acessibilidade de páginas Web

  1. 1. MÓDULO 2 ACESSIBILIDADE WEB E TECNOLOGIAS DE APOIO RELATÓRIO FINAL AVALIAÇÃO DE ACESSIBILIDADES EM PÁGINAS WEB GRUPO: PROFS DO OESTE CONCEIÇÃO MONTEIRO CRISTINA NETO MAIO 2014
  2. 2. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 2 de 27 AVALIAÇÃO DE ACESSIBILIDADE DE PÁGINAS WEB (ALTERNATIVA 3) As WCAG (Web Content Accessibility Guidelines) 2.0 são diretrizes internacionais para a elaboração de páginas de Internet de forma acessível a pessoas com dificuldades/limitações cognitivas, motoras e/ou sensoriais. Foram delineadas pela W3C (World Wide Web Consortium), comunidade internacional que desenvolve normativas para assegurar o crescimento da Web a longo prazo. Na introdução do documento que estabelece as diretrizes conhecidas por WCAG 2.0, pode ler- se: “As Directrizes de Acessibilidade para o Conteúdo da Web (WCAG) 2.0 abrangem uma vasta gama de recomendações para tornar o conteúdo da Web mais acessível. (…) O cumprimento destas directrizes facilitará a utilização do conteúdo da Web pelos utilizadores em geral. Os critérios de sucesso das WCAG 2.0 são apresentados como declarações testáveis que não são de tecnologia específica. São apresentadas, em documentos distintos, orientações sobre como satisfazer os critérios de sucesso em tecnologias específicas, bem como informações gerais sobre como interpretar os critérios de sucesso.” Estas diretrizes pretendem assegurar o cumprimento dos seguintes princípios: 1 - Perceptível: A informação e os componentes da interface de utilizador têm de ser apresentados aos utilizadores em formas que eles possam percepcionar 2 - Operável: Os componentes da interface de utilizador e a navegação têm de ser operáveis. 3 – Compreensível: A informação e a operação da interface de utilizador têm de ser compreensíveis. 4 – Robusto: O conteúdo tem de ser robusto o suficiente para poder ser interpretado de forma fiável por diversos agentes de utilizador, incluindo tecnologias de apoio. A avaliação da acessibilidade das páginas faz-se através da análise de três níveis de conformidade: A, AA e AAA, sendo A aquele que determina as acessibilidades básicas. A aplicação destas directrizes destina-se a ser operacionalizada por webdesigners ou profissionais de informática e é demasiado complexa para o utilizador comum. No entanto, o conhecimento, ainda que superficial, destas diretrizes proporciona uma nova perspetiva 1 - Logo da W3C
  3. 3. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 3 de 27 relativamente às implicações que a criação de uma página web suscita no que diz respeito às acessibilidades, para a qual não estaríamos despertas. Decidimos analisar páginas de caráter institucional por esperarmos que obtivessem bons resultados na avaliação feita pelo AccessMonitor. Selecionámos a página que se destina aos estudantes com Necessidades Educativas Especiais da Universidade de Lisboa e a página do nosso MOOC. Os resultados obtidos demonstram-se nos relatórios em anexo. Verificamos que ambas ficam muito aquém do que seria desejável, nomeadamente, por serem páginas de conteúdo de interesse para pessoas com NEE. Para comparação, apresentamos abaixo a síntese do relatório obtido na análise da página da Caixa Geral de Depósitos, que alcançou a pontuação máxima de 10. Também a página da Agência para a Sociedade do Conhecimento, do Ministério da Educação e Ciência, separador Inclusão e Acessibilidade, que obteve o resultado de 9.8, passando os níveis de conformidade A e AA, apresentando um único erro no nível AAA. Estas duas páginas foram selecionadas pelos resultados da avaliação e por, simultaneamente, apresentarem conteúdo de interesse para pessoas com NEE. 3 - Síntese do relatório de avaliação de acessibilidades da página da Caixa Geral de Depósitos, realizada no AccessMonitor 2 – Logo Access Monitor
  4. 4. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 4 de 27 4 - Síntese do relatório de avaliação de acessibilidades da página da Agência para a Sociedade do Conhecimento, realizada no AccessMonitor
  5. 5. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 5 de 27 Relatório AccessMonitor WCAG 2.0 Página testada Universidade de Lisboa Link http://www.ulisboa.pt/home-page/estudar/necessidades-educativas-especiais/ Resultado 4.6 - Esta página não passa a bateria de testes do AccessMonitor de nível "A"
  6. 6. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 6 de 27 Detalhes dos testes NÍVEIS DE CONFORMIDADE/ERROS DETETADOS A AA AAA (1) Marcação de links, menus e textos dos links  Repete-se 4 vezes a palavra “legislação”  Repete-se 2 vezes a palavra “contactos” 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. Critério WCAG 2.0 não cumprido: F84: 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  Critério de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link))
  7. 7. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 7 de 27 o Como Cumprir o 2.4.9 (Finalidade do Link (Apenas o Link)) o Noções sobre o Critério de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link)) Links para contornar blocos de informação A (2) AA AAA  Constatou-se que o primeiro link da página não nos conduz até à área do conteúdo principal. O objetivo é 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. Critério WCAG 2.0 não cumprido: G1: Adicionar um link no topo de cada página para aceder directamente à área do conteúdo principal Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 2.4.1 (Nível A) Noções sobre CS 2.4.1
  8. 8. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 8 de 27  Constatou-se que não existem links para contornar blocos de texto O objetivo é disponibilizar um mecanismo que permita contornar blocos de material, saltando para o fim desses mesmos blocos. Critério WCAG 2.0 não cumprido: G123: Adicionar um link no início de um bloco de conteúdo repetido para aceder directamente ao fim do bloco Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 2.4.1 (Nível A) Noções sobre CS 2.4.1 Marcação de formulários A (2) AA AAA  Foram identificados 2 formulários sem botão de envio O objetivo é disponibilizar um mecanismo que permita aos utilizadores efectuar explicitamente um pedido de mudança de contexto. Para cada
  9. 9. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 9 de 27 formulário, verifique que o mesmo dispõe de um botão de envio Critério WCAG 2.0 não cumprido: H32: Fornecer botões Submit Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 3.2.2 (Nível A) Noções sobre CS 3.2.2  Foram identificados 3 controlos de formulário sem etiquetas associadas e sem o atributo title Os elementos label, associados aos elementos input, asseguram que a informação relacionada com os campos é lida pelos leitores de ecrã sempre que os campos de edição recebem o foco. O atributo title pode ser usado sempre que seja difícil, em termos de design, acomodar a label ou quando a mesma possa causar confusão. Critério WCAG 2.0 não cumprido: H65: Utilizar o atributo title para identificar controlos de formulário quando o elemento label não puder ser utilizado
  10. 10. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 10 de 27 Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 1.1.1 (Nível A) Noções sobre CS 1.1.1  Critério de Sucesso 1.3.1 (Nível A) Noções sobre CS 1.3.1  Critério de Sucesso 3.3.2 (Nível A) Noções sobre CS 3.3.2  Critério de Sucesso 4.1.2 (Nível A) Noções sobre CS 4.1.2 Standards W3C: ( X ) HTLM + CSS A (1) AA AAA  Foram encontrados 21 erros de validação na linguagem de marcação O objectivo é eliminar ambiguidades nas páginas Web derivadas de código que não está em conformidade para com as especificações formais em vigor. Os resultados deste teste foram obtidos através do Serviço de Validação da Marcação do W3C. Critério WCAG 2.0 não cumprido: G134: Validar páginas Web Esta técnica WCAG 2.0 está relacionada com:
  11. 11. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 11 de 27  Critério de Sucesso 4.1.1 (Nível A) Noções sobre CS 4.1.1 Elementos e atributos de apresentação /obsoletos A (1) AA (1) AAA  Foram localizados 34 atributos para controlar a apresentação visual 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. Critério WCAG 2.0 não cumprido: G140: Separar a informação e a estrutura da apresentação para permitir diferentes apresentações Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 1.3.1 (Nível A) Noções sobre CS 1.3.1  Critério de Sucesso 1.4.5 (Nível  Foram localizados 24 elementos ou atributos de HTML que estão a ser usados para controlo da apresentação visual do texto 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. Critério WCAG 2.0 não cumprido: C22: Utilizar CSS para controlar a apresentação visual do texto Esta técnica WCAG 2.0 está relacionada com:
  12. 12. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 12 de 27 AA) Noções sobre CS 1.4.5  Critério de Sucesso 1.4.9 (Nível AAA) Noções sobre CS 1.4.9  Critério de Sucesso 1.3.1 (Nível A) Noções sobre CS 1.3.1  Critério de Sucesso 1.4.4 (Nível AA) Noções sobre CS 1.4.4  Critério de Sucesso 1.4.5 (Nível AA) Noções sobre CS 1.4.5  Critério de Sucesso 1.4.9 (Nível AAA) Noções sobre CS 1.4.9 Uso de unidades absolutas A AA (1) AAA  Foi identificado 1 caso em que se usa unidades de medida expressas em valores absolutos no tamanho 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. Critério WCAG 2.0 não cumprido: C12: Utilizar percentagem para tamanhos de letra Esta técnica está relacionada com:  Critério de Sucesso 1.4.4 (Nível AA) Noções sobre CS 1.4.4
  13. 13. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 13 de 27
  14. 14. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 14 de 27 Relatório AccessMonitor WCAG 2.0 Página testada MOOC Inclusão e Acesso às Tecnologias 2014 Link http://inctec2014.blogspot.pt/ Resultado 3. 4 - Esta página não passa a bateria de testes do AccessMonitor de nível "A"
  15. 15. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 15 de 27 1 Atributos: elementos de linguagem HTML e XHTML Detalhes dos testes NÍVEIS DE CONFORMIDADE/ERROS DETETADOS A (1) AA AAA Texto alternativo em imagens  Foram encontradas 9 imagens que não têm legenda Todas as imagens têm de ter uma legenda - i.e. um equivalente alternativo textual colocado no atributo alt1 . A existência de textos alternativos para as imagens permite que a informação possa ser apresentada de várias formas a uma variedade de agentes de utilizador. Se 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. Critério WCAG 2.0 não cumprido: F65: 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" Esta falha está relacionada com:
  16. 16. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 16 de 27  Critério de Sucesso 1.1.1 (Conteúdo Não Textual) o Como Cumprir o 1.1.1 (Conteúdo Não Textual) o Noções sobre o Critério de Sucesso 1.1.1 (Conteúdo Não Textual) Inserção de Multimedia (embed, object, iframe, applet)
  17. 17. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 17 de 27 A (1) AA AAA  Foi encontrado 1 elemento sem título O objetivo é usar o atributo title do elemento frame (moldura) ou iframe para legendar os conteúdos de cada frame. O uso deste atributo permite etiquetar cada um dos frames, permitindo aos utilizadores a sua identificação, descriminação e exploração. Critério WCAG 2.0 não cumprido: H64: Utilizar o atributo title da frame e dos elementos iframe Esta técnica está relacionada com:  Critério de Sucesso 2.4.1 (Ignorar Blocos) o Como Cumprir o 2.4.1 (Ignorar Blocos) o Noções sobre o Critério de Sucesso 2.4.1 (Ignorar Blocos)  Critério de Sucesso 4.1.2 (Nome, Função, Valor) o Como Cumprir o 4.1.2 (Nome, Função, Valor) o Noções sobre o Critério de Sucesso 4.1.2 (Nome, Função, Valor) Marcação de Links, menus e texto dos links
  18. 18. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 18 de 27 A (1) AA AAA (1)  Foram encontrados 31 links em que o conteúdo é composto apenas por uma imagem não legendada 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). Critério WCAG 2.0 não cumprido: F89: 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 Esta falha está relacionada com:  Critério de Sucesso 2.4.4 (Finalidade do Link (Em Contexto)) o Como Cumprir o 2.4.4 (Finalidade do Link (Em Contexto)) o Noções sobre o Critério de Sucesso 2.4.4 (Finalidade do Link (Em Contexto))  Foram localizados 60 links com o mesmo texto que apontam destinos diferentes 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. Critério WCAG 2.0 não cumprido: F84: 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 Esta falha está relacionada com:  Critério de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link)) o Como Cumprir o 2.4.9 (Finalidade do Link (Apenas o Link)) o Noções sobre o Critério de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link))
  19. 19. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 19 de 27  Critério de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link)) o Como Cumprir o 2.4.9 (Finalidade do Link (Apenas o Link)) o Noções sobre o Critério de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link))  Critério de Sucesso 4.1.2 (Nome, Função, Valor) o Como Cumprir o 4.1.2 (Nome, Função, Valor) o Noções sobre o Critério de Sucesso 4.1.2 (Nome, Função, Valor) Links para contornar blocos de informação A (2) AA AAA  Constatou-se que o primeiro link da página não nos conduz até à área do conteúdo principal. O objetivo é disponibilizar um mecanismo que permita contornar blocos de material que se repetem em múltiplas páginas Web, passando diretamente para o conteúdo principal. O primeiro item interativo da página Web deve ser um link que nos conduza ao início do conteúdo principal. Critério WCAG 2.0 não cumprido: G1: Adicionar um link no topo de cada
  20. 20. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 20 de 27 página para aceder directamente à área do conteúdo principal Esta técnica está relacionada com:  Critério de Sucesso 2.4.1 (Saltar Blocos) o Como Cumprir o 2.4.1 (Saltar Blocos) o Noções sobre o Critério de Sucesso 2.4.1 (Saltar Blocos)  Constatou-se que não existem links para contornar blocos de texto O objetivo é disponibilizar um mecanismo que permita contornar blocos de material, saltando para o fim desses mesmos blocos. Critério WCAG 2.0 não cumprido: G123: Adicionar um link no início de um bloco de conteúdo repetido para aceder directamente ao fim do bloco Esta técnica está relacionada com:  Critério de Sucesso 2.4.1 (Ignorar Blocos) o Como Cumprir o 2.4.1 (Ignorar Blocos) o Noções sobre o Critério de Sucesso 2.4.1 (Ignorar Blocos) Marcação de formulários
  21. 21. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 21 de 27 A (1) AA AAA  Foram identificados 2 controlos de formulário sem etiquetas associadas e sem o atributo title Os elementos label, associados aos elementos input, asseguram que a informação relacionada com os campos é lida pelos leitores de ecrã sempre que os campos de edição recebem o foco. O atributo title pode ser usado sempre que seja difícil, em termos de design, acomodar a label ou quando a mesma possa causar confusão. Critério WCAG 2.0 não cumprido: H65: Utilizar o atributo title para identificar controlos de formulário quando o elemento label não puder ser utilizado Esta técnica está relacionada com:  Critério de Sucesso 1.1.1 (Conteúdo Não Textual) o Como Cumprir o 1.1.1 (Conteúdo Não Textual) o Noções sobre o Critério de Sucesso 1.1.1 (Conteúdo Não Textual)  Critério de Sucesso 1.3.1 (Informações e Relações) o Como Cumprir o 1.3.1 (Informações e Relações)
  22. 22. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 22 de 27 o Noções sobre o Critério de Sucesso 1.3.1 (Informações e Relações)  Critério de Sucesso 3.3.2 (Etiquetas ou Instruções) o Como Cumprir o 3.3.2 (Etiquetas ou Instruções) o Noções sobre o Critério de Sucesso 3.3.2 (Etiquetas ou Instruções)  Critério de Sucesso 4.1.2 (Nome, Função, Valor) o Como Cumprir o 4.1.2 (Nome, Função, Valor) o Noções sobre o Critério de Sucesso 4.1.2 (Nome, Função, Valor) Standards W3C: (X)HTML + CSS A (1) AA AAA  Foram encontrados 167 erros de validação na linguagem de marcação O objetivo é eliminar ambiguidades nas páginas Web derivadas de código que não está em conformidade para com as especificações formais em vigor. Critério WCAG 2.0 não cumprido:
  23. 23. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 23 de 27 G134: Validar páginas Web Esta técnica está relacionada com:  Critério de Sucesso 4.1.1 (Análise) o Como Cumprir o 4.1.1 (Análise) o Noções sobre o Critério de Sucesso 4.1.1 (Análise) Elementos e atributos de apresentação/obsoletos A (1) AA (1) AAA  Foram encontrados 3 elementos usados para controlar a apresentação visual Enquanto que as características visuais de apresentação induzem a estrutura, essas características não devem tornar a estrutura ambígua que torne difícil a interação para quem use tecnologia de apoio.  Foram localizados 16 elementos ou atributos de HTML que estão a ser usados para controlo da apresentação visual do texto 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
  24. 24. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 24 de 27 Critério WCAG 2.0 não cumprido: G115: Utilizar elementos semanticos para marcar a estrutura Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 1.3.1 (Informações e Relações) o Como Cumprir o 1.3.1 (Informações e Relações) o Noções sobre o Critério de Sucesso 1.3.1 (Informações e Relações) acessível. Critério WCAG 2.0 não cumprido: C22: Utilizar CSS para controlar a apresentação visual do texto Esta técnica WCAG 2.0 está relacionada com:  Critério de Sucesso 1.3.1 (Nível A) Noções sobre CS 1.3.1  Critério de Sucesso 1.4.4 (Nível AA) Noções sobre CS 1.4.4  Critério de Sucesso 1.4.5 (Nível AA) Noções sobre CS 1.4.5  Critério de Sucesso 1.4.9 (Nível AAA) Noções sobre CS 1.4.9 Uso de unidades absolutas A AA (2) AAA  Foram identificados 6 casos em que se usam unidades de medida expressas em valores absolutos no tamanho 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. Critério WCAG 2.0 não cumprido: C12: Utilizar percentagem para tamanhos
  25. 25. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 25 de 27 de letra  Critério de Sucesso 1.4.4 (Redimensionar texto) o Como Cumprir o 1.4.4 (Redimensionar texto) o Noções sobre o Critério de Sucesso 1.4.4 (Redimensionar texto)  Constatou-se que em 2 casos, se faz uso de unidades de medida absolutas O objetivo é 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. Critério WCAG 2.0 não cumprido: G146: Utilizar disposições líquidas Esta técnica está relacionada com:  Critério de Sucesso 1.4.4 (Redimensionar texto) o Como Cumprir o 1.4.4 (Redimensionar texto) o Noções sobre o Critério de Sucesso 1.4.4 (Redimensionar texto)
  26. 26. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 26 de 27 Marcação do idioma principal da página A (1) AA AAA  Constatou-se que o atributo lang se encontra em falta O objetivo é identificar o idioma predefinido de um documento através dos atributos lang e/ou xml:lang do elemento HTML. Critério WCAG 2.0 não cumprido: H57: Utilizar atributos language no elemento html Esta técnica está relacionada com:  Critério de Sucesso 3.1.1 (Idioma da Página) o Como Cumprir o 3.1.1 (Idioma da Página) o Noções sobre o Critério de Sucesso 3.1.1 (Idioma da Página) Formatação do texto (espaçamento entre linhas e texto justificado) A AA AAA (1)
  27. 27. MOOC INCTEC 2014 Módulo 2 Profs do Oeste: Cristina Neto Conceição Monteiro Página 27 de 27  Foram identificados 25 casos em que se faz justificação de texto via CSS Muitas pessoas com incapacidades cognitivas têm grande dificuldade em lidar com blocos de texto que se encontram justificados. Critério WCAG 2.0 não cumprido: C19: Especificar o alinhamento à esquerda OU à direita em CSS Esta técnica está relacionada com:  Critério de Sucesso 1.4.8 (Apresentação Visual) o Como Cumprir o 1.4.8 (Apresentação Visual) o Noções sobre o Critério de Sucesso 1.4.8 (Apresentação Visual)

×