SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
Conhecimentos necessários para
 o desenvolvimento de portais,
  ambientes virtuais e cursos a
      distância acessíveis
     PROJETO ACESSIBILIDADE – FACED/UFC
            Ana Karina Morais de Lira
           Fábio José Barbosa da Silva
            Fabíola Costa Leite Barros
             Antônio Sérgio da Silva
               André Luiz Gomes
O que precisamos saber...?

• Condições específicas sobre a deficiência
• O uso da web por pessoas com deficiência
  - facilidades/dificuldades
• Recomendações padrões de acessibilidade
• Tecnologias/ ajudas técnicas
Deficiência visual

• Familiaridade com pessoas
    com deficiência visual:
  - experiência/convivência –
   reflexão sobre as pessoas
   com DV e suas necessidades
    específicas
Acessibilidade na web
Significa que todas as pessoas, inclusive
aquelas com deficiência, utilizando todo tipo
de tecnologia de navegação - navegadores
gráficos, textuais etc. - podem navegar e
interagir com a internet, compreendendo
plenamente as informações disponibilizadas
nos portais, AVA etc.
Garantias legais
• Decreto 5.296/04

 Art. 47. No prazo de até doze meses a contar da data
 de publicação deste Decreto, será obrigatória a
 acessibilidade nos portais e sítios eletrônicos da
 administração pública na rede mundial de
 computadores (Internet), para o uso das pessoas
 portadoras de deficiência visual, garantindo-lhes o
 pleno acesso às informações disponíveis.
Dificuldades
• Imagens sem texto alternativo
• Gráficos sem descrição
• Vídeo sem descrição de texto ou áudio
• Documentos com formatos não
  padronizados
• Tabelas que não fazem sentidos quando
  lidas linearmente
• Ferramentas sem suporte de teclado
Consórcios

•    W3C – World Wide Web Consortium
•   WAI – Web Accessibility Initiative
•   WCAG – Web Content Accessibility Guidelines
•   eMAG – Modelo de Acessibilidade do Governo
    Eletrônico
Recomendações
• Fornecer alternativas em texto ao
  conteúdo sonoro e visual
• Não recorrer apenas a cor
• Permitir a navegação via teclado em todos
  os elementos da página (inclusive Java
  Script, Flash, caixas combinadas, caixas
  de contexto...)
• Criar tabelas passíveis de transformação
  harmoniosa
• Fornecer tempo suficiente aos usuários
  para lerem e utilizarem o conteúdo
• Fornecer atalhos do tipo Ir para Menu, Ir
  para conteúdo, Ir para a Página Principal,
  voltar para a Página Anterior e âncoras
Tecnologias assistivas
Conjunto de artefatos disponibilizados às
pessoas com deficiência, que contribuem
para proporcionar-lhes uma vida mais
independente, com mais qualidade e
possibilidades de inclusão social.
Com destaque àquelas voltadas
   aos Deficientes Visuais
Leitores de tela

•   Jaws
•   Virtual vision
•   NVDA
•   Orca
Dosvox

• Sistema computacional que realiza a
  interface entre usuário e computador através
  de síntese de voz
• Dialoga com o usuário
• Aplicativos: webvox, edivox, cartavox,...
O que precisamos fazer...?

•   Obedecer a legislação
•   Respeito aos web standards
•   Atender as recomendações
•   Validações automáticas e manuais
•   Rever conceitos
Mitos
• A acessibilidade na web é algo complexo para
  o projetista mediano
• Boas tecnologias assistivas podem resolver
  sozinhas
• A acessibilidade à web beneficia apenas as
  pessoas deficientes
• Deficientes não utilizam a web
Andrévox acessando a web
Vantagens
• Comerciais
• Indexação de forma mais rápida e precisa
  pelos mecanismos de busca
• Acesso tanto pelas tecnologias mais
  modernas, como pelas mais antigas
• Razões pessoais - maior experiência com as
  linguagens hipertextuais
