Este blog esteve inactivo durante algum tempo…mas agora vou voltar à carga e a todo o vapor…O trabalho nunca pára e o conhecimento pode ser partilhado…

Até ao próximo post,
Nuno Regadas

Análise do site do Diário de Notícias

Avaliação automática com o HERA

Os resultados do teste revelaram 17 erros num total de 812 elementos, reforçando o facto da necessidade de avaliação manual em 37 pontos que mais tarde será feita.
Em termos gerais podemos dizer que este site não satisfaz alguns dos mais importantes requisitos de acessibilidade.

Por exemplo, verifica-se que há 139 imagens que não têm equivalentes textuais, o que é um dos maiores entraves às pessoas que necessitam de utilizar um leitor de ecrã. Isto porque ao chegar a estas imagens o leitor de ecrã não vai encontrar nenhuma informação textual que possa ser lida. Logo, para o leitor de ecrã estas imagens não existem. Um caso mais grave é o facto dos links que correspondem aos cadernos do jornal, o que impede à partida a navegação pelas pessoas que dependem de leitores de ecrã.

A forma de resolver este problema é muito simples. Bastava que as imagens tivessem o atributo “alt” que dissesse o que é aquela imagem ou link. Poderia também ser utilizado o atributo “longdesk” que nos permite dar uma discrição textual mais completa da imagem, ou até mesmo dos componentes em flash.

O site na directiva numero “3.Utilize correctamente a notação e as folhas de estilo”, contem alguns erros. Primeiro e mais grave começa logo pelo DTD (DocType Document). E no que às css diz respeito os problemas também se mantém. O validator de css do WC encontra 4 erros e 79 avisos de possíveis erros. Um dos erros mais frequentes é o facto de não estar presente um background color. Ainda assim devem ser tidos em conta e reformuladas as css para que o nosso site não perca acessibilidade por causa de alguns possíveis erros. Estes erros dão de prioridade 2, contudo, sendo um site de um jornal, deveria tentar pelo menos, ser acessível ao maior número de pessoas.

Um dos problemas deste site é a utilização de tabelas para o layout e organização. Este é um erro que deve e pode ser evitado recorrendo só ao posicionamento pelas CSS. Ainda assim, deverá ser possível aceder ao site mesmo que as css não funcionem.
Também podemos ver que se utilizam elementos de HYML para controlar o layout. Neste caso é utilizado o elemento . Outro problema que se verifica é a utilização de atributos de HTML como heigh ou align para controlar a apresentação do site. Neste caso, a avaliação automática encontrou 283 erros o que, apesar de serem erros de prioridade 2, levam a que mais pessoas possam eventualmente ficar impossibilitadas de aceder correctamente aos conteúdos.

Vemos também que no capítulo da utilização de unidades relativas por oposição a absolutas podemos ver que são utilizadas unidades absolutas em vez de estarem em percentagem. O mesmo se passa com as CSS, onde se detectaram unidades por exemplo das fontes em unidades absolutas. Neste capítulo, esta utilização das unidades absolutas e relativas, por exemplo relativas ao tamanho da fonte, são das que mais confusão me faz. Penso que terei de aprofundar o conhecimento nestas áreas para que possa compreender melhor o comportamento a ter nestas situações. Também se verifica que não são utilizados cabeçalhos. Estes permitem fazer uma maior e melhor organização da informação de acordo com a sua importância, uma vez que podemos explorar os diferentes tamanhos que apresentam.

No caso da directriz 4 sobre a linguagem natural verifica-se que o site não tem explicita a língua utilizada, o que para um utilizador que depende de um programa de leitura de ecrã pode ser importante, uma vez que o utilizador pode ser avisado sobre a língua utilizada no site.

