Acessibilidade e Usabilidade no LIM

“O Laboratório de Instrumentação para Medição (LIM) iniciou a sua actividade no período lectivo de 1999/2000 sob o propósito de dar apoio à disciplina de Instrumentação para Medição (I&D) leccionada no 3º ano da Licenciatura em Engenharia Mecânica (LEM) do Departamento de Engenharia Mecânica e Gestão Industrial (DEMEGI) da FEUP.”

Actualmente, uma das metas do laboratório é a criação de um site para disponibilizar a todos os seus utilizadores informações necessárias de uma forma mais simples e também dar-se a conhecer a outras pessoas. Nesse sentido, foi-me entregue um protótipo do site e foi-me pedido para o melhorar, tendo em conta questões de acessibilidade e usabilidade. Os testes que se seguem dizem respeito ao produto final.

Heurísticas

1. Visibilidade do estado do sistema

Conformance Question
O que deve o sistema fazer para satisfazer o principio?
Os utilizadores são informados do estado do sistema com o feedback apropriado num espaço de tempo razoável?
Que meios estão disponiveis para informar, orientar e conduzir o utilizador durante a interacção?

Evidence of Conformance
É possível ao utilizador saber em que parte do site se encontra, uma vez que esta secção se encontra numa cor diferente e em bold, o que só por si já a destaca. No entanto, ainda tem um fundo diferente dos links, o que permite distinguir entre mapeamento e feedback. O feedback é dado pelo sublinhar do texto, pela mudança de cor e ainda pela mudança da imagem de fundo do link. Sempre que o utilizador coloca o cursor em cima de determinado link, este torna-se sublinhado e muda o fundo, voltando ao estado normal apenas quando o cursor é retirado da zona. Este facto ajuda o utilizador a saber sempre o que o espera ao clicar em determinado link, e o texto é o mais identificativo possível.

Motivation
Ao responder positivamente a este ponto, é dado ao utilizador, mais do que uma orientação para onde vai, uma informação de onde se encontra e quais os caminhos disponíveis. Este ponto é importante, uma vez que o site possui um conteúdo mais ou menos vasto e o utilizador, caso esta informação não fosse dada, poderia sentir-se perdido.

2. Ajuste entre o sistema e o mundo real

Conformance question
O sistema utiliza conceitos e linguagens familiares para o utilizador em vez de linguagens mais técnicas?
Usa convenções da vida real e dispõe a informação numa ordem lógica e natural?


Evidence of Conformance
O público-alvo do site é: alunos ligados a Instrumentação para Medição e profissionais, se não ligados a este laboratório, pelo menos com conhecimentos gerais sobre o funcionamento de actividades de investigação científica. Deste modo, todos aqueles para quem o site foi pensado já possuem conhecimento de linguagem e termos técnicos utilizados. De qualquer forma, o site procurou usar uma linguagem, dentro do possível, mais lata.

Motivation
Se o conteúdo fosse totalmente simplificado para ser compreendido por qualquer utilizador da Internet que acidentalmente fosse lá parar corria-se o risco de se afastar do rigor exigido a um site do género e acabaria por se afastar do Público-alvo.

3. Controlo e liberdade do utilizador

Conformance Question
Os utilizadores conseguem fazer o que querem quando querem?
Que controlo tem o utilizador sobre as suas acções?

Evidence of conformance
É dada ao utilizador liberdade absoluta de a partir de uma página poder ir para qualquer outra dentro do website. No entanto, os sub-sub-menus são a excepção que confirma a regra. É possível fazer uma navegação aleatória pelo site, correr todas as páginas, clicar em todos os links e aceder a todos os ficheiros sem ter de clicar-se uma vez que seja na janela do browser para retroceder.

Motivation
Parece-me bastante relevante o facto do site dar mobilidade e liberdade completa ao utilizador, uma vez que se torna autónomo da configuração do browser, chegando até a poupar o tempo que poderia ser gasto no retroceder e voltar a páginas já vistas e sem necessidade.

4. Consistência e Standards

Conformance Question
Existe homogeneidade e coerência nos diferentes elementos da interface?

Evidence of Conformance
Todos os elementos que compõe o grafismo do website comunicam entre si, partilhando uma mesma linguagem.

