3_análise_auto&manual

Análise automática e manual do site da Fundação para a Computação Científica Nacional (FCCN).

No processo de avaliação automática do site da FCCN recorri à ferramenta de análise "Hera".

Resultados:

Prioridade 1
- 9 pontos a verificar; 1 ponto Correcto; 1 ponto Errado; 6 pontos Não Aplicáveis.

Pontos a Verificar -
(2) Cores: Verifique que não existe informação transmitida apenas pela cor.
(4) Mudanças de idioma: Verifique que todas as mudanças de idioma se encontram correctamente identificados. Deve valorar-se positivamente o uso de atributos como "hreflang" e "charset" para indicar o idioma e o jogo de caracteres no qual se apresentarão os conteúdos enlaçados.
(5.1) Tabelas de dados: Há 46 tabelas com 125 células de dados e nenhuma célula de cabeçalho (<>). Verifique se há tabelas de dados, onde deverão ser identificados correctamente os cabeçalhos.
(5.2) Tabelas complexas: Há 46 tabelas sem células de cabeçalho. Verifique se há tabelas de dados complexas, com vários níveis lógicos de cabeçalhos, que requerem atributos para associar células de dados e de cabeçalhos.
(6.1) Folhas de estilo: Verifique se é possível ler o documento quando é interpretado sem as folhas de estilo associadas.
(6.3) Links: Verifique se a URI dos links são recursos válidos e não, por exemplo, uma função de javascript.
+ Scripts: Verifique que a página pode ser usada, mesmo quando se desactivam os 5 scripts.
(7.1) Intermitência de ecrã: Verifique que não se provocam intermitências no ecrã através de scripts ou outros elementos de programação.
(11.4) Páginas alternativas: Se a página não é acessível, verifique que se proporciona um link para uma página alternativa acessível.
(14.1) Linguagem: Verifique que se utiliza a linguagem mais clara e fácil adequada ao conteúdo do sítio Web e perceptível pelo utilizador alvo.

Ponto Correcto -
(9.1) Mapas de imagem: Utilizam-se 3 mapas de imagem controlados pelo cliente e nenhum mapa de servidor.

Pontos Errados (2)-
Imagens: Há 26 imagens sem textos alternativos. Também há 7 imagens que contêm o atributo "alt". Deve verificar se os textos alternativos resultam adequados.
Áreas de mapas de imagem: Há 11 elementos sem textos alternativos.


Prioridade 2
- 17 pontos a verificar; 1 ponto Correcto; 5 pontos Errados; 6 pontos Não Aplicáveis.

Pontos a verificar:

(2.2) Contraste de cores: Verifique que o contraste da cor entre fundo e primeiro plano (em textos e imagens) resulta suficiente.
(3.1) Imagens: Se existe uma línguagem de programação apropriada verifique que não se utilizam imagens para transmitir essa mesma informação.
(3.6) Listas: Não se utiliza(m) listas. Certifique-se se há conteúdos da página que devam apresentar-se como uma lista de elementos.
(3.7) Citações: Na página não se utilizam elementos para identificar as citações curtas ( ou longas <>). Leia a página e certifique-se que não se fazem citações que devam ser marcados correctamente.
(5.3) Tabelas para maquetar: Verifique que o conteúdo das tabelas têm sentido quando se apresentam de forma linear.
(6.5) Scripts: Verifique que os conteúdos dinâmicos gerados pelos 5 scripts se encontram acessíveis.
(7.2) Flashes: Verifique que não se provocam flashes no conteúdo da página através de imagens, scripts ou outros elementos de programação.
(7.3) Movimentos na página: Verifique que não se provocam movimentos na página através de imagens, scripts ou outros elementos de programação. (script: 5)
(7.4) Reiniciar página: Verifique se os elementos de programação se utilizam para reiniciar automaticamente a página.
(7.5) Re-direccionamento automático: Verifique se os elementos de programação se utilizam para re-direccionar automaticamente a página.
(10.1) Elementos de programação: Verifique se os scripts e os elementos de programação em geral não geram novas janelas sem informar o utilizador.
(11.1) Tecnologias do W3C: Utiliza-se uma versão actualizada da linguagem de hipertexto. Utilizam-se folhas de estilo em cascata. Verifique que se utilizam as tecnologías do W3C disponíveis.
(12.3) Blocos de informação: Verifique que os blocos de informação se encontram divididos em grupos manipuláveis.
(13.1) Links: Verifique que os objetivos de cada link se encontram claramente identificados.
(13.2) Metadados: Verifique a utilização de elementos e propriedades que proporcionam metadados à página.
(13.3) Mapa do sítio: Verifique visualmente se se oferece um índice de conteúdos ou um mapa do sítio.
(13.4) Navegação: Verifique visualmente que os mecanismos de navegação se utilizam de forma consistente.

- Ponto Correcto -

(5.4) Tabelas para maquetar: Há 46 tabelas que não usam células de cabeçalho