Em termos de compatibilidade com a não utilização de tecnologias emergentes, este site, infelizmente verifica-se que há um link que pode eventualmente funcional mal ou não funcionar caso os scripts sejam desactivados. Este é um dos pontos mais importantes. Na minha opinião pessoal não vejo que a utilização de javascript seja prejudicial para o site e a sua leitura. Contudo, devem ser tidos em conta alguns pontos, tais como redundância dos links, para que funcionem mesmo com os scripts desligados. Quando utilizarmos script devemos ter em atenção que esse código não influencie a leitura dos conteúdos. Caso sejam prejudiciais não devem ser utilizados.

Um ponto favorável do site é o controlo do utilizador sobre os conteúdos sensíveis ao tempo. Não se verificam auto-refresh, nem redireccionamento. Estas meta tags não são utilizadas. Contudo, do ponto de vista crítico devo dizer que só não são utilizadas porque o site já parece estar desactualizado. Digo isto porque o panorama geral deste site não é muito favorável. Os formulários também se encontram vazios por omissão o que é um impedimento para um grupo de utilizadores específicos, visto ser de prioridade 3.

Penso que posso traduzir o site nesta directriz: Use tecnologias e directrizes W3C. Porque? São utilizadas duas tags obsoletas para o DTD utilizado. Para além disso são utilizados atributos obsoletos no HTML 4.01. O número? 288. Por isso dizia que esta directriz poderia resumir um pouco o estado do site.

Em termos de avaliação automática estes são os resultados sumariados.
Com a avaliação manual poderemos rever alguns pontos mais importantes para tirar as nossas próprias conclusões.
Para a avaliação manual usei o browser opera (versão 9.10) e o leitor de ecrã jaws (versão 8.0).
Os links como não possuem alternativa textual não são lidos pelo que o leitor de ecrã, a única coisa que conseguimos ouvir é “A” que é o shortcut do Opera.

As janelas que aparecem em javacript são impossíveis de ler pelo programa de leitura de ecrã. O problema é mesmo esse uma vez que não é uma prática correcta ter estas janelas a aparecerem sem ter um equivalente textual para o que vai e estar a acontecer.

Uma das maiores dificuldades que senti ao navegar neste site com o leitor de ecrã foi o facto de ao navegar de elemento em elemento uma vez que os elementos eram muitos e demorava muito a navegar por eles.

O site é utilizável sem CSS, aliás até se apresenta de uma forma mais interessante do que aquela visualização com as CSS, o que não deixa de ser um dado curioso.
Sem as imagens podemos ter a noção do que está por fazer neste site em termos de equivalentes textuais. Não há alt nem longdesk, não há nada que nos diga o que são e qual o objectivo.
Em termos gerais muito há a fazer neste site. Um dos grandes problemas que dificulta logo a navegação com recurso a leitores de ecrã é o facto do site ter a barra do sapo no topo do site. Isso e a fraca organização dos elementos na página e o facto de não haver equivalentes textuais dão, na minha opinião, uma nota negativa.

Até ao próximo post,
Nuno Regadas

Mais uma aula, mais um post. Vou incidir a minha análise sobre o site do Diário de Notícias. A razão que me leva a querer falar sobre este site, reside no facto de que os sites de notícias deveriam ser acessiveis a todas as pessoas. Contudo, verifica-se que neste capítulo o DN tem muito a fazer, visto que nestas questões ainda está muito desactualizado.

Para fazer esta avaliação vou usar o sitema de avaliação automática HERA

O site disponibiliza um motor de busca. Aqui encontramos logo um grande problema. O motor de busca está em inglês e não em português. Não se percebe esta opção, particularmente se ainda estivermos com a língua portuguesa seleccionada. Quer a pesquisa um, quer a pesquisa avançada encontram-se em língua inglesa. Este é claramente um ponto negativo que é muito visível mesmo para o visitante comum. Os motores de busca em portais são muito importantes, pelo que será das ferramentas mais utilizadas. Estando assim com este erro, que penso ser de simples resolução, só contribui para uma classificação menos elevada. Outro problema com a pesquisa é o facto de no formulário de pesquisa não ter nada escrito. Isto é particularmente difícil para pessoas que usem programas de leitura de ecrã uma vez que o programa ao chegar a um formulário em branco não lê nada, uma vez que lá não tem nada escrito. Aliás este facto está compreendido na directriz 12 “Forneça informação de orientação e contexto”.