Motivation
O utilizador percebe como pode navegar dentro do site e não sente frustrações por acções semelhantes conduzirem a resultados totalmente diferentes. A motivação para explorar o site vai aumentando, numa relação directa com a familiaridade.

5. Prevenção de erros

Confomance Question
Que mecanismos existem para evitar ou reduzir a ocorrência de erros?

Evidence of Conformance
Para evitar possíveis erros, foram usados textos bastante explícitos nos menus, o que faz com que o utilizador possa saber o que o espera na página que vai carregar de seguida ao clicar em determinada área do site.

Motivation
Minimizando os erros, considero que se está a aumentar o à vontade do utilizador com a plataforma que está a utilizar, fazendo com que se sinta bem e eliminando possíveis frustrações.

6. Reconhecimento em vez de lembrança

Conformance Question
Estão as opções, elementos e acções bem visíveis ao utilizador?
São reconhecidos em vez de recorrer à memória do utilizador?

Evidence of conformance
O site tenta ser o mais claro possível e as acções encontram-se bastante visíveis. Sempre que o utilizador procura algo, consegue encontrá-lo com facilidade.

Motivation
Fazendo com que as acções sejam sempre reconhecidas e não memorizadas, está-se a aumentar a produtividade do uso do site, uma vez que se pode ir de A a B porque está explicito em vez de ter de se lembrar como fez no caso anterior, diminuindo o tempo de reação perante uma páginas.

7. Flexibilidade e eficiência no uso

Conformance Question
O sistema adapta-se ao contexto e às preferências do utilizador? Existem atalhos?

Evidence of conformance
A única forma de o sistema se adaptar ao utilizador é através de atalhos, que possibilita a navegação através de rato, mas também através do teclado. Caso o utilizador não possua uma forma de interagir com o site através do rato, pode entrar nas páginas mais importantes através dos atalhos e/ou navegando com os comandos do browser.

Motivation
Através dos atalhos, os utilizadores com hardware diferente do comummente utilizado podem sentir-se bem no sistema e ter gosto em navegar nele, uma vez que não se sentem colocados de parte ou não sentem as suas tarefas dificultadas.

8. Estética e design minimalistas

Conformance Question
Existem elementos que possam dificultar ou facilitar a leitura e a compreensão da informação?

Evidence of conformance
A meu ver a informação encontra-se muito bem esquematizada, o que faz com que o utilizador posso fazer uma leitura simples, rápida e facilitada do conteúdo existente.

Motivation
O utilizador da Internet procura, sobretudo, informação correcta, clara e concisa, que permita estar actualizado mas sem perder muito tempo. Logo, quanto mais a leitura for simplificada melhor.

9. Ajuda aos utilizadores para reconhecerem, diagnosticarem e recuperarem de erros

Conformance Question
O sistema ajuda os utilizadores a evitarem erros e a recuperarem destes?
São as mensagens de erros transmitidas claramente ao utilizador, descrevendo o problema e sugerindo soluções?

Evidence of conformance
Uma vez que o site não está ainda on-line e só vai ficar quando possuir já informação em todas as zonas (mesmo que não seja a final e possa vir a ser acrescentada mais informação) creio que este problema não se coloca.

Motivation
-------------------

10. Ajuda e Documentação

Conformance Question
Está a ajuda apropriada disponivel ao utilizador? É facil de aceder? Está orientada para a acção do utilizador?

Evidence of conformance
A ajuda que o site possibilita ao utilizador é a clareza dos seus menus e o mapa do site, que possui links para todas as páginas, com informações úteis ou simples ilustrações. Não possui uma zona especifica para FAQ’s, nem uma zona onde possam ser esclarecidas dúvidas, no entanto é disponibilizado o contacto de todos os membros e colaboradores do laboratório, que podem ser usados para esse fim, entre outros.

Motivation
Não se trata de um ponto que considere fundamental para a subsistência e a rentabilidade do website, uma vez que não se trata de um sistema muito complexo ou que fuja ao normalmente encontrado na web.

Testes de Observação de campo

