Relatorio Final de Avaliacao de Acessibilidades

MDULO 2
ACESSIBILIDADE WEB E TECNOLOGIAS DE

APOIO

RELATRIO FINAL

AVALIAO DE ACESSIBILIDADES
EM PGINAS WEB

GRUPO: PROFS DO OESTE
CONCEIO MONTEIRO
CRISTINA NETO

MAIO 2014
MOOC INCTEC 2014
Mdulo 2
Profs do Oeste: Cristina Neto
Conceio Monteiro Pgina 2 de 27

AVALIAO DE ACESSIBILIDADE DE PGINAS WEB (ALTERNATIVA 3)

As WCAG (Web Content Accessibility Guidelines) 2.0
so diretrizes internacionais para a elaborao de
pginas de Internet de forma acessvel a pessoas com
dificuldades/limitaes 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 introduo do documento que estabelece as diretrizes conhecidas por WCAG 2.0, pode ler-
se:
As Directrizes de Acessibilidade para o Contedo da Web (WCAG) 2.0 abrangem uma vasta
gama de recomendaes para tornar o contedo da Web mais acessvel. () O cumprimento
destas directrizes facilitar a utilizao do contedo da Web pelos utilizadores em geral.
Os critrios de sucesso das WCAG 2.0 so apresentados como declaraes testveis que no
so de tecnologia especfica. So apresentadas, em documentos distintos, orientaes sobre
como satisfazer os critrios de sucesso em tecnologias especficas, bem como informaes
gerais sobre como interpretar os critrios de sucesso.
Estas diretrizes pretendem assegurar o cumprimento dos seguintes princpios:
1 - Perceptvel: A informao e os componentes da interface de utilizador tm de ser
apresentados aos utilizadores em formas que eles possam percepcionar
2 - Opervel: Os componentes da interface de utilizador e a navegao tm de ser operveis.
3 Compreensvel: A informao e a operao da interface de utilizador tm de ser
compreensveis.
4 Robusto: O contedo tem de ser robusto o suficiente para poder ser interpretado de forma
fivel por diversos agentes de utilizador, incluindo tecnologias de apoio.
A avaliao da acessibilidade das pginas faz-se atravs da anlise de trs nveis de
conformidade: A, AA e AAA, sendo A aquele que determina as acessibilidades bsicas.
A aplicao destas directrizes destina-se a ser operacionalizada por webdesigners ou
profissionais de informtica e demasiado complexa para o utilizador comum. No entanto, o
conhecimento, ainda que superficial, destas diretrizes proporciona uma nova perspetiva
1 - Logo da W3C
MOOC INCTEC 2014
Mdulo 2

relativamente s implicaes que a criao de uma pgina web suscita no que diz respeito s
acessibilidades, para a qual no estaramos despertas.
Decidimos analisar pginas de carter institucional por esperarmos que
obtivessem bons resultados na avaliao feita pelo AccessMonitor.
Selecionmos a pgina que se destina aos estudantes com Necessidades
Educativas Especiais da Universidade de Lisboa e a pgina do nosso
MOOC.
Os resultados obtidos demonstram-se nos relatrios em anexo.
Verificamos que ambas ficam muito aqum do que seria desejvel,
nomeadamente, por serem pginas de contedo de interesse para pessoas
com NEE.
Para comparao, apresentamos abaixo a sntese do relatrio obtido na anlise da pgina da
Caixa Geral de Depsitos, que alcanou a pontuao mxima de 10. Tambm a pgina da
Agncia para a Sociedade do Conhecimento, do Ministrio da Educao e Cincia, separador
Incluso e Acessibilidade, que obteve o resultado de 9.8, passando os nveis de conformidade
A e AA, apresentando um nico erro no nvel AAA. Estas duas pginas foram selecionadas
pelos resultados da avaliao e por, simultaneamente, apresentarem contedo de interesse
para pessoas com NEE.

3 - Sntese do relatrio de avaliao de acessibilidades da pgina da Caixa Geral de Depsitos, realizada no
AccessMonitor

