SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Módulo 2 - Acessibilidade Web e Tecnologias de Apoio
Analise de websites relativamente
ao cumprimento das regras de
acessibilidade WCAG 2.0
Grupo de trabalho: Biblioteca ISCTE-IUL
Bruno Marçal: bruno.marcal@iscte.pt
Célia Pinto: celia.pinto@iscte.pt
Denise Santos: denise.santos@iscte.pt
Lígia Neto: ligia.neto@iscte.pt
Páginas analisadas:
http://www.iscte-iul.pt/biblioteca.aspx
http://catalogo.biblioteca.iscte-iul.pt
http://repositorio.iscte-iul.pt
http://utilitarios.sid.iscte-iul.pt/inclusiva
Validador:
AccessMonitor (WCAG 2.0)
http://www.acessibilidade.gov.pt/accessmonitor/
Página Oficial da Biblioteca ISCTE-IUL
http://www.iscte-iul.pt/biblioteca.aspx
Principais problemas identificados pelo validador:
• Maioria dos erros dizem respeito a critérios de nível “A”
• Diversas imagens que funcionam como link sem qualquer legenda
• Elementos de formulário sem etiquetas associadas e sem o atributo title
• Constatou-se que não existem links para contornar blocos de texto
• Idioma principal da página não foi referenciado
• O primeiro link da página não nos conduz até à área do conteúdo principal
• Várias tabelas sem células cabeçalho
• Muitos atributos title do elemento link apenas repetem o texto existente no link
• Inúmeros links com o mesmo texto apontam para destinos diferentes
Catálogo Bibliográfico da Biblioteca ISCTE-IUL
http://catalogo.biblioteca.iscte-iul.pt
(software open source Koha)
Principais problemas identificados pelo validador:
• Maioria dos erros dizem igualmente respeito a critérios de nível “A”
• Foram encontradas iframes sem título
• Existem diversos elementos area sem texto alternativo
• Existem igualmente diversas imagens sem legenda
• Constatou-se que não existem links para contornar blocos de texto
• O primeiro link da página não nos conduz até à área do conteúdo principal
• Foram encontradas tabelas sem células cabeçalho
• Diversos links com o mesmo nome que apontam para destinos diferentes
• Inúmeros erros de validação na linguagem de marcação
Repositório ISCTE-IUL
http://repositorio.iscte-iul.pt
(software open source DSpace)
Principais problemas identificados pelo validador:
• Maioria dos erros dizem igualmente respeito a critérios de nível “A” ainda que em menor
número do que nas páginas anteriores
• Foi identificado um formulário sem botão de envio
• Constatou-se que não existem links para contornar blocos de texto
• Idioma principal da página não foi referenciado
• O primeiro link da página não nos conduz até à área do conteúdo principal
• Foram identificados alguns erros de validação na linguagem de marcação
• Foram encontradas tabelas sem células cabeçalho
• Diversos links com o mesmo nome que apontam para destinos diferentes
• Foram encontrados casos em que os cabeçalhos não respeitam a cadeia hierárquica
Página Inclusiva da Biblioteca ISCTE-IUL
http://utilitarios.sid.iscte-iul.pt/inclusiva
Principais preocupações na elaboração da página inclusiva:
• Não foram utilizadas tabelas para proceder à estruturação da página
• O primeiro link da página aponta para a área do conteúdo principal
• Foi respeitada a hierarquia de cabeçalhos
• Foram eliminados elementos gráficos desnecessários
• Foram inseridos alguns links para facilitar a navegação interna
• Os conteúdos da página oficial da Biblioteca ISCTE-IUL foram analisados e
restruturados por forma a apresentar a informação de forma simples e objetiva
• Estamos neste momento a analisar todos os links externos e a avaliar a acessibilidade dos
conteúdos contidos nos mesmos, procedendo sempre que possível à sua substituição
quando os critérios de acessibilidade não são verificados
Principais conclusões
• Alguns dos erros referenciados são transversais às principais páginas da Biblioteca do
ISCTE-IUL
• Nem todos os erros são de fácil resolução (erros estruturais) especialmente quando nos
reportamos a aplicações gratuitas, open source e com um elevado nível de atualizações
• Tendo consciência de que é necessário garantir o acesso à informação por parte de todos
os utilizadores foi criada uma página inclusiva da Biblioteca que contem praticamente
100% dos conteúdos da página oficial, contudo, respeitando todos os critérios de
acessibilidade web
• As questões relacionadas com a acessibilidade na web e a produção de conteúdos
acessíveis é uma prioridade para a Biblioteca ISCTE-IUL, sendo que este levantamento
vem ajudar a identificar algumas das tarefas prioritárias
• Procuraremos passar a mensagem para toda a comunidade ISCTE-IUL de que é
necessário criar páginas web cada vez mais acessíveis e que cumpram os critérios de
validação inscritos nos validadores, como é o caso do Access Monitor

