W3C é um acrónimo de World Wide Web Consortium. Organismo foi criado em 1994 para o desenvolvimento e standardização da Internet, tem a sua actividade centrada no desenvolvimento de normas e padrões – Web Standards – para a criação, acessibilidade e interpretação dos conteúdos para Internet.
Em 1997, o W3C lança o WAI com o objectivo de criar norma e padrões que tornam a Internet acessível a pessoas com deficiência.
Directivas para a acessibilidade do conteúdo da Web – 1.0
As directivas deste documento têm como principal objectivo explicar como é possível tornar os conteúdos da web acessíveis a pessoas com deficiências e promover estas directivas. Este documento tem 14 directrizes relacionadas com a concepção de acessibilidade. Por sua vez, cada directriz inclui uma lista de definições de pontos a verificar (65) e o nível de prioridade associado. Por isso, foram divididas em 3 níveis de prioridade diferentes:
Nível 1 - Os criadores de conteúdo web têm obrigatoriamente que cumprir os pontos de nível 1. Caso não se verifique, um ou mais grupos de utilizadores verão impossibilitado o acesso à informação.
Nível 2 – Os criadores devem cumprir os pontos deste nível. Caso não os cumpram, um ou mais grupos vão sentir dificuldades a aceder a informações contidas em determinado documento.
Nível 3 - Os criadores devem satisfazer os pontos englobados neste nível. Caso contrário, um ou mais grupos podem sentir algumas dificuldades de acesso a documentos sedeados na Web.
Em Portugal, surgem também alguns movimentos preocupados com a acessibilidade aos conteúdos na web. Em 1999, surge o “Manual de Boas Práticas para os sítios web da Administração Pública. Mais tarde, em 2002 surgiu o programa “Acesso”da Unidade de Missão Inovação e Conhecimento (UMIC). A UMIC tem o dever de vigiar a inclusão dos cidadãos com necessidades especiais na sociedade da informação.
Assim, existiam condições para que os sites da AP portuguesa cumprissem requisitos mínimos de acessibilidade. Devido à ligação entre as “Directrizes para a acessibilidade do conteúdo da Web – 1.0″ e com o Manual de boas Práticas da AP.
Por este motivo, foi lançado o desafio de comprovar se um dos sites da AP cumpre ou não os princípios para a acessibilidade. A minha escolha recaiu, uma vez mais, sobre o site da segurança social.
Em primeiro lugar, foi feita uma avaliação automática, recorrendo a uma ferramenta que consegue rever automaticamente a acessibilidade dos conteúdos na web – Hera. Após esta avaliação automática foi realizada uma avaliação manual, baseada no “Manual de Boas Práticas da AP” de forma a completar a avaliação automática (realizada anteriormente).
Avaliação Automática: Hera
Resumo da análise automática
Esta página divide a área de visualização em 2 painéis. Em cada painel é mostrado um documento/página, pelo que é necessário rever também cada uma destas páginas individualmente:
- http://www.seg-social.pt/azul.htm
- http://www.seg-social.pt/index.asp
| Prioridade |
Verificar |
Bem |
Mal |
| Nível 1 |
6 |
1 |
1 |
| Nível 2 |
10 |
9 |
4 |
| Nível 3 |
11 |
- |
2 |
Como podemos verificar esta página contém duas frames” o que por si só é já um erro grave e dificulta, ainda mais, a análise tanto automática como manual.
Começando pelo lado mais positivo, encontramos 10 pontos correctos de um universo de 65. contudo, só um dos pontos é de nível 1.
Ponto 7.1 – “Evite concepções que possam provocar intermitência do ecrã, até que os agentes do utilizador possibilitem o seu controlo. “(Prioridade 1)
Ponto 3.1 – “Sempre que existir uma linguagem com notação apropriada, use a notação em vez das imagens para transmitir a informação.” (Prioridade 2)
Ponto 3.3 – “Use folhas de estilo para controlar a disposição dos elementos na página e a forma de os apresentar”. (Prioridade 2)
Ponto 5.3 – “Não deve usar tabelas para formatar páginas a não ser que a tabela faça sentido quando em formato linear. Caso contrário, se a tabela não fizer sentido, forneça um equivalente alternativo (o qual poderá ser uma versão linear). (Prioridade 2)
Ponto 7.2 – “Evite concepções que possam provocar o piscar (modificação do conteúdo em intervalos constantes) do conteúdo das páginas, até que os agentes do utilizador possibilitem o seu controlo.” (Prioridade 2)
Ponto 7.3 – “Enquanto os agentes do utilizador não permitam congelar o movimento do conteúdo, não use movimento nas páginas.. (Prioridade 2)”
Ponto 7.4 – “Não crie páginas de reiniciar periódicamente automáticas, até que os agentes do utilizador possibilitem interromper o processo. (Prioridade 2)”
Ponto 7.5 – “Não use a notação para redireccionar páginas automaticamente até que os agentes do utilizador disponham da capacidade para interromper o processo. Em vez disso, aconselha-se a configurar o servidor para executar esse redireccionamento. (Prioridade 2)”
Ponto 10.1 – “Não provocar o aparecimento de janelas de sobreposição ou outras, e não fazer com que a janela actual seja modificada sem que o utilizador disso seja informado, até que os agentes do utilizador tornem possível a desactivação de janelas secundárias. (Prioridade 2)”
Ponto 11.2 – Evite o uso de notação obsoleta das tecnologias do W3C. (Prioridade 2)
Por outro lado, a avaliação através do Hera conseguiu detectar 7 pontos que contêm erros. Entre eles um ponto que pertence ao nível 1 de prioridade das directrizes.
Ponto 12.1 – “Forneça um título (<TITLE>) para cada FRAME, facilitando assim a sua identificação e navegação. (Prioridade 1)”
Ponto 3.2 – “Crie documentos validando a notação com a gramática formal publicada. (Prioridade 2)”
Ponto 3.5 - “se os elementos cabeçalho (<H1>…<H6>) para transmitir a estrutura dos documentos e utilize-os de acordo com as especificações. (Prioridade 2)”
Ponto 11.1 - “Use tecnologias W3C quando a mesma esteja disponível e seja apropriada para uma tarefa. Utilize as versões mais recentes, desde que suportadas. (Prioridade 2)”
Ponto 12.3 - “Divida grandes blocos de informação em grupos mais geríveis e apropriados. (Prioridade 2)”
Ponto 4.3 - “Identifique o idioma principal do documento. (Prioridade 3)”
Ponto 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)”
Como já tinha referido, um dos erros mais graves e por isso designado de nível 1 está relacionado com a existência de duas frames distintas dentro do mesmo site. Outro aspecto importante está relacionado com a grande quantidade de informação e a sua má gestão. A avaliação automática também encontrou este erro.
PONTOS A VERIFICAR:
A avaliação automática não consegui confirmar 21 pontos. Por isso, elaborei uma pesquisa manual que descrevo de seguida. Esta avaliação manual confirmou que em alguns casos existia erro e, por outro lado, em alguns pontos as directrizes eram respeitadas.
Prioridade 1:
6 pontos a verificar
Ponto 1.1 :
” Forneça um equivalente textual para todo o elemento não textual. Pode ser feito através do atributo “alt”, ou “longdesc” ou no conteúdo do elemento. Isto abrange: imagens, representações gráficas de texto, incluindo símbolos, regiões de mapas de imagem, animações, como é o caso dos GIFs animados, applets e objectos programados, arte ASCII, painéis/frames, programas interpretáveis, imagens utilizadas em listas como sinalizadores de pontos de enumeração, espaçadores, botões gráficos, sons (reproduzidos com ou sem interacção do utilizador), ficheiros de áudio independentes, pistas áudio de vídeo e trechos de vídeo. (Prioridade 1)”
São encontradas algumas imagens que não possuem legenda e em que o texto não é disponibilizado. Existe informação útil disponibilizada só através de imagem o que não torna possível a informação a todos os utilizadores, especialmente, os invisuais.
Ponto 2.1 :
“Certifique-se de que toda a informação transmitida com base na cor se encontra também disponível sem cor.”
A cor no site funciona como feedback, ou seja, quando clicamos num link, ele muda de cor, para sabermos nos situar. Se não tivermos acesso à cor, podemos ter dificuldades neste reconhecimento e na orientação da nossa navegação. Por outro lado, a cor funciona como separador de conteúdos para que o utilizador identifique uma cor com determinados assuntos e assim exista uma melhor orientação e “reconhecimento em vez de lembrança”. Desta forma, existe alguma informação transmitida através da cor, logo é possível considerar esta falha como um erro.
Ponto 4.1 :
“Identifique claramente quaisquer alterações de idioma no texto de um documento, incluindo os equivalentes textuais (caso das legendas das imagens e de outros elementos)”
Neste caso, as alterações de idioma só se verificam nas legendas de botões para mudar o idioma para inglês ou francês. Não pode ser considerado um erro visto a imagem estar legendada e ser perceptível a sua funcionalidade.
Ponto 6.3:
“Certifique-se que as páginas são usáveis quando scripts, applets, ou outros objectos programáveis se encontram desactivados ou não são suportados. Se isto não for possível, forneça informação equivalente numa página alternativa acessível.”
Logo na página inicial é possível perceber, de forma manual, ao não permitir comportamentos de Javscript que a informação referente ao menu “Destaques” é inacessível. Logo constitui um erro grave.
Ponto 11.4:
“Se, depois de todos os esforços, não conseguir criar uma página acessível, forneça um link para uma página alternativa que use as tecnologias W3C na sua versão acessível, com informação equivalente (ou com as mesmas funcionalidades), que seja actualizada tantas vezes quantas as páginas inacessíveis (originais).”
Não possui uma página alternativa.
Ponto 14.1:
“Use linguagem clara e o mais simples possível apropriada ao conteúdo do sítio Web.”
Como já foi possível constatar na análise heurística, o site da segurança social tem muita informação redundante e pouco perceptível para pessoas pouco habituadas com os temas aqui tratados.
Prioridade 2:
10 pontos a verificar
Ponto 2.2:
“Certifique-se que as combinações das cores de fundo e do texto, fornecem um contraste suficiente quando visualizados por alguém que tenha défices de percepção de cor ou quando a mesma é visualizada num ecrã a preto e branco. (Prioridade 2 para imagens, prioridade 3 para textos)”
As combinações de cor e o contraste entre o fundo e o texto podem gerar problemas para pessoas que têm dificuldades de percepção. Os menus são diferenciados através da cor; se por um lado é um aspecto positivo, por outro lado é um ponto negativo para utilizadores que não dispõe de ecrã a cores ou com défice de percepção de cor.
Ponto 3.4:
“Use unidades relativas em vez de absolutas nos valores dos atributos da linguagem de notação e valores das propriedades das folhas de estilo.”
Em todo o site não existe liberdade para o utilizador aumentar o tamanho dos elementos da página, como o texto, imagens, etc. Constitui um erro.
Ponto 3.6
“Faça uso da correcta notação para as listas (<ul>…<ol>) e para os seus pontos de enumeração (<li>)”.
As tabelas existentes no site não contêm tabelas com lista de elementos. Surgem pop ups que disponibilizam a escolha de formulários sobre determinado assunto. Desta forma, a informação está acessível.
Ponto 3.7
“Use a notação correcta para citações (<Q> para citação curta e <BLOCKQUOTE> para citação longa, normalmente superior a três linhas). Não utilize a notação de citação para formatar efeitos visuais tais como tabulação/entalhe”
Ponto 6.5
“Certifique-se que o conteúdo dinâmico é acessível ou forneça uma apresentação ou página alternativa”
Como já foi verificado num dos pontos de análise de prioridade 1 existem conteúdos dinâmicos não acessíveis a todas as pessoas ou precisam de permissão para surgirem no sistema. A página não gera qualquer tipo de alternativa nestes casos.
Ponto 12.2
“Descreva o propósito das fremes e a forma como as mesmas estão relacionadas umas com as outras, caso essa relação, suportada apenas nos títulos das frames, não seja óbvia para o utilizador.”
Apesar de cada frame ter um título, o utilizador não perceba a relação existente entre as frames (painéis). Pode remeter para alguma confusão e má orientação no site.
Ponto 13.1
“Identifique claramente o destino de cada link.”
Existem links sobre o formato de imagem e que não possuem títulos.
Ponto 13.2
“Forneça metadados para acrescentar informações semânticas às páginas e aos sítios Web”
Ponto 13.3
“Forneça informação sobre a organização geral do sítio Web (e.g. mapa do site, índice)”
O site possui um botão denominado mapa do site que contém todos os conteúdos disponíveis no site.
Ponto 13.4
“Use mecanismos de navegação de uma forma consistente.”
Os mecanismos de navegação são sempre os mesmos, os botões e ícones têm sempre a mesma função e comportamento.
Prioridade 3:
11 pontos a verificar
Ponto 4.2
“Especifique por extenso cada abreviatura ou acrónimo quando da sua primeira ocorrência num documento.”
As abreviaturas e acrónimos utilizadas não sao explícitos desde a primeira visita.
Ponto 9.4
“Crie uma sequência lógica de tabs para percorrer os links, controlos de formulários e objectos.”
Os elementos estão dispostos de uma forma lógica através de links, controlos de formulários e objectos.
Ponto 11.3
“Disponibilize a informação necessária de forma a que os utilizadores recebam os documentos de acordo com as suas preferências. Por exemplo: idioma, tipo de conteúdo, etc.”
Existem algumas opções que permitemfornecer o conteúdo de formas diferentes. Existe um botão que gera a página noutro idioma.
Ponto 13.5
“Providencie barras de navegação para salientar e dar acesso aos mecanismos de navegação. De preferência faça uso de elementos de notação para listas (<ul>…<ol>) para estruturar esses mecanismos. Use CSS para lhes dar estilo.”
Os principais conteúdos de navegação estão agrupados em texto e em ícones.
Ponto 13.6
“Agrupe links relacionados, identifique o grupo (em benefício dos agentes do utilizador) e, até que os agentes do utilizador o façam, forneça uma forma de saltar um grupo.”
Nem sempre se agrupam os links de forma a identificar o grupo e a facilitar a navegação do utilizador.
Ponto 13.7
“Caso seja fornecida uma função de pesquisa, active diferentes tipos de pesquisa de modo a corresponderem a diferentes níveis de competências e às preferências dos utilizadores.”
O sítio dispõe um motor de busca mas não oferece opções avançadas de busca.
Ponto 13.8
“Coloque informação diferenciada no início dos cabeçalhos, parágrafos, listas, etc.”
Nem sempre se confirma esta regra.Por vezes, surge alguma confusão pela falta de diferenciamento da informação.
Ponto 13.9
“Providencie informação sobre colecções de documentos (i.e. documentos compostos por múltiplas páginas).”
A única informação existente está no aparecimento de sub menus quando seleccionamos algum link na homepage.
Ponto 13.10
“Providencie um meio de saltar por cima de múltiplas linhas em arte ASCII.”
Não foram encontrados meios de saltar as multiplas linhas em arte ASCII.
Ponto 14.2
“Reforce a mensagem texto através de gráficos e/ou áudio na medida em que os mesmos facilitem a compreensão da página.”
O áudio é uma ausência muito notada neste site. Em relação ás imagens são algumas vezes utilizadas, contudo, podiam ser melhor exploradas para facilitar a compreensão de conteúdos muito específicos.
Ponto 14.3
“Crie um estilo de apresentação que seja consistente ao longo das páginas.”
O site tem ao longo das suas páginas sempre o mesmo estilo, de forma consistente e coerente.
Manual de Boas Práticas da Administração Pública
Informação mínima que deve ser publicada na Web Page:
- Identificação e descrição do organismo que tutela o Web Site (com a missão, a descrição das actividades e serviços prestados, a descrição da estrutura organizacional, com eventual recurso a diagramas)
Este ponto é respeitado no site. Ao fundo da página podemos encontrar alguns botões, um delas denominado “Acerca do Site” possui a informaçãosobre o organismo que tutela o web site e recorrer a diagramas para fazer uma breve explicação sobre os organismos do sector.
- Lista de contactos (endereço postal, telefones, faxes e endereço de correio electrónico), pessoais e/ou institucionais;
Alista de contactos surge dentro de um dos links do botão referido anteriormente. Não é muito perceptível a sua localização.
-Lista com todas as publicações do organismo e respectivos documentos;
Existe uma secção dedicada aos “destaques” que vai actualizando as últimas publicações. Por norma cada publicação possui um link que gera uma nova janela com as informações sobr eo assunto em questão.
-Legislação pertinente para a actividade da entidade;
Esta informação pode ser encontrada no botão referido no ponto anterior, assim como,ao longo de todo o site. Cada assunto é, na grande parte das vezes enquadrado com a legislação referente e os decretos leis associados.
– Eventos programados ou em curso; Novidades;
Mais uma vez, este tipo de informação encontra-se disponível na secção “Destaques” .
- Relatório de contas; Plano de actividades e orçamento;
Através do motor de pesquisa consegui encontrar links que abrem os documentos sobre relatorio de contas e planos de actividades dos últimos anos. O que reflecte pouca hierarquização e má gestão da informação no layout.
- FAQ (Perguntas mais frequentes);
Possui um botão no fundo do web site denominado FAQ’s. Contudo, o utilizador é limitado pela tabela que surge quando clicamos neste botão.
- Formulários para download;
Os formulários neste sítio são uma ferramenta muito utilizada devido à natureza da informação. Em cada página surge um link para abrir o formulário. Desta forma, o formulário surge numa nova página em versão de impressão.
- Política de privacidade e segurança;
Não existe.
- Primeira visita;
Não existe nenhuma hiperligação para qualquer conteúdo relacionado com este assunto.
- Ajuda;
Existe um link que abre uma nova janela, onde é possível encontrar ajuda sobre os seguintes temas:
* Visualização de Formulários/Documentos PDF;
* Software de Visualização;
* Download de Formulários e Documentos.
- Mapa do sítio;
Existe um botão denominado “Mapa do Site” que faz uma descrição detalhada dos menus, sub menus e links existentes em todo o Web Site.
-Motor de busca.
Existe um motor de busca que se torna muito útil, visto a página ter muita informação e nem sempre bem hierarquizada ou fácil de aceder.
Barras de Navegação – A homepage deve conter links para:
- Homepage governo, adm. directa e indirecta do estado/sectorial ou ministerial;
Não existem hiperligações para as entidades acima referidas.
- Contactos
Não se encontram na página inicial.
- Mapa do WebSite; Motor de busca;
Existe uma hiperligação para o mapa do site e o motor de busca marca sempre presença na página inicial assim como ao longo da Web Page.
As restantes páginas devem ter links para:
-Página principal;
Esta hipelrigção surge em todas as páginas através de um botão no fundo da página – início” – ou através do logotipo da segurança social que surge sempre, em cima do lado esquerdo.
- Mapa do WebSite; Motor de busca;
Tal como a hiperligação para a página inicial estes dois parâmetros surgem em todas as páginas geridas pelo Web Site.
- Sugestões; Voltar;
Não existem hiperligações associadas a estes conteúdos. O site não dispõe ao utilizador botões para avançar ou retroceder nos conteúdos, a não ser através do browser.