Muito Obrigado!!!

Mais conteúdo relacionado

Mais procurados

Rascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebRascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebLucas Augusto Carvalho
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...Claudio Diniz - Designer Gráfico
 
Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Reinaldo Ferraz
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
A biblioteca (in)visível
A biblioteca (in)visívelA biblioteca (in)visível
A biblioteca (in)visívelRita Gonçalves
 
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidadeConteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidadeMárcia Silva Corrêa
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na webailton bsj
 
AvaliaçãO Para Webdesigner
AvaliaçãO Para WebdesignerAvaliaçãO Para Webdesigner
AvaliaçãO Para Webdesignermtmarinho27
 
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 SPLucas J Silva
 

Mais procurados (14)

Rascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebRascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na Web
 
A11y web
A11y webA11y web
A11y web
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
 
Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
Acessibilidade e Tecnologias Assistivas
Acessibilidade e Tecnologias AssistivasAcessibilidade e Tecnologias Assistivas
Acessibilidade e Tecnologias Assistivas
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
A biblioteca (in)visível
A biblioteca (in)visívelA biblioteca (in)visível
A biblioteca (in)visível
 
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidadeConteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
 
Web 2.0 e Biblioteca 2.0
Web 2.0 e Biblioteca 2.0Web 2.0 e Biblioteca 2.0
Web 2.0 e Biblioteca 2.0
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
AvaliaçãO Para Webdesigner
AvaliaçãO Para WebdesignerAvaliaçãO Para Webdesigner
AvaliaçãO Para Webdesigner
 
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
 
Slide Twitter
Slide TwitterSlide Twitter
Slide Twitter
 

Destaque

Guia Operacional de Acessibilidade para Projetos de Desenvolvimento Urbano
Guia Operacional de Acessibilidade para Projetos de Desenvolvimento UrbanoGuia Operacional de Acessibilidade para Projetos de Desenvolvimento Urbano
Guia Operacional de Acessibilidade para Projetos de Desenvolvimento UrbanoScott Rains
 
Requerimento nº 013 12-acessibilidade para cadeirantes no lago bonito
Requerimento nº 013 12-acessibilidade para cadeirantes no lago bonitoRequerimento nº 013 12-acessibilidade para cadeirantes no lago bonito
Requerimento nº 013 12-acessibilidade para cadeirantes no lago bonitocairo
 
ApresentaçãO Acessibilidade
ApresentaçãO AcessibilidadeApresentaçãO Acessibilidade
ApresentaçãO AcessibilidadeEdilma Lima
 
Dicas de acessibilidade
Dicas de acessibilidadeDicas de acessibilidade
Dicas de acessibilidadeAIT5cre
 
Acessibilidade com Desenho Universal
Acessibilidade com Desenho UniversalAcessibilidade com Desenho Universal
Acessibilidade com Desenho UniversalScott Rains
 
Modelo de requerimento MODELO DE REQUERIMENTO Solicitação de acompanha...
Modelo de requerimento  MODELO DE REQUERIMENTO     Solicitação   de acompanha...Modelo de requerimento  MODELO DE REQUERIMENTO     Solicitação   de acompanha...
Modelo de requerimento MODELO DE REQUERIMENTO Solicitação de acompanha...Meri Sandra
 
Modelo Requerimento
Modelo RequerimentoModelo Requerimento
Modelo Requerimentojefrei13
 
Projeto arquitetonico 1
Projeto  arquitetonico 1Projeto  arquitetonico 1
Projeto arquitetonico 1João Batista
 
Modelos de requerimentos
Modelos de requerimentosModelos de requerimentos
Modelos de requerimentosJoas Rodrigues
 
Mobilidade e Acessibilidade Urbana
Mobilidade e Acessibilidade UrbanaMobilidade e Acessibilidade Urbana
Mobilidade e Acessibilidade UrbanaMilton R. Almeida
 