Pontos Errados (5) -

(3.2) DTD: A página NÃO se encontra validada de acordo com a gramática.

(3.3) Elementos de apresentação: Utilizam-se 5 elementos HTML para controlar a apresentação.
+ Propriedades de apresentação: Utilizam-se 72 atributos HTML para controlar a apresentação.

(3.4) Unidades absolutas na CSS: Detectaram-se unidades absolutas (in|cm|mm|pt|pc) ou tamanhos de fonte definidos em px nos valores das folhas de estilo.

(3.5) Cabeçalhos (h1-h6): Não se usam cabeçalhos.

(11.2) Atributos obsoletos: Utilizam-se 74 atributos obsoletos em HTML 4.01.


Prioridade 3
- 13 pontos a verificar; 0 pontos Correctos; 4 pontos Errados; 2 pontos Não Aplicáveis.

Neste nível de Prioridade vou apenas referir os pontos que foram considerados errados.

Pontos errados (4) -

(1.5) “Até que os agentes de utilizador alcancem o equivalente textual dos links existentes nas regiões activas dos mapas de imagem “client-side”, forneça links textuais redundantes para cada região activa do mapa.” (Prioridade 3)

Mapas de imagem do tipo cliente: Há 3 mapas de imagem e 11 elementos ; 11 áreas não têm links redundantes.

(4.3) “Identifique o idioma principal do documento.” (Prioridade 3)

Idioma principal: Não se indica o idioma principal do documento.

(9.5) “Defina teclas de atalho para links importantes (incluíndo os que se encontram nos mapas de imagem ‘client-side’), controlos de formulário, e grupos de controlos de formulários.” (Prioridade 3)

Atalhos de teclado: Não se proporcionam atalhos de teclado.

(10.5) “Até que os agentes do utilizador consigam distinguir links adjacentes, inclua caracteres ‘não-linkados’, circundados por espaços, entre os links adjacentes.” (Prioridade 3)

Links adjacentes: Há 1 casos de links adjacentes que não contêm caracteres imprimíveis não enlaçados entre eles. ( é o caso da referência ao mês no Calendário)

Para efectuar a análise manual, utilizei a aplicação "JAWS" e o Browser "Opera".

_erros -

• O menu “Newsletter” não é lido pelo JAWS quando é seleccionado com o atalho do teclado (Tecla A)
• No modo sem Imagens Activas (Tecla G) – as imagens não têm qualquer correspondente verbal. Conteúdos Textuais a indicar o destino do link aparecem sob forma de tooltip.
• Modo “Sem Estrutura” (ctrl + g) – Navegação é possível, conteúdos alinhados à esquerda do ecrã, o que indica que estão correctamente posicionados na folha de estilo e não se encontram incorporados na página.
• No modo “Apenas Texto” (G, Ctrl +G) – Não são identificáveis os elementos de estrutura do texto – Diferenças de cabeçalhos, Listas de Informação, Enunciação de parágrafos, etc... não estão presentes.

_verificação dos pontos

No que concerne a possíveis trangressões da directiva 2, que recomendam que o texto seja perceptível quando for visto sem cores, o site da FCCN apresenta a sua informação devidamente contextualizada por texto, de modo que a cor é apenas um complemento e não é o único modo para perceber a informação. O contraste entre cores resulta bem (Azul-escuro e Branco; Amarelo e Preto).

(3.6) O site recorre à utilização de elementos relativos a listas (

) para identificação das mesmas.
(3.7) Na página inicial do site verifica-se apenas uma citação do jornal "Diário Económico". Esta não está identificada por elementos (<>).

(4) Existe uma versão do site em língua inglesa, mas não está perfeitamente funcional, visto estarem disponíveis apenas 3 menus, estando a restante informação do site na língua portuguesa. Também não se verificam anotações de mudança de língua, o que indica que o site não respeita as directrizes de acessibilidade no que diz respeito a mudanças no Idioma.
(6.1) Quando se desactivam as folhas de estilo, a informação é legível na mesma, mas não é possível a identificação dos elementos de estrutura do texto.
(6.3) Os links são todos válidos.

(7) Não ocorrem intermitências de qualquer espécie, oriundas de elementos de programação ou script.
A percepção do conteúdo da página não é "perturbada" por "flashes" provocados por scripts ou outras animações. O site não tem conteúdo deste tipo.

(11.4) Não existe uma hiperligação para uma página alternativa em caso de impossibilidade no acesso ao site.

(14.1) A linguagem é clara.

Prioridade 2

(10.1)Não são geradas janelas sem que o utilizador seja informado.

(13.2) Em relação à inclusão dos metadados, só existe informação relativa ao Título e à inclusão de Palavras-Chave. Ver post anterior para mais informação.
(13.3/13.4)Existe um mapa do site e os mecanismos de navegação são utilizados de forma consistente.

_conclusão

