Acessibilidades e
Usabilidades de Interface
Proposta 1
Câmara Municipal de Guimarães
Segundo a proposta que nos foi fornecida, decidimos então, trabalhar sobre o
local Web, da câmara municipal de Guimarães e...
Formas/campos preenchíeis sem qualquer tipo de etiquetas.
Este erro deve-se ao facto de a informação apresentada não ter
r...
Existência de um link sem qualquer tipo de legenda.
Este tipo de erros mais uma vez, quando ocorrem, fazem com que os
util...
Texto alternativo à imagem.
Mais uma vez a imagem apresentada no local Web, não é apresentada a
alguma maioria dos utiliza...
às páginas, estas automaticamente aumentam o conteúdo, sendo que ao
fazermos o mesmo, estando a escala como pixéis por exe...
Links que são adjacentes ir para a mesma URL.
Neste caso encontramos links iguais que têm o mesmo local para destino.
Isto...
Solução possível: Avisar previamente que existe um documento para fazer
download, colocar a data, o tamanho e o nome espec...
O elemento <noscript> está presente neste local Web.
Ao colocarmos este tipo de conteúdo, este requer o aplicativo “javasc...
Duas imagens relativamente perto, têm o mesmo texto alternativo
Ao colocarmos a mesma descrição em imagens muito próximas,...
Próximos SlideShares
Carregando em…5
×

Avaliação - Local Web - CMGuimarães

183 visualizações

Publicada em

Avaliação do local Web da camara municipal de Guimarães.

