SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
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 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.
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.
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.
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
à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”.
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.
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.
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.
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.

Mais conteúdo relacionado

Mais procurados

Mais procurados (6)

06 html links e frames
06 html   links e frames06 html   links e frames
06 html links e frames
 
Blog
BlogBlog
Blog
 
Blogger rapido
Blogger rapidoBlogger rapido
Blogger rapido
 
Gerenciamento de ecrises net tv - cópia
Gerenciamento de ecrises   net tv - cópiaGerenciamento de ecrises   net tv - cópia
Gerenciamento de ecrises net tv - cópia
 
Quais métricas de web analytics você conhece
Quais métricas de web analytics você conheceQuais métricas de web analytics você conhece
Quais métricas de web analytics você conhece
 
Cinco (05) dicas pra posicionar seus videos na primeira pagina do yuotube
Cinco (05) dicas pra posicionar seus videos na primeira pagina do yuotubeCinco (05) dicas pra posicionar seus videos na primeira pagina do yuotube
Cinco (05) dicas pra posicionar seus videos na primeira pagina do yuotube
 

Semelhante a Avaliação Acessibilidade Câmara Guimarães

CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSDaniel Paz
 
Android About Page API Para Construir a Tela Sobre
Android About Page API Para Construir a Tela SobreAndroid About Page API Para Construir a Tela Sobre
Android About Page API Para Construir a Tela SobreVinícius Thiengo
 
Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha fevooduck
 
ASES - Tutorial_Inovaday_Agosto_2011
ASES - Tutorial_Inovaday_Agosto_2011ASES - Tutorial_Inovaday_Agosto_2011
ASES - Tutorial_Inovaday_Agosto_2011Hudson Augusto
 
Webquest tutorial
Webquest tutorialWebquest tutorial
Webquest tutorialTelma Costa
 
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]José Marques
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojofabioginzel
 
Programacao acessibilidade
Programacao acessibilidadeProgramacao acessibilidade
Programacao acessibilidadeThalita Oliveira
 
IHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidadeIHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidadeSibele Castro
 
Secretaria de Educação - Avaliação Web 2013
Secretaria de Educação -  Avaliação Web 2013Secretaria de Educação -  Avaliação Web 2013
Secretaria de Educação - Avaliação Web 2013Hudson Augusto
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Élida Tavares
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Jennifer Payne
 

Semelhante a Avaliação Acessibilidade Câmara Guimarães (20)

CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESS
 
Android About Page API Para Construir a Tela Sobre
Android About Page API Para Construir a Tela SobreAndroid About Page API Para Construir a Tela Sobre
Android About Page API Para Construir a Tela Sobre
 
Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha
 
ASES - Tutorial_Inovaday_Agosto_2011
ASES - Tutorial_Inovaday_Agosto_2011ASES - Tutorial_Inovaday_Agosto_2011
ASES - Tutorial_Inovaday_Agosto_2011
 
Html 02
Html 02Html 02
Html 02
 
Webquest tutorial
Webquest tutorialWebquest tutorial
Webquest tutorial
 
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
 
Ap iii
Ap iiiAp iii
Ap iii
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojo
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Programacao acessibilidade
Programacao acessibilidadeProgramacao acessibilidade
Programacao acessibilidade
 
DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?
 
IHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidadeIHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidade
 
Secretaria de Educação - Avaliação Web 2013
Secretaria de Educação -  Avaliação Web 2013Secretaria de Educação -  Avaliação Web 2013
Secretaria de Educação - Avaliação Web 2013
 
AF
AFAF
AF
 
Html
HtmlHtml
Html
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!
 
Webquest
WebquestWebquest
Webquest
 
Aula16
Aula16Aula16
Aula16
 

Mais de Joao Costa

Caderno Normas inspectormorbido
Caderno Normas inspectormorbidoCaderno Normas inspectormorbido
Caderno Normas inspectormorbidoJoao Costa
 
Proposta de Negócio Digital
Proposta de Negócio DigitalProposta de Negócio Digital
Proposta de Negócio DigitalJoao Costa
 
Avaliação de Negócio Digital
Avaliação de Negócio DigitalAvaliação de Negócio Digital
Avaliação de Negócio DigitalJoao Costa
 
Avaliação de Telemóveis - K610i - C5-03
Avaliação de Telemóveis - K610i - C5-03Avaliação de Telemóveis - K610i - C5-03
Avaliação de Telemóveis - K610i - C5-03Joao Costa
 
Dossier - Educational Solutions Multimedia
Dossier - Educational Solutions MultimediaDossier - Educational Solutions Multimedia
Dossier - Educational Solutions MultimediaJoao Costa
 
Caderno de Normas - Educational Solutions Multimedia
Caderno de Normas - Educational Solutions MultimediaCaderno de Normas - Educational Solutions Multimedia
Caderno de Normas - Educational Solutions MultimediaJoao Costa
 
Pesquisa - Ron Fricke
Pesquisa - Ron FrickePesquisa - Ron Fricke
Pesquisa - Ron FrickeJoao Costa
 
Dossier de Produção - Time's
Dossier de Produção - Time'sDossier de Produção - Time's
Dossier de Produção - Time'sJoao Costa
 
