SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
Acessibilidade na Web



Tópicos Especiais em Sistemas de Informação

          Lucas Augusto Carvalho

               Prof. Rogério
Agenda

    Introdução



    Diretrizes de acessibilidade



    Ferramentas



    Estudo de Caso



    Vantagens X Desvantagens



    Sítios Acessíveis



    Sítios Úteis



    Referências

Introdução

    Conceito de acessibilidade



    Tipos de necessidades especiais



    Lei Federal de Acessibilidade no Brasil



    World Wide Web Consortium – W3C

Introdução

    Conceito de acessibilidade



        Acessibilidade na Web significa que pessoas
    

        portadoras de necessidades especiais sejam
        capazes de usar a Web.
        Possam perceber, entender, navegar e
    

        interagir de uma maneira efetiva com a Web,
        bem como criar e contribuir com conteúdos
        para a Web.


                  Símbolo de acessibilidade na web.
Introdução

    Tipos de necessidades especiais



        Cegueira
    


        Daltonismo
    


        Baixa visão
    


        Deficiência mental
    


        Deficiência física
    


        Deficiência auditiva
    


        Dislexia
    


        Desordem por Déficit de Atenção
    


        etc...
    
Introdução

    Lei Federal de Acessibilidade no Brasil



        Decreto 5296/04, regulamentou a lei 10.098,
    

        de 19 de dezembro de 2000, que estabelece
        normas gerais e critérios básicos para a
        promoção da acessibilidade.
Introdução

    World Wide Web Consortium – W3C



        consórcio internacional formado por mais de
    

        500 empresas.
        produz padrões (Web standards), diretrizes
    

        (guidelines), recomendações e protocolos
        para a criação de conteúdos para web com o
        objetivo de garantir a sua interoperabilidade.
        Alguns dos seus padrões:
    


          HTML, XHTML, CSS, XML, PNG e etc.
Introdução

    World Wide Web Consortium – W3C



        A Web Accessibility Initiative (WAI) desenvolve
    

        diretrizes para acessibilidade de Web sites,
        navegadores, e ferramentas de criação de
        conteúdo, a fim de tornar mais fácil para pessoas
        portadoras de necessidades o usa da Web.
Diretrizes de acessibilidade


    Diretrizes de acessibilidade ao conteúdo da


    Web (WCAG)
        Prioridade 1 (nível A)
    


             Pontos que os criadores de conteúdo Web
         

             devem satisfazer inteiramente.
        Prioridade 2 (nível AA)
    


             Pontos que os criadores de conteúdos na Web
         

             deveriam satisfazer.
        Prioridade 3 (nível AAA)
    


             Pontos que os criadores de conteúdos na Web
         

             podem satisfazer.
Diretrizes de acessibilidade


    Modelo de Acessibilidade em Governo


    Eletrônico – e-MAG
        Foi publicada no Diário Oficial da União do dia 08
    

        de maio de 2007, a Portaria de N ° 3 que determina
        a sua adoção pelos órgãos e entidades da
        Administração Pública Federal direta, autárquica e
        fundacional.
Ferramentas

    Ferramentas Assistivas



        Leitor de Tela
    


        Navegador textual
    


        Ampliador de tela
    


        Sintetizador de voz
    


        Reconhecedor de voz
    


        Navegador com voz
    


        Teclado alternativo
    
Ferramentas

    Ferramentas Assistivas



        Player Rybená
    


                  Funciona como um tradutor, auxiliando na
              

                  compreensão do conteúdo de textos em
                  português. É capaz de converter qualquer página
                  da Internet ou texto escrito em português para a
                  Língua Brasileira de Sinais - LIBRAS.
                  É disponibilizado em um sítio, onde os usuários
              

                  poderão selecionar com o mouse qualquer parte
                  do texto do portal e ver a tradução em LIBRAS
                  por intermédio de um simpático desenho
                  animado.

                  Utilizado pela UFPE.
              
Ferramentas

    Ferramentas Assistivas



        Dosvox
    


             Núcleo de Computação Eletrônica da Universidade
         

             Federal do Rio de Janeiro (UFRJ)
             é um sistema destinado a auxiliar o deficiente visual a
         

             fazer uso de microcomputadores da linha PC, através do
             uso de sintetizador de voz.
             implementado por programadores deficientes visuais, que
         

             fazem uso do próprio sistema DOSVOX, sem necessitar
             de ajuda de pessoas videntes.
Ferramentas

    Ferramentas Assistivas



        Dosvox
    
Ferramentas

    Ferramentas de Validação de Acessibilidade



        DaSilva
    


             Primeiro validador de lingua portuguesa.
         


             Diretrizes
         


                  WCAG 1.0
              


                  E-Gov
              