2 Logo Access
Monitor
MOOC INCTEC 2014
Mdulo 2

4 - Sntese do relatrio de avaliao de acessibilidades da pgina da Agncia para a Sociedade do Conhecimento,
realizada no AccessMonitor

MOOC INCTEC 2014
Mdulo 2

Relatrio AccessMonitor WCAG 2.0

Pgina testada Universidade de Lisboa
Link http://www.ulisboa.pt/home-page/estudar/necessidades-educativas-especiais/
Resultado
4.6 - Esta pgina no passa a bateria de testes do AccessMonitor de nvel "A"
MOOC INCTEC 2014
Mdulo 2

Detalhes dos testes
NVEIS DE CONFORMIDADE/ERROS DETETADOS
A AA
AAA
(1)
Marcao de links, menus e textos dos links

Repete-se 4 vezes a palavra legislao
Repete-se 2 vezes a palavra contactos

Esta ocorrncia est relacionada com uma falha
comum em que links como "clique aqui" ou "ver
mais" precisam da informao que os rodeia para
contextualizar a sua finalidade. S pelo contexto
possvel aos utilizadores distinguir os links e
determinar o seu propsito.

Critrio WCAG 2.0 no cumprido:
F84: Falha do Critrio de Sucesso 2.4.9
devido utilizao de um link no
especfico, tal como "clique aqui" ou
"mais" sem um mecanismo para alterar o
texto do link para texto especfico

Critrio de Sucesso 2.4.9 (Finalidade do
Link (Apenas o Link))
MOOC INCTEC 2014
Mdulo 2

o Como Cumprir o 2.4.9 (Finalidade
do Link (Apenas o Link))
o Noes sobre o Critrio de
Sucesso 2.4.9 (Finalidade do Link
(Apenas o Link))
Links para contornar blocos de informao
A
(2)
AA AAA
Constatou-se que o primeiro link da
pgina no nos conduz at rea do
contedo principal.

O objetivo disponibilizar um mecanismo que
permita contornar blocos de material que se
repetem em mltiplas pginas Web, passando
directamente para o contedo principal. O primeiro
item interactivo da pgina Web deve ser um link que
nos conduza ao incio do contedo principal.


G1: Adicionar um link no topo de cada
pgina para aceder directamente
rea do contedo principal

Esta tcnica WCAG 2.0 est relacionada com:

Critrio de Sucesso 2.4.1 (Nvel A) Noes
sobre CS 2.4.1

MOOC INCTEC 2014
Mdulo 2

Constatou-se que no existem links para
contornar blocos de texto

permita contornar blocos de material, saltando para
o fim desses mesmos blocos.


G123: Adicionar um link no incio de
um bloco de contedo repetido para
aceder directamente ao fim do bloco


sobre CS 2.4.1
Marcao de formulrios
A
(2)
AA AAA
Foram identificados 2 formulrios sem
boto de envio

permita aos utilizadores efectuar explicitamente um
pedido de mudana de contexto. Para cada

MOOC INCTEC 2014
Mdulo 2

formulrio, verifique que o mesmo dispe de um
boto de envio


H32: Fornecer botes Submit


sobre CS 3.2.2

Foram identificados 3 controlos de
formulrio sem etiquetas associadas e
sem o atributo title

Os elementos label, associados aos elementos input,
asseguram que a informao relacionada com os
campos lida pelos leitores de ecr sempre que os
campos de edio recebem o foco. O atributo title
pode ser usado sempre que seja difcil, em termos de
design, acomodar a label ou quando a mesma possa
causar confuso.


H65: Utilizar o atributo title para
identificar controlos de formulrio
quando o elemento label no puder ser
utilizado
MOOC INCTEC 2014
Mdulo 2


sobre CS 1.1.1
sobre CS 1.3.1
sobre CS 3.3.2
sobre CS 4.1.2
Standards W3C: ( X ) HTLM + CSS
A
(1)
AA AAA
Foram encontrados 21 erros de validao
na linguagem de marcao
O objectivo eliminar ambiguidades nas pginas
Web derivadas de cdigo que no est em
conformidade para com as especificaes formais
em vigor. Os resultados deste teste foram obtidos
atravs do Servio de Validao da Marcao
do W3C.


