SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
Página Web analisada com Acessmonitor para as WCAG 2.0
http://www.acessibilidade.gov.pt/accessmonitor/
Trabalho realizado por Ana Paula Ferreira
no âmbito do Mooc Inclusão e acessibilidades 2014
2
A ferramenta Acessmonitor é o validador automático da UMIC
 A Unidade de Acesso da FTC desenvolveu a ferramenta AccessMonitor de
avaliação de acessibilidades de um sítioWeb, uma página face às WCAG 2.0
 O Acessmonitor pode ser usado a partir de um qualquer dispositivo que
corra um navegadorWeb.
 O índice Acessmonitor vai de 0-10.
 Atribui um selo dinâmico de certificação.
 O fornecimento da informação de forma contextualizada torna a
documentaçãoW3C mais fácil de ler, (fornece um conjunto de informação
para os programadores poderem melhorar a acessibilidade do site).
3
http://www.iefp.pt/perfil/paginas/deficiencia.aspx
4
5
6
Esta técnica WCAG 2.0 está relacionada com a
7
 Directriz 1.1 Alternativas emTexto: Fornecer alternativas em texto para qualquer conteúdo não
textual permitindo,assim, que o mesmo possa ser alterado noutras formas mais adequadas à
necessidade da pessoa, tais como impressão em caracteres ampliados,braille,fala, símbolos ou
linguagem mais simples.
 1.1.1 Conteúdo NãoTextual:Todo o conteúdo não textual que é apresentado ao utilizador tem uma
alternativa em texto que serve finalidade equivalente, excepto para as situações indicadas abaixo. (Nível A)
 Noções sobre CS 1.1.1
 Finalidade do Critério de Sucesso CS 1.1.1
 A finalidade deste Critério de Sucesso é tornar acessíveis, através da utilização de uma alternativa em texto, as
informações transmitidas através de conteúdo não textual. As alternativas em texto são fundamentais para
tornar as informações acessíveis, uma vez que podem ser apresentadas através de qualquer forma sensorial
(por exemplo, visual, auditiva ou táctil) adequada às necessidades do utilizador. Fornecer alternativas em texto
permite que as informações sejam apresentadas de diversas formas, através de diferentes agentes de utilizador.
Por exemplo, uma pessoa que não consegue ver uma imagem pode ouvir a verbalização da alternativa em texto,
utilizando a síntese de fala. Uma pessoa que não consegue ouvir um ficheiro áudio pode ter a alternativa em
texto apresentada de forma a poder lê-lo. No futuro, as alternativas em texto também permitirão que as
informações sejam mais facilmente convertidas em língua gestual ou numa forma mais simples da mesma
linguagem.
 As 29 imagens em que a legenda é um espaço vazio referem-se às marcas de parágrafo.
8
9
10
11
12
13
14
15
16
17

Mais conteúdo relacionado

Semelhante a Analise de websites_face_as_wcag2.0

Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPAcessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Lucas J Silva
 
Acessibilidade em Aplicações Web
Acessibilidade em Aplicações WebAcessibilidade em Aplicações Web
Acessibilidade em Aplicações Web
Sofia Costa
 

Semelhante a Analise de websites_face_as_wcag2.0 (20)

Web acessível
Web acessívelWeb acessível
Web acessível
 
Usability x Accessibility - 2008 (Portuguese, pt-BR)
Usability x Accessibility - 2008 (Portuguese, pt-BR)Usability x Accessibility - 2008 (Portuguese, pt-BR)
Usability x Accessibility - 2008 (Portuguese, pt-BR)
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPAcessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
 
Relatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFSRelatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFS
 
Palestra - Testes de Acessibilidade
Palestra - Testes de AcessibilidadePalestra - Testes de Acessibilidade
Palestra - Testes de Acessibilidade
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Ambientes virtuais e_mídias_de_comunicação_02_a_pvou114_ravel_gimenes
Ambientes virtuais e_mídias_de_comunicação_02_a_pvou114_ravel_gimenes Ambientes virtuais e_mídias_de_comunicação_02_a_pvou114_ravel_gimenes
Ambientes virtuais e_mídias_de_comunicação_02_a_pvou114_ravel_gimenes
 