O site foi testado em 5 utilizadores a quem foi pedido para realizarem 4 tarefas-tipo que um utilizador poderia ter interesse em realizar. Os resultados vieram dar uma ajuda no sentido de melhorar o produto considerado já final. Os alunos estudados encontram-se dentro de um leque de utilizadores que nunca tinham tido contacto com o produto mas que estavam habituados a navegar em diversos sítios web, com idades compreendidas entre os 21 e os 25 anos.

As tarefas dividiam-se em dois tipos: duas mais complexas, que necessitavam de mais passos para serem completadas com êxito e outras duas mais simples, que careciam de poucos cliques. As duas tarefas mais complicadas envolviam um menu que só aparecia em páginas especiais e que se encontrava no lado direito, longe dos restantes links. Quando estipulei as tarefas pensava que aquele menu iria levantar alguns problemas e de facto foi o que aconteceu.

Dos 5 utilizadores que se disponibilizaram para análise, alguns não conseguiram realizar a tarefa sem consultar o mapa do site, outros demoraram muito tempo até chegarem ao resultado pretendido. Estes resultados vieram comprovar as minhas suspeitas que o menu não estaria no local mais apropriado e veio a resultar numa alteração ao produto. As restantes tarefas também vieram confirmar as minhas previsões: o restante menu é explicito o suficiente e não carece de nenhuma alteração de importância tão elevada (pelo menos por enquanto).

Os utilizadores puderam utilizar o mapa do site por dois motivos. Primeiro porque é uma página do site e também me iria permitir perceber até que ponto é que essa página estava bem organizada enquanto mapa do site que supostamente leva o utilizador directamente onde ele quer. Por outro lado, através da utilização do mapa do site pude verificar até que ponto o utilizador tinha interesse em navegar no site. A partir do momento em que o utilizador recorresse ao mapa do site seria sinal que tinha atingido o seu limite e que já não se sentia motivado na sua exploração do sistema.

Erros Pontuais

Pois é... Nem sei como é que isto me aconteceu. Eu estava em dúvida em relação a um ponto das directrizes e fui falar com a Marta, para confrontarmos opiniões. Por obra do destino, a Marta não encontrava o ponto em questão e eu abri também uma nova página e entrei nas directrizes. Mas fomos ter a páginas diferentes.

• Marta: UTAD;
• Phillypa: UMIC.

Se repararem, no site da UTAD pode ler-se "3.4 Utilizar unidades absolutas, e não relativas, nos valores dos atributos da linguagem de anotação e nos valores das propriedades das folhas de estilo." E no da UMIC aparece a informação oposta "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."

A explicação é a mesma, mas para um utilizador do site com um interesse mais geral, a informação que passa é errada.

A parte boa é, como diz a Marta, saber que temos pontaria... No meio de todos os pontos conseguimos encontrar o único com erro (possivelmente).

O Ensino na web

Proposta: Analisar o nível de acessibilidade do site do curso de Jornalismo e Ciências da Comunicação da Universidade do Porto, através de uma análise automática e, posteriormente, manual.

De todos os pontos de verificação do W3C, uma análise automática indica de imediato 5 erros (três de Prioridade 2 e dois de Prioridade 3). É impossível fazer-se uma navegação sem a ajuda do rato uma vez que o site não possibilita atalhos de teclado. Não usa a propriedade de cabeçalho, apenas texto formatado de diferentes modos de forma a imitar, visualmente, esta tag e não define o idioma principal em que o site foi criado. Usa também propriedades absolutas de CSS e chega mesmo a apresentar alguns erros nas folhas de estilo, como por exemplo utilizar a mesma cor no atributo background-color e color na tag body, entre outros.

Curiosamente, os pontos respeitados que a análise automática identifica na página de entrada são de menos uma unidade.

• Utilizam-se folhas de estilo e não existem tabelas que possam ser usadas para maquetar.
• 
  Não se utilizam elementos HTML para controlar a apresentação.
• 
  Não se utilizam atributos HTML para controlar a apresentação.
• 
  Não utilizam elementos ou atributos HTML obsoletos