A utilização de ferramentas de análise automática e manual permitem a um profissional de comunicação poder analisar de forma eficaz o respeito pelas directrizes de acessibilidade. No entanto, para que possam ser consideradas eficazes, é necessário o cruzamento entre os dois modos (automático/manual) e é vital que o próprio profissional compreenda o "porquê" dos erros e consiga providenciar soluções viáveis para garantir o acesso à informação por parte de todos. O site da Fundação para a Computação Científica Nacional apresenta, à primeira vista, características que permitem caracterizá-lo como "acessível". No entanto, só quando se efectua uma análise extensiva com as devidas ferramentas é que emergem as falhas menos perceptíveis.

2_análise

Hoje pretendo analisar um site da Administração Pública, com vista a perceber se respeita as directrizes de acessibilidade propostas pelo Consórcio W3C e se tem em consideração algumas recomendações do Guia de Boas Práticas na Construção de Web Sites.

O site que escolhi foi a página da Fundação para a Computação Científica Nacional (FCCN) (http://www.fccn.pt).

_directrizes

A página web da fundação denota alguma preocupação pelas directrizes de acessibilidade, nomeadamente:

* Equivalente textual para imagens e botões gráficos.
* A compreensão de informação não depende somente da cor. - Mapeamento através de "Bread Crum Trail".
* Utilização correcta das notações e folhas de estilo.
* Utilização de linguagem natural – facilitar a pronúncia ou interpretação de texto abreviado ou em lingua estrangeira. – n\a
* Tabelas de dados em oposição a tabelas de layout. (Identificação das linhas e as colunas que constituem os cabeçalhos, Não utilização das tabelas para configurar o layout).
* Informação é perceptível mesmo sem CSS’s.
* Existência de acessibilidade directa às interfaces de utilizador incorporadas na páginas.
* Uso das directrizes W3C.

O site disponibiliza também uma versão em Inglês, mas esta não se apresenta completa, apenas disponibiliza três opções de navegação. O motor de pesquisa (também presente no site) mantém-se em português, o que pode ser considerado como uma falha.

A página web da FCCN não tem conteúdos de actualização dinâmica temporizada, pelo que não se tornam necessários mecanismos para garantir o controle sobre os mesmos por parte do utilizador.

Ao nível da directriz que define a necessidade de existir um "desenho" não dependente do equipamento, ou seja, permitir que o utilizador interaja com o sítio web, sem usar apenas o teclado ou o rato, por exemplo, a página da FCCN disponibiliza os mapas de imagens no lado do cliente. No que diz respeito à implementação de ordem lógica nas "tabs"existem algumas falhas, mas somente ao nível da visualização da área de hiperligação - não contrasta muito com o fundo quando é seleccionada.

A nível dos mecanismos de navegação e meta-dados, o site da FCCN responde de forma favorável, mas não isenta de falhas. Existe um mapa do site com hiperligações para os respectivos menus, mas ao nível dos meta-dados (o conjunto de informação que pode ser armazenado em tags de html definidos para o efeito) não existe informação relativa ao autor da sítio web e à descrição da mesma. No entanto, existe informação relativa ao Título e foram atríbuidas Palavras-Chave.

No que diz respeito à linguagem utilizada no site, pode ser vista como clara e simples, no sentido em que procuram dar a definição de conceitos, porventura mais complexos, e contextualizam as secções com poucas palavras. No entanto o texto poderia ser reforçado com a existência de recursos audiovisuais, para facilitar a compreensão por parte do utilizador.

_boas práticas

De uma maneira geral, o site respeita os bons costumes da criação de web sites. Fornece um motor de pesquisa de conteúdos, tem referência aos avisos legais, é compatível com os browsers da Internet mais populares (Internet Explorer e Mozilla Firefox). No entanto não está apto para resoluções de ecrã de 640 x 480 px - para visualização óptima dos conteúdos do site sem o incómodo dos elevadores horizontais recomenda-se uma resolução mínima de 1024 x 768 px.

A página disponibiliza também os documentos em versão de impressão, possibilita ao utilizador a subscrição de newsletters, permite o contacto dos utilizadores com a instituição, por meio de uma "Caixa de Sugestões" criada para o efeito. O site garante ainda caminhos alternativos para o contacto - uma caixa de correio electrónico (contacto institucional - secretaria@fccn.pt - e não pessoal, preservando assim os princípio de privacidade e protecção dos dados individuais) e a morada da Sede Social, facilitando dessa forma a comunicação entre utilizador e Instituição Governamental.

Denota-se ainda uma preocupação na adaptação dos conteúdos para o meio Web. Não só foram evitados o blocos de texto de grande dimensão como foi adoptada uma fonte de texto "Sans Serif", tida como mais eficaz para este meio. O tempo de carregamento da página web é relativamente curto (2/3 segundos em modem 56k), o que se revela eficaz.

1_start

Este é o arranque para o blog do projecto (mas não um projecto de blog, espero) da disciplina de Ergonomia das Aplicações Multimédia. Em breve surgirão mais conteúdos relacionados.