Ferramentas

    Ferramentas de Validação de Acessibilidade



        Valida Web
    


             Diretriz
         


                  WCAG 1.0
              
Estudo de Caso

    Utilizaremos a ferramenta de validação DaSilva


    para verificarmos a validação da acessibilidade
    do Portal da Universidade Federal de Sergipe.
    Após a verificação, usaremos a ferramenta


    Dosvox para acessar o portal, assim como uma
    pessoa com deficiência visual entraria e
    verificaremos o grau de dificuldade em navegar
    pelo portal.
    Ao fim da navegação, verificamos o quanto


    difícil é para os portadores de necessidades
    especiais navegarem pelo portal da UFS.
Vantagens X Desvantagens

    Vantagens



        Seu site visível a todos
    


             navegadores antigos, pessoas com dificuldades visuais,
         

             auditivas, idosos e etc...
        Seu site visível em qualquer dispositivo
    


             leitor de tela, celular, PDA, SmartPhone, etc...
         



        Seu site gerando mais receita
    


             conteúdo mais amigável aos robores dos buscadores.
         
Vantagens X Desvantagens

    Desvantagens



        Requer mais tempo para desenvolvimento de sítios
    

        acessíveis
        Falta de pessoal qualificado
    


        Maior investimento
    
Sítios Acessíveis

    Ministério da Ciência e Tecnologia


    http://acessibilidade.mct.gov.br
    Deputado Chico Leite - DF



    www.websis.com.br/chicoleite/


    Lista de Sítios (386 até 27/11/2007)



        www.dasilva.org.br/?blogid=1&catid=1
    
Sítios Úteis

    DaSilva - www.dasilva.org.br



    Rybená - www.rybena.org.br



    Valida Web - www.rybenamobile.com.br/wai



    Projeto Dosvox - http://caec.nce.ufrj.br/dosvox



    Maujor - www.maujor.com



    W3C - www.w3c.org/WAI



    Acessibilidade Brasil - www.acessobrasil.org.br



    Tecnologia Assistiva - www.assistiva.org.br

Sítios Úteis

    Acesso Digital - www.acessodigital.net



    Tableless - www.tableless.com.br

Acessibilidade




     FIM.

Weitere ähnliche Inhalte

Ähnlich wie Acessibilidade na Web: Ferramentas e Diretrizes

Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Programas para deficiente visual lorena
Programas para deficiente visual lorenaProgramas para deficiente visual lorena
Programas para deficiente visual lorenaimessm
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Rodrigo Leme
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webBruno Borges
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveisLeandro Borges
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebLucas Augusto Carvalho
 
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 RezendeGovBR
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivabarbaragratao
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivabarbaragratao
 
ASES - Ferramenta de teste e acessibilidade
ASES - Ferramenta de teste e acessibilidade ASES - Ferramenta de teste e acessibilidade
ASES - Ferramenta de teste e acessibilidade GovBR
 
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
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 
E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2Leo Serrao
 

Ähnlich wie Acessibilidade na Web: Ferramentas e Diretrizes (20)

Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Programas para deficiente visual lorena
Programas para deficiente visual lorenaProgramas para deficiente visual lorena
Programas para deficiente visual lorena
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na web
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
Aula 07 acessibilidade
Aula 07  acessibilidadeAula 07  acessibilidade
Aula 07 acessibilidade
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
W3 C E Usabilidade
W3 C E UsabilidadeW3 C E Usabilidade
W3 C E Usabilidade
 
Aula 07 - Web
Aula 07 - WebAula 07 - Web
Aula 07 - Web
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
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
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistiva
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistiva
 
ASES - Ferramenta de teste e acessibilidade
ASES - Ferramenta de teste e acessibilidade ASES - Ferramenta de teste e acessibilidade
ASES - Ferramenta de teste e 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
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2
 

Mehr von Lucas Augusto Carvalho

Pexincha: Startup Weekend São Paulo Retail+Tech 2018
Pexincha: Startup Weekend São Paulo Retail+Tech 2018Pexincha: Startup Weekend São Paulo Retail+Tech 2018
Pexincha: Startup Weekend São Paulo Retail+Tech 2018Lucas Augusto Carvalho
 
Requirements for Supporting the Iterative Exploration of Scientific Workflow ...
Requirements for Supporting the Iterative Exploration of Scientific Workflow ...Requirements for Supporting the Iterative Exploration of Scientific Workflow ...
Requirements for Supporting the Iterative Exploration of Scientific Workflow ...Lucas Augusto Carvalho
 
Converting Scripts into Reproducible Workflow Research Objects
Converting Scripts into Reproducible Workflow Research ObjectsConverting Scripts into Reproducible Workflow Research Objects
Converting Scripts into Reproducible Workflow Research ObjectsLucas Augusto Carvalho
 