Portuguese In California
Portuguese In CaliforniaPortuguese In California
Portuguese In CaliforniaJoao Costa
 
Dossier de Produção - Youriver.tv
Dossier de Produção - Youriver.tvDossier de Produção - Youriver.tv
Dossier de Produção - Youriver.tvJoao Costa
 
Dossier de Pré-Produção - Youriver.tv
Dossier de Pré-Produção - Youriver.tvDossier de Pré-Produção - Youriver.tv
Dossier de Pré-Produção - Youriver.tvJoao Costa
 
Pesquisa - Anton Corbijn
Pesquisa - Anton CorbijnPesquisa - Anton Corbijn
Pesquisa - Anton CorbijnJoao Costa
 
Projecto Cross-Media - Pdclinks.net
Projecto Cross-Media - Pdclinks.netProjecto Cross-Media - Pdclinks.net
Projecto Cross-Media - Pdclinks.netJoao Costa
 
Pesquisa - Thomas Edison
Pesquisa - Thomas EdisonPesquisa - Thomas Edison
Pesquisa - Thomas EdisonJoao Costa
 
Pesquisa - Animação 3D
Pesquisa - Animação 3DPesquisa - Animação 3D
Pesquisa - Animação 3DJoao Costa
 

Mais de Joao Costa (15)

Caderno Normas inspectormorbido
Caderno Normas inspectormorbidoCaderno Normas inspectormorbido
Caderno Normas inspectormorbido
 
Proposta de Negócio Digital
Proposta de Negócio DigitalProposta de Negócio Digital
Proposta de Negócio Digital
 
Avaliação de Negócio Digital
Avaliação de Negócio DigitalAvaliação de Negócio Digital
Avaliação de Negócio Digital
 
Avaliação de Telemóveis - K610i - C5-03
Avaliação de Telemóveis - K610i - C5-03Avaliação de Telemóveis - K610i - C5-03
Avaliação de Telemóveis - K610i - C5-03
 
Dossier - Educational Solutions Multimedia
Dossier - Educational Solutions MultimediaDossier - Educational Solutions Multimedia
Dossier - Educational Solutions Multimedia
 
Caderno de Normas - Educational Solutions Multimedia
Caderno de Normas - Educational Solutions MultimediaCaderno de Normas - Educational Solutions Multimedia
Caderno de Normas - Educational Solutions Multimedia
 
Pesquisa - Ron Fricke
Pesquisa - Ron FrickePesquisa - Ron Fricke
Pesquisa - Ron Fricke
 
Dossier de Produção - Time's
Dossier de Produção - Time'sDossier de Produção - Time's
Dossier de Produção - Time's
 
Portuguese In California
Portuguese In CaliforniaPortuguese In California
Portuguese In California
 
Dossier de Produção - Youriver.tv
Dossier de Produção - Youriver.tvDossier de Produção - Youriver.tv
Dossier de Produção - Youriver.tv
 
Dossier de Pré-Produção - Youriver.tv
Dossier de Pré-Produção - Youriver.tvDossier de Pré-Produção - Youriver.tv
Dossier de Pré-Produção - Youriver.tv
 
Pesquisa - Anton Corbijn
Pesquisa - Anton CorbijnPesquisa - Anton Corbijn
Pesquisa - Anton Corbijn
 
Projecto Cross-Media - Pdclinks.net
Projecto Cross-Media - Pdclinks.netProjecto Cross-Media - Pdclinks.net
Projecto Cross-Media - Pdclinks.net
 
Pesquisa - Thomas Edison
Pesquisa - Thomas EdisonPesquisa - Thomas Edison
Pesquisa - Thomas Edison
 
Pesquisa - Animação 3D
Pesquisa - Animação 3DPesquisa - Animação 3D
Pesquisa - Animação 3D
 

Último

Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfmirandadudu08
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBAline Santana
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxkarinedarozabatista
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Slides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSlides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSilvana Silva
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfaulasgege
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptxthaisamaral9365923
 
Lírica Camoniana- A mudança na lírica de Camões.pptx
Lírica Camoniana- A mudança na lírica de Camões.pptxLírica Camoniana- A mudança na lírica de Camões.pptx
Lírica Camoniana- A mudança na lírica de Camões.pptxfabiolalopesmartins1
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADOcarolinacespedes23
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxIsabelaRafael2
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024Jeanoliveira597523
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Centro Jacques Delors
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesMary Alvarenga
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Mary Alvarenga
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMVanessaCavalcante37
 

Último (20)

Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdf
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
 
Slides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSlides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptx
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdf
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
 
Lírica Camoniana- A mudança na lírica de Camões.pptx
Lírica Camoniana- A mudança na lírica de Camões.pptxLírica Camoniana- A mudança na lírica de Camões.pptx
Lírica Camoniana- A mudança na lírica de Camões.pptx
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das Mães
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
 
Em tempo de Quaresma .
Em tempo de Quaresma                            .Em tempo de Quaresma                            .
Em tempo de Quaresma .
 

Avaliação Acessibilidade Câmara Guimarães

  • 1. Acessibilidades e Usabilidades de Interface Proposta 1 Câmara Municipal de Guimarães
  • 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. 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. 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. 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. à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. 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. 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. 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. 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.