Weitere ähnliche Inhalte

Ähnlich wie Módulo 2 - Acessibilidade Web e Tecnologias de Apoio

Dinâmicas de implementação de software open source numa Biblioteca Universitá...
Dinâmicas de implementação de software open source numa Biblioteca Universitá...Dinâmicas de implementação de software open source numa Biblioteca Universitá...
Dinâmicas de implementação de software open source numa Biblioteca Universitá...
Biblioteca do ISCTE-IUL
 
Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013
Hudson Augusto
 
criacao sites w2
criacao sites w2criacao sites w2
criacao sites w2
gbepaar
 
Criação de Sites
Criação de SitesCriação de Sites
Criação de Sites
gbepaar
 

Ähnlich wie Módulo 2 - Acessibilidade Web e Tecnologias de Apoio (20)

Biblioteca Comum - Catálogo Coletivo das Instituições de Investigação e Ensin...
Biblioteca Comum - Catálogo Coletivo das Instituições de Investigação e Ensin...Biblioteca Comum - Catálogo Coletivo das Instituições de Investigação e Ensin...
Biblioteca Comum - Catálogo Coletivo das Instituições de Investigação e Ensin...
 
Desenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoDesenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - Introdução
 
Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4
 
Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4
 
Avaliação da qualidade de blogues
Avaliação da qualidade de bloguesAvaliação da qualidade de blogues
Avaliação da qualidade de blogues
 
Apresentação seminário pesquisa mídia e educação
Apresentação seminário pesquisa mídia e educaçãoApresentação seminário pesquisa mídia e educação
Apresentação seminário pesquisa mídia e educação
 
Wordpress
WordpressWordpress
Wordpress
 
Dinâmicas de implementação de software open source numa Biblioteca Universitá...
Dinâmicas de implementação de software open source numa Biblioteca Universitá...Dinâmicas de implementação de software open source numa Biblioteca Universitá...
Dinâmicas de implementação de software open source numa Biblioteca Universitá...
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
Web tools pt-br
Web tools pt-brWeb tools pt-br
Web tools pt-br
 
Justificativas para adoção de um Sistema de Gerenciamento de Conteúdos na FAI
Justificativas para adoção de um Sistema de Gerenciamento de Conteúdos na FAIJustificativas para adoção de um Sistema de Gerenciamento de Conteúdos na FAI
Justificativas para adoção de um Sistema de Gerenciamento de Conteúdos na FAI
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8
 
Tecnologias para bibliotecas
Tecnologias para bibliotecasTecnologias para bibliotecas
Tecnologias para bibliotecas
 
Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013
 
Trabalhos Web2
Trabalhos Web2Trabalhos Web2
Trabalhos Web2
 
Trabalhos Web2
Trabalhos Web2Trabalhos Web2
Trabalhos Web2
 
Trabalhos Web2
Trabalhos Web2Trabalhos Web2
Trabalhos Web2
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
 
criacao sites w2
criacao sites w2criacao sites w2
criacao sites w2
 
Criação de Sites
Criação de SitesCriação de Sites
Criação de Sites
 

Kürzlich hochgeladen

Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
LeloIurk1
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
LeloIurk1
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
LeloIurk1
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
WagnerCamposCEA
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
RavenaSales1
 
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptxSlide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
edelon1
 
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
 

Kürzlich hochgeladen (20)

Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptxProjeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
Projeto Nós propomos! Sertã, 2024 - Chupetas Eletrónicas.pptx
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
praticas experimentais 1 ano ensino médio
praticas experimentais 1 ano ensino médiopraticas experimentais 1 ano ensino médio
praticas experimentais 1 ano ensino médio
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
 
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
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptxSlide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
 
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
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.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
 