G134: Validar pginas Web

MOOC INCTEC 2014
Mdulo 2

sobre CS 4.1.1
Elementos e atributos de apresentao /obsoletos
A
(1)
AA
(1)
AAA
Foram localizados 34 atributos para
controlar a apresentao visual

Separar as camadas de estrutura, funcionalidade e
apresentao permite induzir a semntica atravs de
um formato que pode ser programaticamente
determinvel atravs da camada estrutural.


G140: Separar a informao e a
estrutura da apresentao para
permitir diferentes apresentaes


sobre CS 1.3.1
Critrio de Sucesso 1.4.5 (Nvel
Foram localizados 24 elementos ou
atributos de HTML que esto a ser
usados para controlo da apresentao
visual do texto
As CSS devem ser usadas para controlar a
apresentao visual do texto. Pela separao do
estilo da marcao do contedo, os editores podem
simplificar e limpar a forma de marcao do
contedo, tornando-o, ao mesmo tempo, mais
acessvel.


C22: Utilizar CSS para controlar a
apresentao visual do texto


MOOC INCTEC 2014
Mdulo 2

AA) Noes sobre CS 1.4.5
AAA) Noes sobre CS 1.4.9

sobre CS 1.3.1
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 esto definidos em
unidades absolutas, tais como pontos ou pixis, os
comandos do menu Tamanho de Letra existentes no
Internet Explorer 7 ou superior no tero quaisquer
efeitos sobre os tamanhos de letra da pgina.


C12: Utilizar percentagem para
tamanhos de letra
Esta tcnica est relacionada com:

MOOC INCTEC 2014
Mdulo 2

MOOC INCTEC 2014
Mdulo 2

Relatrio AccessMonitor WCAG 2.0

Pgina testada MOOC Incluso e Acesso s Tecnologias 2014
Link http://inctec2014.blogspot.pt/
Resultado
3. 4 - Esta pgina no passa a bateria de testes do AccessMonitor de nvel "A"
MOOC INCTEC 2014
Mdulo 2

1
Atributos: elementos de linguagem HTML e XHTML
Detalhes dos testes
NVEIS DE CONFORMIDADE/ERROS DETETADOS
A
(1)
AA AAA
Texto alternativo em imagens
Foram encontradas 9 imagens que no
tm legenda
Todas as imagens tm de ter uma legenda - i.e. um
equivalente alternativo textual colocado no
atributo alt
1
. A existncia de textos alternativos para
as imagens permite que a informao possa ser
apresentada de vrias formas a uma variedade de
agentes de utilizador. Se o atributo alt no existir, as
tecnologias de apoio sero incapazes de identificar a
imagem e de passar o seu significado ao utilizador.

devido omisso do atributo alt em
elementos img, elementos area e
elementos input do tipo "imagem"

Esta falha est relacionada com:

MOOC INCTEC 2014
Mdulo 2

Critrio de Sucesso 1.1.1 (Contedo No
Textual)
o Como Cumprir o 1.1.1 (Contedo
No Textual)
Sucesso 1.1.1 (Contedo No
Textual)

Insero de Multimedia (embed, object, iframe, applet)
MOOC INCTEC 2014
Mdulo 2

A
(1)
AA AAA
Foi encontrado 1 elemento sem ttulo
O objetivo usar o atributo title do elemento frame
(moldura) ou iframe para legendar os contedos de
cada frame. O uso deste atributo permite etiquetar
cada um dos frames, permitindo aos utilizadores a
sua identificao, descriminao e explorao.

H64: Utilizar o atributo title da frame e
dos elementos iframe


Critrio de Sucesso 2.4.1 (Ignorar Blocos)
o Como Cumprir o 2.4.1 (Ignorar
Blocos)
Sucesso 2.4.1 (Ignorar Blocos)
Critrio de Sucesso 4.1.2 (Nome, Funo,
Valor)
o Como Cumprir o 4.1.2 (Nome,
Funo, Valor)
Sucesso 4.1.2 (Nome, Funo,
Valor)