Oficina Ases2.0 beta6.0 - André Luiz Rezende
Oficina Ases2.0 beta6.0 - André Luiz RezendeOficina Ases2.0 beta6.0 - André Luiz Rezende
Oficina Ases2.0 beta6.0 - André Luiz Rezende
 
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
 
Interatividade
InteratividadeInteratividade
Interatividade
 
Conic coint
Conic cointConic coint
Conic coint
 
Ciiee
CiieeCiiee
Ciiee
 
Apresentação de LINGUAGEM DE Programação para Internet
Apresentação de LINGUAGEM DE Programação para InternetApresentação de LINGUAGEM DE Programação para Internet
Apresentação de LINGUAGEM DE Programação para Internet
 
Sofiatdc2011 111030182133-phpapp01
Sofiatdc2011 111030182133-phpapp01Sofiatdc2011 111030182133-phpapp01
Sofiatdc2011 111030182133-phpapp01
 
Acessibilidade em Aplicações Web
Acessibilidade em Aplicações WebAcessibilidade em Aplicações Web
Acessibilidade em Aplicações Web
 
DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes Visuais
 

Último

PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 
Aula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptxAula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptx
andrenespoli3
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
FabianeMartins35
 

Último (20)

About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptx
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVAEDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
Aula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptxAula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptx
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 

Analise de websites_face_as_wcag2.0

  • 1. Página Web analisada com Acessmonitor para as WCAG 2.0 http://www.acessibilidade.gov.pt/accessmonitor/ Trabalho realizado por Ana Paula Ferreira no âmbito do Mooc Inclusão e acessibilidades 2014
  • 2. 2 A ferramenta Acessmonitor é o validador automático da UMIC  A Unidade de Acesso da FTC desenvolveu a ferramenta AccessMonitor de avaliação de acessibilidades de um sítioWeb, uma página face às WCAG 2.0  O Acessmonitor pode ser usado a partir de um qualquer dispositivo que corra um navegadorWeb.  O índice Acessmonitor vai de 0-10.  Atribui um selo dinâmico de certificação.  O fornecimento da informação de forma contextualizada torna a documentaçãoW3C mais fácil de ler, (fornece um conjunto de informação para os programadores poderem melhorar a acessibilidade do site).
  • 4. 4
  • 5. 5
  • 6. 6
  • 7. Esta técnica WCAG 2.0 está relacionada com a 7  Directriz 1.1 Alternativas emTexto: Fornecer alternativas em texto para qualquer conteúdo não textual permitindo,assim, que o mesmo possa ser alterado noutras formas mais adequadas à necessidade da pessoa, tais como impressão em caracteres ampliados,braille,fala, símbolos ou linguagem mais simples.  1.1.1 Conteúdo NãoTextual:Todo o conteúdo não textual que é apresentado ao utilizador tem uma alternativa em texto que serve finalidade equivalente, excepto para as situações indicadas abaixo. (Nível A)  Noções sobre CS 1.1.1  Finalidade do Critério de Sucesso CS 1.1.1  A finalidade deste Critério de Sucesso é tornar acessíveis, através da utilização de uma alternativa em texto, as informações transmitidas através de conteúdo não textual. As alternativas em texto são fundamentais para tornar as informações acessíveis, uma vez que podem ser apresentadas através de qualquer forma sensorial (por exemplo, visual, auditiva ou táctil) adequada às necessidades do utilizador. Fornecer alternativas em texto permite que as informações sejam apresentadas de diversas formas, através de diferentes agentes de utilizador. Por exemplo, uma pessoa que não consegue ver uma imagem pode ouvir a verbalização da alternativa em texto, utilizando a síntese de fala. Uma pessoa que não consegue ouvir um ficheiro áudio pode ter a alternativa em texto apresentada de forma a poder lê-lo. No futuro, as alternativas em texto também permitirão que as informações sejam mais facilmente convertidas em língua gestual ou numa forma mais simples da mesma linguagem.  As 29 imagens em que a legenda é um espaço vazio referem-se às marcas de parágrafo.
  • 8. 8
  • 9. 9
  • 10. 10
  • 11. 11
  • 12. 12
  • 13. 13
  • 14. 14
  • 15. 15
  • 16. 16
  • 17. 17