SlideShare uma empresa Scribd logo
1 de 31
Baixar para ler offline
Mitos da Acessibilidade Web


            Magda Joana Silva

           magdajoanasilva@gmail.com




                      

                                       SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     


        igualdade de acesso a Web sites a pessoas com limitações




                                      

                                             Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

      


         igualdade de acesso a Web sites a pessoas com limitações




    proporcionar um melhor acesso à informação de Web sites a todos 

                        os utilizadores da Internet


                                       

                                               Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     


    Se um Web site não for completamente acessível, então prover 

           uma versão alternativa de conteúdo equivalente




                                    

                                           Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     
         Pessoas com limitação ou incapacidade visual
        ➔




                ●
                    Cegueira
                ●
                    Dificuldade de visão
                ●
                    Daltonismo




                                      

                                            Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     
         Pessoas com limitação ou incapacidade auditiva
        ➔




                ●
                    Surdez
                ●
                    Dificuldade de audição




                                      

                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     
         Pessoas com limitação física
        ➔




                 ●
                     Deficiência motora
                 ●
                     Dificuldade de coordenação motora
                 ●
                     Pouca sensibilidade ao tacto




                                       

                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     
         Pessoas com limitações cognitivas ou neurológicas
        ➔




                 ●
                     Dislexia
                 ●
                     Défice de atenção
                 ●
                     Limitações intelectuais
                 ●
                     Problemas de memória
                 ●
                     Doenças mentais
                 ●
                     Epilepsia          

                                                Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web

     
         Todos os utilizadores no geral
        ➔




                ●
                    Cansaço, lesões
                ●
                    Tipo de ligação à Internet
                ●
                    Sistema operativo em uso
                ●
                    Web browser em uso
                ●
                    Dispositivo de acesso à Internet
                ●
                    A língua nativa    

                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectivas

     
        ➔
          Responsabilidade social




                               

                                     Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectivas

     
        ➔
          Responsabilidade social




                           ?
                               

                                     Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectivas

     
        ➔
          Responsabilidade social
        ➔
          Desenvolvimento técnico
        ➔
          Financeira
        ➔
          Aplicação tecnológica
        ➔
          Legal




                                   

                                       Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectiva de Desenvolvimento Técnico

     
         Uso de CSS
        ➔




               ●
                   Maior facilidade na mudança do layout
               ●
                   Maior rapidez na mudança do layout




                                     

                                            Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectiva Financeira

      
         ➔
           Maior acessibilidade  =>  aumento do número de visitantes
         ➔
           Uso de CSS + Qualidade do HTML  =>  optimização do Web 

                                                                 site para motores de busca
         ➔
           Uso de CSS  =>  rapidez na leitura de páginas
         ➔
           Garantia de Acessibilidade  =>  símbolo de qualidade 




                                                 

                                                           Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectiva da Aplicação Tecnológica

      
         ➔
           Existência de conteúdo equivalente de imagens, flash e 
         javascript  

                                                 =>  

         maior adaptabilidade a MIDs (Mobile Internet Device: PDA, 
         SmartPhone, iPod touch, Tablet, ...)




                                                         

                                                             Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade Web – Perspectiva Legal

     
         Resolução  do Conselho de Ministros 155/2007
        ➔




              ... sítios da Internet do Governo e dos serviços e organismos públicos da 
            administração central sejam escolhidas de forma a permitirem ou facilitarem o 
            seu acesso pelos cidadãos com necessidades especiais, devendo respeitar o 
                                      nível de conformidade «A»  ...

           ... sítios da Internet do Governo e dos serviços e organismos públicos da 
        administração central que impliquem a prestação de serviços transaccionais aos 
                       cidadãos respeitem o nível de conformidade «AA» ...

            das directrizes sobre a acessibilidade do conteúdo da web, desenvolvidas pelo 
                                  World Wide Web Consortium (W3C)

                                                   

                                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Conformidade Web

     
         Web Content Accessibility Guidelines: WCAG 2.0
        ➔




                ●
                    Percepção do conteúdo
                ●
                    Operabilidade
                ●
                    Compreensão
                ●
                    Robustez 



                                     

                                             Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Conformidade Web

     
         Web Content Accessibility Guidelines: Conformidade
        ➔




                ●
                    Níveis de conformidade: A, AA, AAA 
                ●
                    Páginas completas 
                ●
                    Processos completos
                ●
                    Diferentes tipos de tecnologias alternativas
                ●
                    Não interferência 
                                       

                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade e Conformidade Web

     
          Acessibilidade é igual a Conformidade




                              

                                      Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade e Conformidade Web

     
          Acessibilidade é igual a Conformidade




          Acessibilidade contém a Conformidade




                              

                                      Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Acessibilidade e Conformidade Web

     
             Acessibilidade é igual a Conformidade




             Acessibilidade contém a Conformidade




        uma  página acessível está perto de ser conforme
                                  

                                         Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível

     
        ➔
          Escrever um bom código HTML




                             

                                    Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível

     
        ➔
          Escrever um bom código HTML




                         ?
                             

                                    Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível

     
         Ter um bom conteúdo
        ➔




                ●
                    Claro e objectivo
                ●
                    Sem erros ortográficos
                ●
                    Textos pequenos




                                         

                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível

     
         Ter uma boa estruturação conteúdo
        ➔




                ●
                    Menus bem identificados e agrupados por contexto
                ●
                    Links bem identificados e com títulos descritivos
                ●
                    Utilização de títulos que situem o contexto do 

                    conteúdo
                ●
                    Sequência lógica na apresentação do conteúdo
                                       
                ●
                    Boa legendagem dos formulários ?
                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível

     
         Ter uma boa estruturação conteúdo (cont.)
        ➔




                 ●
                     Bom contraste de cores
                 ●
                     Fluidez do design
                 ●
                     Uma boa leitura dos conteúdos quando os estilos 

                     associados à página estão desactivados
                 ●
                     Design consistente entre as páginas do mesmo 
 
                     Web site             

                                               Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível

     
         Implementação
        ➔




                ●
                    Uso de CSS
                ●
                    Evitar o uso de tabelas, e quando necessárias, 

                    utilizar labels para identificar o conteúdo ?
                ●
                    Utilizar estilos que permitam o reajustamento de 

                    tamanho de fontes
                                       

                                               Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível


      Implementação
     ➔




             ●
                 Garantir a boa leitura das páginas em diferentes 

                 browsers
             ●
                 Utilizar conteúdo equivalente em imagens, gráficos, 

                 scripts, ficheiros multimédia, ?

             ●
                 Proporcionar skip links ?
                                    

                                              Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível


      Implementação
     ➔




             ●
                 Criar uma página com indicações da acessibilidade 

                 do Web site ?

             ●
                 Utilizar teclas de atalho ?

             ●
                 Utilizar acrónimos ?

 
             ●
                 Utilizar tabindex ? 

                                            Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