Mais informações em:
inspectormorbido.com

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
183
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Avaliação - Local Web - CMGuimarães

  1. 1. Acessibilidades e Usabilidades de Interface Proposta 1 Câmara Municipal de Guimarães
  2. 2. Segundo a proposta que nos foi fornecida, decidimos então, trabalhar sobre o local Web, da câmara municipal de Guimarães e avaliar o seu grau de acessibilidade existente. Para tal usamos essencialmente algumas ferramentas fornecidas. São elas: o programa Fujitsu web acessibility inspector 5.11, e os locais Web daSilva, Webaim, sidar e o eXaminator. Comecemos então pelos primeiros resultados obtidos por parte de um dos avaliadores. Segundo o local Web daSilva, obtivemos em relação ao nível “A” 27 erros, sendo que na prioridade “AA” relata-se 70 erros. Para conseguirmos uma pesquisa mais exata sobre o local Web em questão e complementa-lo com exemplos, vamos, para quase todo este relatório, utilizar o local Web avaliador: Webaim. Segundo este existem cerca de 17 erros graves e ainda 99 alertas. É essencialmente com este avaliador e com o Webaim que vamos trabalhar, já que este nos fornece dados mais específicos dos erros e alertas obtidos e conseguimos mais facilmente retirar elementos que confirmem as situações, como por exemplo, print screens. Podemos relatar desde já, que segundo as normas, este local Web não tem estatuto de acessibilidade, isto porque desde logo não cumpre totalmente as especificações do nível 1 e ainda contêm erros relativamente ao nível 2. Comecemos então por avaliar os erros do nível 1 (A). Segundo o local Web Webaim, são detetados 17 erros distribuídos por 6 pontos. A linguagem desta página não está identificada com o atributo HTML Lang (<html Lang=”en”>). Este pequeno problema, transforma-se num enorme problema, já que se alguém necessitar de traduzir a página, esta tradução torna-se difícil por não haver identificação da mesma previamente. Solução possível: Indicar sempre que possível a linguagem primária do local Web.
  3. 3. Formas/campos preenchíeis sem qualquer tipo de etiquetas. Este erro deve-se ao facto de a informação apresentada não ter relacionamento, ou seja, é apresentada um campo de preenchimento, que não tem qualquer etiqueta de informação, levando a que os utilizadores não tenham qualquer informação sobre o que devem ou não escrever no campo. Deve para isso haver etiquetas ou mesmo rótulos sobre os campos. Solução possível: Sempre que existam campos de preenchimento devemos colocar etiquetas que serão lidas de forma a dar informação daquilo que lá devemos colocar. Imagens ou links sem referências. Este erro ocorre quando existe a colocação de imagens sem qualquer tipo de legenda ou mesmo link respectivo. Neste caso acontece ambos os casos. Assim que um utilizador acesa ao local Web sem ter um ecrã para visualizar, a informação desta imagem, que neste caso serve de menu ao local Web avaliado, não lhe será apresentada. Solução possível: Embora neste caso haja um menu que se desenvolve um submenus, o utilizador deve ter a noção de que isto acontece e deve ser alertado. Possivelmente a legenda desta imagem/menu, deverá até referir isso mesmo.
  4. 4. Existência de um link sem qualquer tipo de legenda. Este tipo de erros mais uma vez, quando ocorrem, fazem com que os utilizadores mais prejudicados sejam os utilizadores providos de visão, que terão de recorrer à voz por exemplo, e com este link sem qualquer tipo de legendagem, o mesmo não terá existência perante estas pessoas. Solução possível: Sempre que adicionamos um link para alguma outra página, seja para o próprio local Web ou não, devemos adicionar uma legenda do link e utilizar essa mesma legenda para indicar algo importante. Imagem com ligação, sem qualquer tipo de legenda. Na colocarmos uma imagem como ligação a qualquer conteúdo, ou seja, colocar-mos um mapa de imagem, esta deverá ter uma legenda disponível, fazendo assim com que as pessoas que não têm, mais uma vez, visão por exemplo, possam pelo menos ouvir a legendagem da imagem e perceber o que ela faz ao ser clicada. Solução possível: Atribuir legendagem sempre perceptível do que faz ao clicarmos nessa mesma imagem e claro ainda a legendagem da própria imagem em si.
  5. 5. Texto alternativo à imagem. Mais uma vez a imagem apresentada no local Web, não é apresentada a alguma maioria dos utilizadores, como cegos, pessoas com grande dificuldade visual e entre outros que utilizarão a audição para visualizar este local Web. Solução possível: Adicionar sempre legendagem da imagem, quando esta se trata mesmo de apenas uma imagem, devemos apenas colocar a legenda como algo específico à imagem. Vamos recorrer agora aos alertas que nós são fornecidos pelo local Web avaliador Webaim. No total temos 99 alertas distribuídos por 8 pontos. A página não tem títulos. A colocação de títulos estruturados com <h1> - <h6>, e não com medidas especificas como pixéis e polegadas, faz com que quem queira fazer zoom
  6. 6. às páginas, estas automaticamente aumentam o conteúdo, sendo que ao fazermos o mesmo, estando a escala como pixéis por exemplo, isto já não será possível. Solução possível: Estruturar sempre toda a forma, para que seja possível ampliar ou diminuir e sem perder qualidade. Texto atributo ao título deve ser o mesmo que o texto ou o texto alternativo. O valor do atributo <title> é usado para fornecer informações consultivas. Normalmente este texto surge quando os utilizadores passam o rato sobre o texto. Esta informação deve ser sempre muito idêntica com o escrito, de forma a que os utilizadores não se percam e se apercebam do que estão a utilizar. Solução possível: Utilizar informação muito idêntica, mas que defina que é um link, por exemplo: link de para a “política de privacidade”.
  7. 7. Links que são adjacentes ir para a mesma URL. Neste caso encontramos links iguais que têm o mesmo local para destino. Isto resultará em navegação adicional e repetição para os teclados de leitura de ecrã por exemplo. Solução possível: Devemos desenvolver um método para que apenas surja um link na mesma zona de incidência, já que este link, independentemente do que surge, leva-nos ao mesmo local. Documentos PDF presentes para download. Ao termos um determinado link, neste caso para o download de um pdf, pode causar uma certa confusão. Em primeiro lugar, porque para ler este tipo de documentos, o hardware utilizado recorre normalmente ou a um programa específico, ou então a um plug-in, o que pode muito facilmente, se o utilizador não for aviso, tornar este local confuso por apenas clicar-mos no link do mesmo, levando a que o utilizador se perca por completo e não saiba onde se encontra no momento.
  8. 8. Solução possível: Avisar previamente que existe um documento para fazer download, colocar a data, o tamanho e o nome específico para ele. Texto alternativo para uma imagem é o mesmo que o próprio texto. Quando colocamos uma palavra com um link inserido na mesma, este, será apresentado pelo menos duas vezes ao utilizador que recorra ao som para navegação, isto porque o leitor, irá ler a palavra e após isso irá ler o texto do link respectivo, que basicamente é o mesmo que ler a segunda vez a palavra. Solução possível: Ao colocar-mos uma palavra a servir de link, devemos na descrição do mesmo link colocar texto não totalmente igual, mas muito idêntico, por exemplo: “Login” -> botão de login.
  9. 9. O elemento <noscript> está presente neste local Web. Ao colocarmos este tipo de conteúdo, este requer o aplicativo “javascript” este ativo, caso contrário, alguns utilizadores que não tenham por exemplo o mesmo ativado, poderão correr o risco de não verem esta parte específica e posteriormente não terem acesso à mesma. Muitos aplicativos de leitura assistida, não têm este aplicativo de origem, por isso este alerta passa a ser muito importante. Solução possível: Evitar a utilização de aplicativos a não ser o próprio browser e tentar sempre fazer com que seja apenas necessário, para visualizar o local Web, um browser e pouco mais. Tipografia demasiado pequena. Este é um dos erros que facilmente cometemos na construção de um local Web, e quase nunca reparamos. Normalmente temos tendência a desenvolver os locais Web ao tamanho dos nossos olhos e poucas vezes pensamos que facilmente um utilizador que tenha dificuldades visuais, irá também ter dificuldades a ler determinados pontos. Solução possível: A solução passa pela colocação, como já referido antes neste relatório não de tamanhos em pixéis ou em centímetros, mas sim com títulos (<h1> <h6>), tornando possível o aumento dos mesmos.
  10. 10. Duas imagens relativamente perto, têm o mesmo texto alternativo Ao colocarmos a mesma descrição em imagens muito próximas, isto pode dar ao utilizador uma redundância, fazendo com que o utilizador entre no local que não é o correto ou desejado por ele. Solução possível: Sendo imagens diferentes, normalmente os textos alternativos deverão ser diferentes, embora que se tiverem mesmo de ser imagens iguais, certamente com caminhos diferentes, o texto alternativo deve ter uma ligeira nuance, fazendo com que o utilizador não se perca e perceba onde e para onde quer ir. Resumo final Na restante página inicial deste local Web, todos os outros pontos são cumpridos, ou então não nos são fornecidos dados de erros. Devemos ainda perceber que estes locais Web utilizados como avaliadores, muitas vezes não conseguem detectar totalmente os erros, e como tal muitas vezes não são totalmente confiáveis. Conseguimos verificar isso ao fazermos uma analise com um avaliador e após isso avaliarmos com outro, notamos que resultam pontos a mais ou a menos. Decidimos como tal apenas apostar no avaliador de locais Web Webaim, já que este nos pareceu mais específico na analise e obtemos para além de mais informação, ajuda precisa para podermos perceber onde e como os erros estão a ser cometidos. Em relação à nota final, mas não quantitativa sobre este local Web avaliado, percebemos que existem lacunas importantes para quem tem maiores dificuldades, mas concluímos ainda que o mesmo é maioritariamente navegável.

×