O arquivo do portal está organizado para facilitar ao utilizador a sua pesquisa de documentos mais antigos.

O site sofre de um problema que se pode tornar grave caso não seja resolvido. Estou a falar da compatibilidade entre browsers. O que se verifica é que o portal se for visto no firefox aparece com o menu de pesquisa em Inglês, mesmo que a língua escolhida seja o português. Se testarmos no Internet Explorer 6.0, isso não acontece. O mesmo não se passa se o portal for visto no Opera. Este erro é grave. Pode levar a grandes confusões por parte dos utilizadores, bem como a frustração por parte dos mesmos. Verifica-se que o firefox é cada vez mais utilizado, pelo que deveria ser tido em consideração a forma como a informação aparece neste browser. Neste caso assistimos, não a uma incompatibilidade de browsers por verificarmos que o posicionamento das imagens é diferente, mas sim um problema mais grave se calhar. A mudança de uma língua para a outra sem o utilizador ter decidido algo.

O site possui metadados o que é favorável para quem precisa de pesquisar informação. Os metadados fornecem uma descrição dos conteúdos do site através de palavras-chave para que os motores de buscam consigam encontrar através dos seus mecanismos de busca.

Quanto à barra de navegação, verificamos que a barra que se encontra na parte superior do site se repete ao longo de toda a navegação. Ainda assim, também vemos que ao entrar num destes links principais, do lado esquerdo aparecem depois os vários menus com os vários sub-links. Este novo menu pode ser uma vantagem para o utilizador, contudo, não há uma clara distinção entre o que são links principais e os sub-links, isto para além da identação. Uma fonte de tamanho mais reduzido poderia talvez resolver esta questão.

Estará este site preparado para ser visto numa resolução de 800X600?
À primeira vista não. Após um pequeno teste concluí que tal não é possível, sendo que aparece uma, então, inevitável scroll bar lateral, o que é um erro só por si. Aliás, este site não consegue ser visto na resolução de 640X480. Apesar de hoje em dia muito de falar sobre qual o standard, se 800X600 ou 1024X768, o site deveria estar pelo menos apto a ser visualizado em 800X600. Podemos perceber que esteja optimizado para 1024X768 uma vez que o governo com o seu plano tecnológico pretende dotar e dotou as suas entidades de computadores com monitores com resolução pelo menos igual ou superior a 1024X768. Ainda assim, numa época de transição deve ser prevista a utilização de resoluções inferiores.

Ainda assim, podemos dizer que este site está razoavelmente bem preparado. Não sendo muito específica esta análise em termos de código, posso dizer que as imagens estão identificadas com o elemento “alt”. Contudo, o grande problema deste site, no meu ponto de vista, é que não há um contraste assim tão bom entre texto e fundo, o que pode causar problemas na leitura não só a quem tem problemas de visão, mas também a quem os não tem, mas que num dado momento pode estar numa situação de visualização ou interacção com o sistema diferente da habitual. A diferenciação pela cor não é a mais eficaz, pelo que talvez pudessem tentar encontrar um compromisso melhor entre cores do texto e cores do fundo. O site ainda recorre a tabelas. Contudo o posicionamento é feito mediante CSS o que permite, desta forma, cumprir os standards do W3C.
De acordo com o sistema de validação automática “W3C Markup Validation Service v0.7.4″, o site contém apenas 1 erro que se refere a um atributo “align” que o sistema diz não possuir. Ainda assim e testar o site com o DA SILVA ou o HERA, disponíveis a partir do site acessibilidade, podemos verificar que há mais uns erros que não foram detectados. Ainda assim, no geral o site parece estar dentro dos padrões, sendo que cumpre as directrizes de acessibilidade de um modo geral, sendo que isso não invalida algumas mudanças ou melhorias no site.