Módulo 2 - Acessibilidade Web e Tecnologias de Apoio

  • 1. Módulo 2 - Acessibilidade Web e Tecnologias de Apoio Analise de websites relativamente ao cumprimento das regras de acessibilidade WCAG 2.0 Grupo de trabalho: Biblioteca ISCTE-IUL Bruno Marçal: bruno.marcal@iscte.pt Célia Pinto: celia.pinto@iscte.pt Denise Santos: denise.santos@iscte.pt Lígia Neto: ligia.neto@iscte.pt
  • 3. Página Oficial da Biblioteca ISCTE-IUL http://www.iscte-iul.pt/biblioteca.aspx Principais problemas identificados pelo validador: • Maioria dos erros dizem respeito a critérios de nível “A” • Diversas imagens que funcionam como link sem qualquer legenda • Elementos de formulário sem etiquetas associadas e sem o atributo title • Constatou-se que não existem links para contornar blocos de texto • Idioma principal da página não foi referenciado • O primeiro link da página não nos conduz até à área do conteúdo principal • Várias tabelas sem células cabeçalho • Muitos atributos title do elemento link apenas repetem o texto existente no link • Inúmeros links com o mesmo texto apontam para destinos diferentes
  • 4. Catálogo Bibliográfico da Biblioteca ISCTE-IUL http://catalogo.biblioteca.iscte-iul.pt (software open source Koha) Principais problemas identificados pelo validador: • Maioria dos erros dizem igualmente respeito a critérios de nível “A” • Foram encontradas iframes sem título • Existem diversos elementos area sem texto alternativo • Existem igualmente diversas imagens sem legenda • Constatou-se que não existem links para contornar blocos de texto • O primeiro link da página não nos conduz até à área do conteúdo principal • Foram encontradas tabelas sem células cabeçalho • Diversos links com o mesmo nome que apontam para destinos diferentes • Inúmeros erros de validação na linguagem de marcação
  • 5. Repositório ISCTE-IUL http://repositorio.iscte-iul.pt (software open source DSpace) Principais problemas identificados pelo validador: • Maioria dos erros dizem igualmente respeito a critérios de nível “A” ainda que em menor número do que nas páginas anteriores • Foi identificado um formulário sem botão de envio • Constatou-se que não existem links para contornar blocos de texto • Idioma principal da página não foi referenciado • O primeiro link da página não nos conduz até à área do conteúdo principal • Foram identificados alguns erros de validação na linguagem de marcação • Foram encontradas tabelas sem células cabeçalho • Diversos links com o mesmo nome que apontam para destinos diferentes • Foram encontrados casos em que os cabeçalhos não respeitam a cadeia hierárquica
  • 6. Página Inclusiva da Biblioteca ISCTE-IUL http://utilitarios.sid.iscte-iul.pt/inclusiva Principais preocupações na elaboração da página inclusiva: • Não foram utilizadas tabelas para proceder à estruturação da página • O primeiro link da página aponta para a área do conteúdo principal • Foi respeitada a hierarquia de cabeçalhos • Foram eliminados elementos gráficos desnecessários • Foram inseridos alguns links para facilitar a navegação interna • Os conteúdos da página oficial da Biblioteca ISCTE-IUL foram analisados e restruturados por forma a apresentar a informação de forma simples e objetiva • Estamos neste momento a analisar todos os links externos e a avaliar a acessibilidade dos conteúdos contidos nos mesmos, procedendo sempre que possível à sua substituição quando os critérios de acessibilidade não são verificados
  • 7. Principais conclusões • Alguns dos erros referenciados são transversais às principais páginas da Biblioteca do ISCTE-IUL • Nem todos os erros são de fácil resolução (erros estruturais) especialmente quando nos reportamos a aplicações gratuitas, open source e com um elevado nível de atualizações • Tendo consciência de que é necessário garantir o acesso à informação por parte de todos os utilizadores foi criada uma página inclusiva da Biblioteca que contem praticamente 100% dos conteúdos da página oficial, contudo, respeitando todos os critérios de acessibilidade web • As questões relacionadas com a acessibilidade na web e a produção de conteúdos acessíveis é uma prioridade para a Biblioteca ISCTE-IUL, sendo que este levantamento vem ajudar a identificar algumas das tarefas prioritárias • Procuraremos passar a mensagem para toda a comunidade ISCTE-IUL de que é necessário criar páginas web cada vez mais acessíveis e que cumpram os critérios de validação inscritos nos validadores, como é o caso do Access Monitor