Tornar um Web site Acessível


     O que não fazer durante a implementação
     ➔




             ●
                 Utilizar longas descrições nos atributos alt e title
             ●
                 Utilizar caracteres aleatórios para separar links
             ●
                 Usar texto para preencher campos vazios em 

                 formulários
             ●
                 Utilizar pop­ups

 
             ●
                 Sobrecarregar as páginas com informação e 
                                  

                                             Magda Joana Silva ­ SAPO Codebits 2008
Mitos da Acessibilidade Web




    Acessibilidade Web


          implica



       Bom Senso




              

                     Magda Joana Silva ­ SAPO Codebits 2008

Mais conteúdo relacionado

Mais de codebits

Speak up: como criar Speech-based apps
Speak up: como criar Speech-based appsSpeak up: como criar Speech-based apps
Speak up: como criar Speech-based appscodebits
 
XMPP Hands-On
XMPP Hands-OnXMPP Hands-On
XMPP Hands-Oncodebits
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunnercodebits
 
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...codebits
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunnercodebits
 
Exploring XMPP
Exploring XMPPExploring XMPP
Exploring XMPPcodebits
 
Sapo BUS Hands-On
Sapo BUS Hands-OnSapo BUS Hands-On
Sapo BUS Hands-Oncodebits
 
Qtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencerQtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencercodebits
 
Making the Chumby
Making the ChumbyMaking the Chumby
Making the Chumbycodebits
 
Globs - Gestão de Glossários
Globs - Gestão de GlossáriosGlobs - Gestão de Glossários
Globs - Gestão de Glossárioscodebits
 
ATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de TraduçõesATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de Traduçõescodebits
 
Alto Desempenho com Java
Alto Desempenho com JavaAlto Desempenho com Java
Alto Desempenho com Javacodebits
 
Sapo GIS Hands-On
Sapo GIS Hands-OnSapo GIS Hands-On
Sapo GIS Hands-Oncodebits
 
Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008codebits
 
Optimização de pesquisas Web utilizando Colónias de Formigas
Optimização de pesquisas Web utilizando Colónias de FormigasOptimização de pesquisas Web utilizando Colónias de Formigas
Optimização de pesquisas Web utilizando Colónias de Formigascodebits
 
Web cartooning ao vivo e a cores
Web cartooning ao vivo e a coresWeb cartooning ao vivo e a cores
Web cartooning ao vivo e a corescodebits
 
Introductory Perl
Introductory PerlIntroductory Perl
Introductory Perlcodebits
 

Mais de codebits (20)

Speak up: como criar Speech-based apps
Speak up: como criar Speech-based appsSpeak up: como criar Speech-based apps
Speak up: como criar Speech-based apps
 
XMPP Hands-On
XMPP Hands-OnXMPP Hands-On
XMPP Hands-On
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunner
 
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
 
CouchDB
CouchDBCouchDB
CouchDB
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunner
 
Exploring XMPP
Exploring XMPPExploring XMPP
Exploring XMPP
 
Sapo BUS Hands-On
Sapo BUS Hands-OnSapo BUS Hands-On
Sapo BUS Hands-On
 
Qtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencerQtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencer
 
Making the Chumby
Making the ChumbyMaking the Chumby
Making the Chumby
 
Globs - Gestão de Glossários
Globs - Gestão de GlossáriosGlobs - Gestão de Glossários
Globs - Gestão de Glossários
 
ATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de TraduçõesATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de Traduções
 
Alto Desempenho com Java
Alto Desempenho com JavaAlto Desempenho com Java
Alto Desempenho com Java
 
Sapo GIS Hands-On
Sapo GIS Hands-OnSapo GIS Hands-On
Sapo GIS Hands-On
 
Gis@sapo
Gis@sapoGis@sapo
Gis@sapo
 
Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008
 
Optimização de pesquisas Web utilizando Colónias de Formigas
Optimização de pesquisas Web utilizando Colónias de FormigasOptimização de pesquisas Web utilizando Colónias de Formigas
Optimização de pesquisas Web utilizando Colónias de Formigas
 
Web cartooning ao vivo e a cores
Web cartooning ao vivo e a coresWeb cartooning ao vivo e a cores
Web cartooning ao vivo e a cores
 
Introductory Perl
Introductory PerlIntroductory Perl
Introductory Perl
 
Perl
PerlPerl
Perl
 

Mitos da Acessibilidade Web