Google Analytics: Como explorar suas estatísticas para fazer mais negócios.
Google Analytics: Como explorar suas estatísticas para fazer mais negócios.Google Analytics: Como explorar suas estatísticas para fazer mais negócios.
Google Analytics: Como explorar suas estatísticas para fazer mais negócios.Lucas Augusto Carvalho
 
TV Digital interativa - Projeto TeouVi
TV Digital interativa - Projeto TeouViTV Digital interativa - Projeto TeouVi
TV Digital interativa - Projeto TeouViLucas Augusto Carvalho
 
Palestra - Symfony Framework MVC PHP 5
Palestra - Symfony Framework MVC PHP 5Palestra - Symfony Framework MVC PHP 5
Palestra - Symfony Framework MVC PHP 5Lucas Augusto Carvalho
 

Mehr von Lucas Augusto Carvalho (12)

Pexincha: Startup Weekend São Paulo Retail+Tech 2018
Pexincha: Startup Weekend São Paulo Retail+Tech 2018Pexincha: Startup Weekend São Paulo Retail+Tech 2018
Pexincha: Startup Weekend São Paulo Retail+Tech 2018
 
Requirements for Supporting the Iterative Exploration of Scientific Workflow ...
Requirements for Supporting the Iterative Exploration of Scientific Workflow ...Requirements for Supporting the Iterative Exploration of Scientific Workflow ...
Requirements for Supporting the Iterative Exploration of Scientific Workflow ...
 
NiW: Notebooks into Workflows
NiW: Notebooks into WorkflowsNiW: Notebooks into Workflows
NiW: Notebooks into Workflows
 
Converting Scripts into Reproducible Workflow Research Objects
Converting Scripts into Reproducible Workflow Research ObjectsConverting Scripts into Reproducible Workflow Research Objects
Converting Scripts into Reproducible Workflow Research Objects
 
Conhecendo a rede social Google+
Conhecendo a rede social Google+Conhecendo a rede social Google+
Conhecendo a rede social Google+
 
Empreendedorismo Digital - versão 2
Empreendedorismo Digital - versão 2Empreendedorismo Digital - versão 2
Empreendedorismo Digital - versão 2
 
Empreendedorismo Digital
Empreendedorismo DigitalEmpreendedorismo Digital
Empreendedorismo Digital
 
Sistemas de Recomendação na web
Sistemas de Recomendação na webSistemas de Recomendação na web
Sistemas de Recomendação na web
 
Google Analytics: Como explorar suas estatísticas para fazer mais negócios.
Google Analytics: Como explorar suas estatísticas para fazer mais negócios.Google Analytics: Como explorar suas estatísticas para fazer mais negócios.
Google Analytics: Como explorar suas estatísticas para fazer mais negócios.
 
TV Digital interativa - Projeto TeouVi
TV Digital interativa - Projeto TeouViTV Digital interativa - Projeto TeouVi
TV Digital interativa - Projeto TeouVi
 
Palestra - SEO - Otimização Busca
Palestra - SEO - Otimização BuscaPalestra - SEO - Otimização Busca
Palestra - SEO - Otimização Busca
 
Palestra - Symfony Framework MVC PHP 5
Palestra - Symfony Framework MVC PHP 5Palestra - Symfony Framework MVC PHP 5
Palestra - Symfony Framework MVC PHP 5
 

