SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
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
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 

Dernier (20)

Pesquisa Ação René Barbier Livro acadêmico
Pesquisa Ação René Barbier Livro  acadêmicoPesquisa Ação René Barbier Livro  acadêmico
Pesquisa Ação René Barbier Livro acadêmico
 
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 ...
 
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
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
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
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenos
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
Conflitos entre: ISRAEL E PALESTINA.pdf
Conflitos entre:  ISRAEL E PALESTINA.pdfConflitos entre:  ISRAEL E PALESTINA.pdf
Conflitos entre: ISRAEL E PALESTINA.pdf
 
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
 
LENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretaçãoLENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretação
 
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
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
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
 
GÊNERO CARTAZ - o que é, para que serve.pptx
GÊNERO CARTAZ - o que é, para que serve.pptxGÊNERO CARTAZ - o que é, para que serve.pptx
GÊNERO CARTAZ - o que é, para que serve.pptx
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
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
 

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