Marcao de Links, menus e texto dos links
MOOC INCTEC 2014
Mdulo 2

A
(1)
AA
AAA
(1)
Foram encontrados 31 links em que o
contedo composto apenas por uma
imagem no legendada
Esta falha ocorre quando um link composto apenas
por contedo no textual, tal como uma imagem, e
o contedo no textual se encontra implementado
de tal forma que poder ser ignorado pela
tecnologia de apoio. Quando a imagem o nico
contedo existente no link, absolutamente
indispensvel que essa imagem tenha uma legenda
(i.e. um equivalente alternativo textual).

F89: Falha dos Critrios de Sucesso 2.4.4,
2.4.9 e 4.1.2 devido utilizao de alt
nulo numa imagem em que a imagem o
nico contedo num link


Link (Em Contexto))
do Link (Em Contexto))
(Em Contexto))

Foram localizados 60 links com o mesmo
texto que apontam destinos diferentes
Esta ocorrncia est relacionada com uma falha
comum em que links como "clique aqui" ou "ver
mais" precisam da informao que os rodeia para
contextualizar a sua finalidade. S pelo contexto
possvel aos utilizadores distinguir os links e
determinar o seu propsito.

devido utilizao de um link no
especfico, tal como "clique aqui" ou
"mais" sem um mecanismo para alterar o
texto do link para texto especfico
(Apenas o Link))

MOOC INCTEC 2014
Mdulo 2

(Apenas o Link))
Valor)
Funo, Valor)
Valor)
Links para contornar blocos de informao
A
(2)
AA AAA
Constatou-se que o primeiro link da
pgina no nos conduz at rea do
contedo principal.
permita contornar blocos de material que se
repetem em mltiplas pginas Web, passando
diretamente para o contedo principal. O primeiro
item interativo da pgina Web deve ser um link que
nos conduza ao incio do contedo principal.
G1: Adicionar um link no topo de cada

MOOC INCTEC 2014
Mdulo 2

pgina para aceder directamente rea
do contedo principal
Critrio de Sucesso 2.4.1 (Saltar Blocos)
o Como Cumprir o 2.4.1 (Saltar
Blocos)
Sucesso 2.4.1 (Saltar Blocos)

Constatou-se que no existem links para
contornar blocos de texto
permita contornar blocos de material, saltando para
o fim desses mesmos blocos.
G123: Adicionar um link no incio de um
bloco de contedo repetido para aceder
directamente ao fim do bloco
Critrio de Sucesso 2.4.1 (Ignorar Blocos)
o Como Cumprir o 2.4.1 (Ignorar
Blocos)
Sucesso 2.4.1 (Ignorar Blocos)
Marcao de formulrios
MOOC INCTEC 2014
Mdulo 2

A
(1)
AA AAA
Foram identificados 2 controlos de
formulrio sem etiquetas associadas e
sem o atributo title
Os elementos label, associados aos elementos input,
asseguram que a informao relacionada com os
campos lida pelos leitores de ecr sempre que os
campos de edio recebem o foco. O atributo title
pode ser usado sempre que seja difcil, em termos de
design, acomodar a label ou quando a mesma possa
causar confuso.

H65: Utilizar o atributo title para
identificar controlos de formulrio quando
o elemento label no puder ser utilizado
Critrio de Sucesso 1.1.1 (Contedo No
Textual)
o Como Cumprir o 1.1.1 (Contedo
No Textual)
Sucesso 1.1.1 (Contedo No
Textual)
Critrio de Sucesso 1.3.1 (Informaes e
Relaes)
o Como Cumprir o 1.3.1
(Informaes e Relaes)

MOOC INCTEC 2014
Mdulo 2

Sucesso 1.3.1 (Informaes e
Relaes)
Critrio de Sucesso 3.3.2 (Etiquetas ou
Instrues)
o Como Cumprir o 3.3.2 (Etiquetas
ou Instrues)
Sucesso 3.3.2 (Etiquetas ou
Instrues)
Valor)
Funo, Valor)
Valor)