Até ao próximo post,
Nuno Regadas.

A minha análise vai recair sobre o Portal do Ministério da Justiça.
Numa primeira fase a minha análise vai centrar-se na primeira página.

No que diz respeito ao organismo que tutela o site, verifica-se que o site contém informação sobre a entidade que o gere. Nos podemos entrar em contacto com o webmaster. Contudo, temos de preencher uma ficha que depois é enviada ao organismo que controla o portal.
O portal disponibiliza ainda alguma informação sobre a política de privacidade.
Os dados sobre os contactos estão disponibilizados no portal. Mas ainda assim em muitos casos ficam-se pelos documentos PDF. Esta análise exige um maior grau de estudo. Contudo, numa primeira fase talvez fosse interessante não disponibilizar a informação somente em pdf. Deveria também ter em texto para um mais rapidamente se encontrar o que é pretendido. Estando em pdf exige-se a leitura por outro programa. Estando em html, é mais rápido e fácil o acesso à informação.

Apresentação da informação

Em termos de texto, são utilizadas fontes sem serif, sendo que o tipo de letra utilizado ao longo do site, pelo menos da primeira página. Há uma coerência no tipo de letra e cores utilizadas. O site é de resto coerente no que a este ponto diz respeito. O site está graficamente bem conseguido e revela preocupações que não só estéticas. Uma crítica que se pode fazer é logo no que diz respeito ao menu principal. Uma vez que não permite um grande contraste. O fundo é claro e os links que não estão activos também têm uma cor algo clara, uma espécie de castanho.
Os downloads estão assinalados com o tamanho do ficheiro. Um problema é o que acontece com as versões em línguas diferentes. A língua inglesa funciona bem, mas o problema é que estando na versão em português, ao entrarmos numa secção chamada O ministério, estrutura-organica, verificamos que do lado esquerdo aparece um menu totalmente em inglês que inclui noções de acessibilidade. Seria mais interessante se tivesse este menu em português. Para além disso a função de pesquisa está assinalada inglês. É uma inconsistência pelo que deveria ser revisto.

Em termos de login, também podemos verificar que os formulários de user e password também estão em branco. Em termos de leitura de ecrã este ponto poderia ser revisto facilmente pelo administrador do site.

Em termos de mapa do site. O que poderia ser alterado? Temos um fundo cinza com letras castanho claro por cima. Não há grande contraste pelo que a visualização pode ser prejudicada. Ainda assim, a própria hierarquia da informação poderia ser revista. Uma vez que não há distinção entre o que são as secções e os artigos dentro dessas secções, para além de uma pequena identação. Se a fonte das secções fosse diferente da utilizada nos outros tópicos, seria mais fácil a distinção entre estes.

Uma das áreas mais características de um site de administração pública é a área de links. Neste caso o portal possui uma área com esse nome, onde as ligações são assinaladas com uma pequena imagem que diz URL. Ainda assim, devo assinalar o elevado número de clicks como uma das principais desvantagens deste portal. São necessários três clikes para o utilizador chegar ao link pretendido, quando isso poderia ser feito com recurso a apenas 2.
No site estão disponíveis ficheiros em PDF, contudo, não há um link para fazer o download deste software.

A primeira página é rápida a fazer o download, sendo que com os actuais padrões de Internet de anda larga não deve haver problemas de maior no loading da página. Ainda assim, se não tivermos uma velocidade de ligação de banda larga, podemos ter alguns problemas.

Este blog vai acompanhar a disciplina de Ergonomia de Aplicações Multimédia e a investigação decorrente desta cadeira. Convido os meus colegas a participarem no blog, através dos comentários, para que seja mais dinâmico e não só um repositório de informação minha.

Até ao próximo post,
Nuno Regadas