Numa análise manual ao site, é possível ver que o atributo Alt é usado com validade, assim como o title, sendo descritivo quanto baste dos elementos a que está ligado e que a informação não depende do uso da cor. Também no uso de listas se deve dizer que este se justifica, uma vez que a informação disponibilizada se torna mais compreensível nesse formato. A leitura com sentido das páginas não depende de uma visualização ligada à folha de estilo. O site utiliza tecnologia W3C, não faz actualizações ou reencaminhamento automáticos e o script utilizado não faz com que se abra uma nova janela, três aspectos de elevada importância a nível de acessibilidade, principalmente quando se usa, mais uma vez, como já foi anteriormente referido, um programa de leitura de ecran.


Quando o tema passa a ser a navegação, é necessário referir que não existe mapa do site, uma vez que a quantidade de páginas não chega a uma dezena e existe na primeira página links para todas as outras páginas. No entanto, essa informação só se encontra disponível no caso da página ser visualizada usando a informação da folha de estilo. Se esta ligação for quebrada e se o código-fonte for consultado a informação continua lá, mas por algum motivo que eu desconheço deixa de ser acessível. O mesmo acontece com os links externos situados no topo da página. Ainda a salientar é o facto de dentro de cada página existir um link que serve de titulo e que leva o utilizador à mesma página em que se encontra, o que me parece desnecessário.


A nível visual todas as páginas possuem um aspecto semelhante, o que lhe dá alguma consistência, apesar de na minha opinião a forma como o conteúdo é apresentado nos contactos e no regulamento quebrar um pouco a estética criada nas restantes partes.


Um erro que eu considero ser de elevada gravidade é o facto de a informação dos contactos se encontrar sob a forma de imagem, com o atributo Alt ‘contactos’. O que eu proponho nesta fase é colocarmo-nos numa situação hipotética em que nos vemos privados da informação que o nosso monitor nos facilita e com a necessidade de sabermos de que forma poderemos entrar em contacto com a entidade. Neste caso é impossível dar resposta a esta necessidade. O conteúdo deveria estar sob a forma de texto para poder ser lido por um programa de leitura de ecran sem qualquer dificuldade, principalmente porque é este o veiculo mais directo que o curso possui de chegar mais rapidamente e mais longe às pessoas.


Na página destinada á apresentação do curso existe uma área de formulário composta por uma combo box e um botão. No entanto essa combo box que supostamente deveria dar a possibilidade de escolha ao utilizador de entre, pelo menos, duas opções só possui uma o que lhe retira toda a utilidade que pudesse ter. Simplificaria bastante ter apenas uma linha de texto a funcionar como título. Acredito que, tratando-se de uma página com conteúdo dinâmico poderá, num futuro mais ou menos próximo, passar a ter mais opções de escolha, mas enquanto isso não acontece a linha de texto simples parece-me uma boa opção.


Ainda na análise de pontos menos positivos que encontrei no referido site tenho de referir que, na página dos regulamentos, o uso do atributo Alt me deixou confusa. A página possui, na parte debaixo de cada bloco de texto, um link em texto que se destina a descarregar determinado ficheiro mas apenas diz ‘Descarregar ficheiro PDF’. Este link não possui o atributo Alt. Poderá ser por se encontrar imediatamente a seguir ao bloco de texto com o título ou por o próprio caminho especificado no link ser claro, mas ao lado existe uma imagem que possui também estas duas características e possui o atributo Alt.


De uma maneira geral, foram estas as conclusões a que cheguei no final das duas análises (automática e manual). Não se pode dizer que o curso de Jornalismo e Ciências da Comunicação não demonstrou ter preocupações com as questões de acessibilidade tão em voga actualmente, uma vez que os pontos de Prioridade 1 não são infringidos em nenhum momento. No entanto, de todos os pontos de verificação os 35 que a análise automática diz não conseguir verificar não são todos cumpridos e 21 não se podem avaliar porque não se aplicam, como é o caso da não utilização correcta de tag’s de citações ou mudança de idioma.


Fica então a pergunta: se todos os pontos fossem aplicáveis, seriam ou não cumpridos e qual seria a proporção?

Manual de Boas Práticas da AP - 4 anos depois

