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

Atividade com a letra da música Meu Abrigo
Atividade com a letra da música Meu AbrigoAtividade com a letra da música Meu Abrigo
Atividade com a letra da música Meu AbrigoMary Alvarenga
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasRicardo Diniz campos
 
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino FundamentalCartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamentalgeone480617
 
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbv19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbyasminlarissa371
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxIsabellaGomes58
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfIedaGoethe
 
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfO Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfPastor Robson Colaço
 
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxSlides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxLuizHenriquedeAlmeid6
 
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSOVALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSOBiatrizGomes1
 
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASQUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASEdinardo Aguiar
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfIedaGoethe
 
Doutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptxDoutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptxThye Oliver
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOMarcosViniciusLemesL
 
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
 
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 anoAdelmaTorres2
 
Currículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfCurrículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfIedaGoethe
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxDeyvidBriel
 

Último (20)

Atividade com a letra da música Meu Abrigo
Atividade com a letra da música Meu AbrigoAtividade com a letra da música Meu Abrigo
Atividade com a letra da música Meu Abrigo
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecas
 
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino FundamentalCartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
 
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbv19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
HORA DO CONTO5_BECRE D. CARLOS I_2023_2024
 
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdfO Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
O Universo Cuckold - Compartilhando a Esposas Com Amigo.pdf
 
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxSlides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
 
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSOVALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
VALORES HUMANOS NA DISCIPLINA DE ENSINO RELIGIOSO
 
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASQUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
 
Doutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptxDoutrina Deus filho e Espírito Santo.pptx
Doutrina Deus filho e Espírito Santo.pptx
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
 
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
 
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
 
Currículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfCurrículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdf
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
 
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
 

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.