Como Elaborar Projetos Sociais
Como Elaborar Projetos SociaisComo Elaborar Projetos Sociais
Como Elaborar Projetos Sociaisafp.leite
 

Destaque (17)

Guia Operacional de Acessibilidade para Projetos de Desenvolvimento Urbano
Guia Operacional de Acessibilidade para Projetos de Desenvolvimento UrbanoGuia Operacional de Acessibilidade para Projetos de Desenvolvimento Urbano
Guia Operacional de Acessibilidade para Projetos de Desenvolvimento Urbano
 
Requerimento nº 013 12-acessibilidade para cadeirantes no lago bonito
Requerimento nº 013 12-acessibilidade para cadeirantes no lago bonitoRequerimento nº 013 12-acessibilidade para cadeirantes no lago bonito
Requerimento nº 013 12-acessibilidade para cadeirantes no lago bonito
 
Seminário Final
Seminário FinalSeminário Final
Seminário Final
 
ApresentaçãO Acessibilidade
ApresentaçãO AcessibilidadeApresentaçãO Acessibilidade
ApresentaçãO Acessibilidade
 
Dicas de acessibilidade
Dicas de acessibilidadeDicas de acessibilidade
Dicas de acessibilidade
 
Aula da escadas
Aula da escadasAula da escadas
Aula da escadas
 
Beamer modelo2013
Beamer modelo2013Beamer modelo2013
Beamer modelo2013
 
Acessibilidade com Desenho Universal
Acessibilidade com Desenho UniversalAcessibilidade com Desenho Universal
Acessibilidade com Desenho Universal
 
Modelo de requerimento MODELO DE REQUERIMENTO Solicitação de acompanha...
Modelo de requerimento  MODELO DE REQUERIMENTO     Solicitação   de acompanha...Modelo de requerimento  MODELO DE REQUERIMENTO     Solicitação   de acompanha...
Modelo de requerimento MODELO DE REQUERIMENTO Solicitação de acompanha...
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Modelo Requerimento
Modelo RequerimentoModelo Requerimento
Modelo Requerimento
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Mobilidade urbana pdf
 Mobilidade urbana pdf Mobilidade urbana pdf
Mobilidade urbana pdf
 
Projeto arquitetonico 1
Projeto  arquitetonico 1Projeto  arquitetonico 1
Projeto arquitetonico 1
 
Modelos de requerimentos
Modelos de requerimentosModelos de requerimentos
Modelos de requerimentos
 
Mobilidade e Acessibilidade Urbana
Mobilidade e Acessibilidade UrbanaMobilidade e Acessibilidade Urbana
Mobilidade e Acessibilidade Urbana
 
Como Elaborar Projetos Sociais
Como Elaborar Projetos SociaisComo Elaborar Projetos Sociais
Como Elaborar Projetos Sociais
 

Semelhante a Conhecimentos essenciais para desenvolvimento de portais e cursos a distância acessíveis

Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Rodrigo Leme
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Hans Mösl
 
Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessívelMDesign Estúdio
 
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 VisuaisLogan Web
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAlan Vasconcelos
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebLucas Augusto Carvalho
 
Acessibilidade em Aplicações Web
Acessibilidade em Aplicações WebAcessibilidade em Aplicações Web
Acessibilidade em Aplicações WebSofia Costa
 
Segurança e Acessibilidade
Segurança e AcessibilidadeSegurança e Acessibilidade
Segurança e AcessibilidadeFabíola Calixto
 

Semelhante a Conhecimentos essenciais para desenvolvimento de portais e cursos a distância acessíveis (20)

Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessível
 
Design 360º Design
Design 360º Design Design 360º Design
Design 360º Design
 
Fórum latino-americano acessibilidade
Fórum latino-americano acessibilidadeFórum latino-americano acessibilidade
Fórum latino-americano acessibilidade
 
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
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - Mhtx
 
Acessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão AlcolumbreAcessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão Alcolumbre
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
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
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Segurança e Acessibilidade
Segurança e AcessibilidadeSegurança e Acessibilidade
Segurança e Acessibilidade
 

Conhecimentos essenciais para desenvolvimento de portais e cursos a distância acessíveis

  • 1. Conhecimentos necessários para o desenvolvimento de portais, ambientes virtuais e cursos a distância acessíveis PROJETO ACESSIBILIDADE – FACED/UFC Ana Karina Morais de Lira Fábio José Barbosa da Silva Fabíola Costa Leite Barros Antônio Sérgio da Silva André Luiz Gomes
  • 2. O que precisamos saber...? • Condições específicas sobre a deficiência • O uso da web por pessoas com deficiência - facilidades/dificuldades • Recomendações padrões de acessibilidade • Tecnologias/ ajudas técnicas
  • 3. Deficiência visual • Familiaridade com pessoas com deficiência visual: - experiência/convivência – reflexão sobre as pessoas com DV e suas necessidades específicas
  • 4. Acessibilidade na web Significa que todas as pessoas, inclusive aquelas com deficiência, utilizando todo tipo de tecnologia de navegação - navegadores gráficos, textuais etc. - podem navegar e interagir com a internet, compreendendo plenamente as informações disponibilizadas nos portais, AVA etc.
  • 5. Garantias legais • Decreto 5.296/04 Art. 47. No prazo de até doze meses a contar da data de publicação deste Decreto, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de computadores (Internet), para o uso das pessoas portadoras de deficiência visual, garantindo-lhes o pleno acesso às informações disponíveis.
  • 6. Dificuldades • Imagens sem texto alternativo • Gráficos sem descrição • Vídeo sem descrição de texto ou áudio • Documentos com formatos não padronizados • Tabelas que não fazem sentidos quando lidas linearmente • Ferramentas sem suporte de teclado
  • 7. Consórcios • W3C – World Wide Web Consortium • WAI – Web Accessibility Initiative • WCAG – Web Content Accessibility Guidelines • eMAG – Modelo de Acessibilidade do Governo Eletrônico
  • 8. Recomendações • Fornecer alternativas em texto ao conteúdo sonoro e visual • Não recorrer apenas a cor • Permitir a navegação via teclado em todos os elementos da página (inclusive Java Script, Flash, caixas combinadas, caixas de contexto...) • Criar tabelas passíveis de transformação harmoniosa
  • 9. • Fornecer tempo suficiente aos usuários para lerem e utilizarem o conteúdo • Fornecer atalhos do tipo Ir para Menu, Ir para conteúdo, Ir para a Página Principal, voltar para a Página Anterior e âncoras
  • 10. Tecnologias assistivas Conjunto de artefatos disponibilizados às pessoas com deficiência, que contribuem para proporcionar-lhes uma vida mais independente, com mais qualidade e possibilidades de inclusão social.
  • 11. Com destaque àquelas voltadas aos Deficientes Visuais
  • 12. Leitores de tela • Jaws • Virtual vision • NVDA • Orca
  • 13. Dosvox • Sistema computacional que realiza a interface entre usuário e computador através de síntese de voz • Dialoga com o usuário • Aplicativos: webvox, edivox, cartavox,...
  • 14. O que precisamos fazer...? • Obedecer a legislação • Respeito aos web standards • Atender as recomendações • Validações automáticas e manuais • Rever conceitos
  • 15. Mitos • A acessibilidade na web é algo complexo para o projetista mediano • Boas tecnologias assistivas podem resolver sozinhas • A acessibilidade à web beneficia apenas as pessoas deficientes • Deficientes não utilizam a web
  • 17. Vantagens • Comerciais • Indexação de forma mais rápida e precisa pelos mecanismos de busca • Acesso tanto pelas tecnologias mais modernas, como pelas mais antigas • Razões pessoais - maior experiência com as linguagens hipertextuais