Em 2002 foi aprovado o Manual de Boas Práticas da Administração Pública que resume os cuidados que se devem ter ao criar sites para services da Administração Pública. Esses cuidados fazem um resumo de 38 recomendações com base nas 14 Directrizes aprovadas pelo World Wide Web Consortium (W3C) quanto à criação de websites.

Portugal foi um dos primeiros países mundiais a fazer uma Petição para ver os direitos de Usabilidade e Acessibilidade a locais na Internet garantidos. Não se trata só de garantir o acesso a pessoas com deficiencias, mas sim garantir o acesso à informação por parte de todos, independentemente dos contextos em que o utilizador se encontra. No entanto, mesmo passados tantos anos, ainda não se pode afirmar que todos os sites da Administração Pública coloquem em prática essas recomendações.

Numa tentativa de avaliar o estado de desenvolvimento e aplicação do Manual de Boas Práticas neste momento, escolhi debruçar-me sobre o site do Ministério da Saúde. Quanto ao conteúdo obrigatoriamente disponibilizado o site segue o estipulado, principalmente para a primeira página. De toda a vasta lista de conteúdos, o site não disponibiliza apenas o Relatório de Contas e a Legislação pertinente ao serviço prestado, pelo menos à primeira vista. Na formatação do texto, respeita-se o uso de tipos de letra sans serif, o contraste entre o texto e o fundo, tal como recomendado.

Quando passamos para uma análise mais detalhada, com base nas 14 Directrizes do W3C mais especificamente, podemos perceber que aa sua aplicação não é feita na totalidade. Há situações em que os pontos de maaior prioridade (Prioridade 1) são colocados em prática e outras em que não são tidas em conta. Para demonstrar isto foram escolhidos 4 pontos de Prioridade 1 para serem analisados no site, em especial na página de entrada.

• Forneça um equivalente textual para todo o elemento não textual.

  
  Segundo o que este Ponto de Verificação refere, sempre que o site mostrar um elemento não textual deve ser dado uma alternativa textual, o vulgarmente atributo ALT. O que se verificou na análise ao site do Ministério da Saúde é que este não diponibiliza esta informação de uma forma coerente. O equivalente textual não é facilitado para todos os elementos gráficos e/ou sonorous; algumas imagens e links possuem discriminação (como é o caso da Pesquisa), algumas não possuem qualquer discriminação, e ainda há aquelas que possuem uma discriminação muito generalista (como por exemplo ‘Imagem Alusiva’)

NOTA: 7/10




• Certifique-se que o texto e os gráficos são compreendidos quando visualizados sem cor.

  
  Este ponto parece estar muito bem implementado, uma vez que a cor é utilizada, mas como uma forma muito secundária o que torna o conteúdo muito acessível, independentemente das caracteristicas cromáticas dos ecrans dos utilizadores.

NOTA: 10/10




• Nas tabelas de dados, identifique as linhas e as colunas que constituem os cabeçalhos.

  
  Além de toda a informação estar disponivel sob a forma de tabelas (que não deveria estar uma vez que a utilização de folhas de estilo poderia organizar a informação de um modo visual identico e muito mais fácil de ler por um programa de varrimento de ecran, por exemplo), estas não possuem uma descriminação especifica para células de cabeçalho ou de conteúdo, o que torna a sua leitura pelo programa de leitura ainda mais complicada.

NOTA: 1/10




• Organize os documentos de forma a que os mesmos sejam possíveis de ser lidos sem o uso das folhas de estilo.

  
  A primeira página do site encontra-se vinculada a uma folha de estilo externa, o que faz com que a visualização da página sem ser acompanhada dessa folha lhe altere o aspecto. No entanto, salvos alguns erros ortográficos que podem dificultar a leitura, no geral a informação encontra-se minimamente bem estruturada.

NOTA: 6/10

Em suma, apesar de termos sidos um dos países pioneiros na defesa dos direitos de Usabilidade e Acessibilidade e na conquista de um Manual de Boas Práticas, parece que ficamos parados algures entre o ponto de partida e a meta. Ainda há muito para se fazer nesta área para assegurar que, pelo menos, os pontos de Prioridade 1 do W3C sejam levados em conta aquando da criação de um website. Não podemos é ficar satisfeitos com o que temos actualmente.

Quer dizer, poder podemos, mas não devemos…