Standards W3C: (X)HTML + CSS
A
(1)
AA AAA
Foram encontrados 167 erros de
validao na linguagem de marcao
O objetivo eliminar ambiguidades nas pginas Web
derivadas de cdigo que no est em conformidade
para com as especificaes formais em vigor.


MOOC INCTEC 2014
Mdulo 2

G134: Validar pginas Web
Critrio de Sucesso 4.1.1 (Anlise)
o Como Cumprir o 4.1.1 (Anlise)
Sucesso 4.1.1 (Anlise)

Elementos e atributos de apresentao/obsoletos
A
(1)
AA
(1)
AAA

Foram encontrados 3 elementos usados
para controlar a apresentao visual
Enquanto que as caractersticas visuais de
apresentao induzem a estrutura, essas
caractersticas no devem tornar a estrutura
ambgua que torne difcil a interao para quem use
tecnologia de apoio.
Foram localizados 16 elementos ou
atributos de HTML que esto a ser
usados para controlo da apresentao
visual do texto
As CSS devem ser usadas para controlar a
apresentao visual do texto. Pela separao do
estilo da marcao do contedo, os editores podem
simplificar e limpar a forma de marcao do
contedo, tornando-o, ao mesmo tempo, mais

MOOC INCTEC 2014
Mdulo 2

G115: Utilizar elementos semanticos para
marcar a estrutura


Critrio de Sucesso 1.3.1 (Informaes e
Relaes)
(Informaes e Relaes)
Sucesso 1.3.1 (Informaes e
Relaes)

acessvel.
C22: Utilizar CSS para controlar a
apresentao visual do texto

A) Noes sobre CS 1.3.1
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 esto definidos em
unidades absolutas, tais como pontos ou pixis, os
comandos do menu Tamanho de Letra existentes no
Internet Explorer 7 ou superior no tero quaisquer
efeitos sobre os tamanhos de letra da pgina.

C12: Utilizar percentagem para tamanhos

MOOC INCTEC 2014
Mdulo 2

de letra

Critrio de Sucesso 1.4.4 (Redimensionar
texto)
(Redimensionar texto)
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 contedo sem
a necessidade de introduzir barras de varrimento
horizontais, usando tcnicas de layout que permitem
adaptar os contedos ao espao disponvel.
G146: Utilizar disposies lquidas

Critrio de Sucesso 1.4.4 (Redimensionar
texto)
(Redimensionar texto)
Sucesso 1.4.4 (Redimensionar
texto)
MOOC INCTEC 2014
Mdulo 2

Marcao do idioma principal da pgina
A
(1)
AA AAA
Constatou-se que o atributo lang se
encontra em falta
O objetivo identificar o idioma predefinido de um
documento atravs dos atributos lang e/ou xml:lang
do elemento HTML.

H57: Utilizar atributos language no
elemento html
Critrio de Sucesso 3.1.1 (Idioma da
Pgina)
o Como Cumprir o 3.1.1 (Idioma da
Pgina)
Sucesso 3.1.1 (Idioma da Pgina)

Formatao do texto (espaamento entre linhas e texto justificado)
A

AA
AAA
(1)
MOOC INCTEC 2014
Mdulo 2

Foram identificados 25 casos em que se
faz justificao de texto via CSS
Muitas pessoas com incapacidades cognitivas tm
grande dificuldade em lidar com blocos de texto que
se encontram justificados.

C19: Especificar o alinhamento esquerda
OU direita em CSS


Critrio de Sucesso 1.4.8 (Apresentao
Visual)
(Apresentao Visual)
Sucesso 1.4.8 (Apresentao
Visual)

Relatorio Final de Avaliacao de Acessibilidades

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Relatorio Final de Avaliacao de Acessibilidades

Caricato da

Copyright:

Formati disponibili

MDULO 2

ACESSIBILIDADE WEB E TECNOLOGIAS DE

Potrebbero piacerti anche