Acessibilidade na Web: Ferramentas e Diretrizes

  • 1. Acessibilidade na Web Tópicos Especiais em Sistemas de Informação Lucas Augusto Carvalho Prof. Rogério
  • 2. Agenda Introdução  Diretrizes de acessibilidade  Ferramentas  Estudo de Caso  Vantagens X Desvantagens  Sítios Acessíveis  Sítios Úteis  Referências 
  • 3. Introdução Conceito de acessibilidade  Tipos de necessidades especiais  Lei Federal de Acessibilidade no Brasil  World Wide Web Consortium – W3C 
  • 4. Introdução Conceito de acessibilidade  Acessibilidade na Web significa que pessoas  portadoras de necessidades especiais sejam capazes de usar a Web. Possam perceber, entender, navegar e  interagir de uma maneira efetiva com a Web, bem como criar e contribuir com conteúdos para a Web. Símbolo de acessibilidade na web.
  • 5. Introdução Tipos de necessidades especiais  Cegueira  Daltonismo  Baixa visão  Deficiência mental  Deficiência física  Deficiência auditiva  Dislexia  Desordem por Déficit de Atenção  etc... 
  • 6. Introdução Lei Federal de Acessibilidade no Brasil  Decreto 5296/04, regulamentou a lei 10.098,  de 19 de dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade.
  • 7. Introdução World Wide Web Consortium – W3C  consórcio internacional formado por mais de  500 empresas. produz padrões (Web standards), diretrizes  (guidelines), recomendações e protocolos para a criação de conteúdos para web com o objetivo de garantir a sua interoperabilidade. Alguns dos seus padrões:   HTML, XHTML, CSS, XML, PNG e etc.
  • 8. Introdução World Wide Web Consortium – W3C  A Web Accessibility Initiative (WAI) desenvolve  diretrizes para acessibilidade de Web sites, navegadores, e ferramentas de criação de conteúdo, a fim de tornar mais fácil para pessoas portadoras de necessidades o usa da Web.
  • 9. Diretrizes de acessibilidade Diretrizes de acessibilidade ao conteúdo da  Web (WCAG) Prioridade 1 (nível A)  Pontos que os criadores de conteúdo Web  devem satisfazer inteiramente. Prioridade 2 (nível AA)  Pontos que os criadores de conteúdos na Web  deveriam satisfazer. Prioridade 3 (nível AAA)  Pontos que os criadores de conteúdos na Web  podem satisfazer.
  • 10. Diretrizes de acessibilidade Modelo de Acessibilidade em Governo  Eletrônico – e-MAG Foi publicada no Diário Oficial da União do dia 08  de maio de 2007, a Portaria de N ° 3 que determina a sua adoção pelos órgãos e entidades da Administração Pública Federal direta, autárquica e fundacional.
  • 11. Ferramentas Ferramentas Assistivas  Leitor de Tela  Navegador textual  Ampliador de tela  Sintetizador de voz  Reconhecedor de voz  Navegador com voz  Teclado alternativo 
  • 12. Ferramentas Ferramentas Assistivas  Player Rybená  Funciona como um tradutor, auxiliando na  compreensão do conteúdo de textos em português. É capaz de converter qualquer página da Internet ou texto escrito em português para a Língua Brasileira de Sinais - LIBRAS. É disponibilizado em um sítio, onde os usuários  poderão selecionar com o mouse qualquer parte do texto do portal e ver a tradução em LIBRAS por intermédio de um simpático desenho animado. Utilizado pela UFPE. 
  • 13. Ferramentas Ferramentas Assistivas  Dosvox  Núcleo de Computação Eletrônica da Universidade  Federal do Rio de Janeiro (UFRJ) é um sistema destinado a auxiliar o deficiente visual a  fazer uso de microcomputadores da linha PC, através do uso de sintetizador de voz. implementado por programadores deficientes visuais, que  fazem uso do próprio sistema DOSVOX, sem necessitar de ajuda de pessoas videntes.
  • 14. Ferramentas Ferramentas Assistivas  Dosvox 
  • 15. Ferramentas Ferramentas de Validação de Acessibilidade  DaSilva  Primeiro validador de lingua portuguesa.  Diretrizes  WCAG 1.0  E-Gov 
  • 16. Ferramentas Ferramentas de Validação de Acessibilidade  Valida Web  Diretriz  WCAG 1.0 
  • 17. Estudo de Caso Utilizaremos a ferramenta de validação DaSilva  para verificarmos a validação da acessibilidade do Portal da Universidade Federal de Sergipe. Após a verificação, usaremos a ferramenta  Dosvox para acessar o portal, assim como uma pessoa com deficiência visual entraria e verificaremos o grau de dificuldade em navegar pelo portal. Ao fim da navegação, verificamos o quanto  difícil é para os portadores de necessidades especiais navegarem pelo portal da UFS.
  • 18. Vantagens X Desvantagens Vantagens  Seu site visível a todos  navegadores antigos, pessoas com dificuldades visuais,  auditivas, idosos e etc... Seu site visível em qualquer dispositivo  leitor de tela, celular, PDA, SmartPhone, etc...  Seu site gerando mais receita  conteúdo mais amigável aos robores dos buscadores. 
  • 19. Vantagens X Desvantagens Desvantagens  Requer mais tempo para desenvolvimento de sítios  acessíveis Falta de pessoal qualificado  Maior investimento 
  • 20. Sítios Acessíveis Ministério da Ciência e Tecnologia  http://acessibilidade.mct.gov.br Deputado Chico Leite - DF  www.websis.com.br/chicoleite/ Lista de Sítios (386 até 27/11/2007)  www.dasilva.org.br/?blogid=1&catid=1 
  • 21. Sítios Úteis DaSilva - www.dasilva.org.br  Rybená - www.rybena.org.br  Valida Web - www.rybenamobile.com.br/wai  Projeto Dosvox - http://caec.nce.ufrj.br/dosvox  Maujor - www.maujor.com  W3C - www.w3c.org/WAI  Acessibilidade Brasil - www.acessobrasil.org.br  Tecnologia Assistiva - www.assistiva.org.br 
  • 22. Sítios Úteis Acesso Digital - www.acessodigital.net  Tableless - www.tableless.com.br 