e-U
Avaliação da Acessibilidade
dos Conteúdos Web
Jorge Fernandes/UMIC/Julho.07
Obrigatoriedade de
conformidade
Garantir conformidade com o nível
A das Directrizes de Acessibilidade
do Conteúdo Web 1.0 (WCAG 1.0)
[Ponto 8 do Anexo B do termo de aceitação]
Ponto de Situação
• Há 58% das instituições que ainda
não pediram a certificação de
acessibilidade;
• Dos que pediram, foram analisadas
48 plataformas Web, das quais
48% não estão conformes WCAG
level A.
58% das instituições que
ainda não pediram ... têm
que pedir
• Podem efectuar o pedido para a
FCCN ([email protected])
• Enviar os URL das plataformas e
perfis de teste (user/pass).
Conformidade WCAG 1.0 nível A
Pontos Críticos
Legendar TODAS as imagens
Legendar:
• Fotografias => legenda no
mínimo
• Gráficos => descrição longa
e legenda
• Botões gráficos
• Bullets gráficos => alt=“-”
ou alt=“*”
• Imagens decorativas =>
alt=“” (vazio)
Conformidade WCAG 1.0 nível A
Pontos Críticos
Mapas de imagem
• Rotular as áreas dos
mapas de imagem
com o atributo “alt”
<area shape="rect”.... alt=“Linha Alerta” />
Conformidade WCAG 1.0 nível A
Pontos Críticos
Tabelas de Dados
Identifique os
Cabeçalhos de uma
tabela de dados
<table>
<tr>
<th>Nome</th>
<th>Nota</th>
</tr>
<tr>
<td>João</td>
<td>C</td>
</tr>
(...)
</table>
Nome
Nota
João
C
Maria
B
Conformidade WCAG 1.0 nível A
Pontos Críticos
Frames (Painéis)
• Legende cada um
dos Frames
Conformidade WCAG 1.0 nível A
Pontos Críticos
Javascript/Flash
• Usando apenas o TECLADO cerifique que
consegue executar todas as funções
proporcionadas pelos elementos feitos em
JavaScript/Flash.
• Tenha particular atenção ao menus feitos
com esta tecnologia e aos links activados
apenas com javascript. Sempre que possível
elimine estes últimos.
Conformidade WCAG 1.0 nível A
Pontos Críticos
Recorra a cabeçalhos (H1...H6)
para estruturar a informação
• H1 identifica geralmente o título da página.
– H2 as secções da página.
• H3 as subsecções;
• (....)
VER EXEMPLO NO PRÓXIMO DIAPOSITIVO =>
Uso correcto de cabeçalhos (cont.)
Exemplo de uma estrutura de cabeçalhos
Gerada pela opção Outline do Validator de HTML do
W3C (http://validator.w3.org).
Conformidade WCAG 1.0 nível A
Pontos Críticos
Valide o código HTML e o código
das Folhas de estilo
• Use o validador HTML do W3C:
– http://validator.w3.org
• Use o validador de CSS do W3C:
– http://jigsaw.w3.org/css-validator
Conformidade WCAG 1.0 nível A
Pontos Críticos
Recorra a Ferramentas
Automáticas para testar a
ACESSIBILIDADE
• Utilize o HERA e o eXaminator:
– Site ACESSO: www.acesso.umic.pt
• Recorra ao TAW para testar várias
páginas em simultâneo:
– www.tawdis.net
Conformidade WCAG 1.0 nível A
Pontos Críticos
Material de Consulta sobre
ACESSIBILIDADE
• Pontos de Verificação e Directrizes:
– http://www.acesso.umic.pt/wai/wai.htm
• Curriculo de Acessibilidade Web:
– http://www.acesso.umic.pt/curriculo/index.html
• Tutoriais de Acessibilidade Web:
– http://www.webaim.org/articles/#html
O Presente documento encontra-se em:
www.acesso.umic.pt/e_u