E-U Avaliação da Acessibilidade dos Conteúdos Web Jorge Fernandes/UMIC/Julho.07.

Apresentação em tema: "E-U Avaliação da Acessibilidade dos Conteúdos Web Jorge Fernandes/UMIC/Julho.07."— Transcrição da apresentação:

1 e-U Avaliação da Acessibilidade dos Conteúdos Web Jorge Fernandes/UMIC/Julho.07

2 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]

3 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.

4 58% das instituições que ainda não pediram... têm que pedir Podem efectuar o pedido para a FCCN (denise.fernandes@fccn.pt) Enviar os URL das plataformas e perfis de teste (user/pass).

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

6 Rotular as áreas dos mapas de imagem com o atributo alt Conformidade WCAG 1.0 n í vel A Pontos Cr í ticos Mapas de imagem

7 Conformidade WCAG 1.0 n í vel A Pontos Cr í ticos Tabelas de Dados Identifique os Cabeçalhos de uma tabela de dados NomeNota JoãoC MariaB Nome Nota João C (...)

8 Legende cada um dos Frames Conformidade WCAG 1.0 n í vel A Pontos Cr í ticos Frames (Pain é is)

9 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 Javascript/Flash

10 H1 identifica geralmente o t í tulo da p á gina. –H2 as sec ç ões da p á gina. H3 as subsecções; (....) Conformidade WCAG 1.0 n í vel A Pontos Cr í ticos Recorra a cabe ç alhos (H1...H6) para estruturar a informa ç ão VER EXEMPLO NO PR Ó XIMO DIAPOSITIVO =>

11 Exemplo de uma estrutura de cabeçalhos Gerada pela opção Outline do Validator de HTML do W3C (http://validator.w3.org). Uso correcto de cabeçalhos (cont.)

12 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 Valide o c ó digo HTML e o c ó digo das Folhas de estilo

13 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 Recorra a Ferramentas Autom á ticas para testar a ACESSIBILIDADE

14 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 Conformidade WCAG 1.0 n í vel A Pontos Cr í ticos Material de Consulta sobre ACESSIBILIDADE

15 O Presente documento encontra-se em: www.acesso.umic.pt/e_u