Joomla e
Acessibilidade

                  @syclano
                 @paulories
Colaboradores




  Joomla e Acessibilidade
O que vamos falar?



O que é essa tal de Acessibilidade?
§

Chega de desculpa!
§

O que eu ganho com isso?
§

Iniciativas
§

O que fazer? E como fazer?
§

Referências
§




  Joomla e Acessibilidade
O que é essa tal de Acessibilidade?




  A   Acessibilidade consiste na facilidade de acesso e de uso de ambientes, produtos e
  serviços por qualquer pessoa e em diferentes contextos. Envolve o Design Inclusivo, oferta
      de um leque variado de produtos e serviços que cubram as necessidades de diferentes
      populações (incluindo produtos e serviços de apoio), adaptação, meios alternativos de
         informação, comunicação, mobilidade e manipulação [Francisco Godinho, 2010]




  Joomla e Acessibilidade
O que é essa tal de Acessibilidade?




                            Acessibilidade   Usabilidade


     facilidade de acesso e de uso               Usabilidade é sinônimo de
       de ambientes, produtos e                     facilidade de uso.
                serviços                      Se um produto é fácil de usar, o
                                                    usuário tem maior
                                               produtividade: aprende mais
                                                rápido a usar, memoriza as

      A                A           A            operações e comete menos
                                                          erros.




  Joomla e Acessibilidade
Chega de desculpas!




Acessibilidade              não   é só para      deficientes visuais!
 Acessibilidade não é só para deficientes visuais!

Dificuldade para:                  Quem usa:
? ver a tela,                      ? diferente;
                                    navegador
? usar o mouse,                    ?equipamento muito antigo;
? usar o teclado,                  ?equipamento muito moderno;
? ler um texto,                    ? transmissão muito lenta;
                                    linha de
? som,
  Ouvir um
? na internet;
  navegar                          Quem está num ambiente ou situação que limita alguns dos
                                   seus sentidos ou movimentos, ou que requer a sua atenção.



  Joomla e Acessibilidade
Chega de desculpas!




      Imagina o   trabalhão que vai dar, fazer
        acessibilidade para todo mundo!

   Quando seguimos uma diretriz de acessibilidade,
estamos atendendo simultaneamente a vários tipos de
 necessidades. Por exemplo, atender a três tipos de
     deficiências não significa trabalho triplicado

  Joomla e Acessibilidade
Chega de desculpas!




Na    prática    , o número de usuários beneficiados
  com a acessibilidade é relativamente muito pequeno.


   Quando seguimos uma diretriz de acessibilidade,
estamos atendendo simultaneamente a vários tipos de
                  necessidades.


  Joomla e Acessibilidade
Chega de desculpas!




Esse negócio de acessibilidade é     muito investimento
  para pouco retorno. Fazer um site acessível demora e
                         custa caro.

    Só podemos saber se o tempo e o custo do nosso
    projeto são adequados, se levarmos em conta os
                 benefícios alcançados.


  Joomla e Acessibilidade
Chega de desculpas!




 É    melhor fazer uma página especial
                  para os deficientes visuais.

 Trabalho dobrado para duas páginas. Os deficientes
       visuais ficarão prejudicados, pois o que
 invariavelmente acaba acontecendo é que a página
               deles fica desatualizada.

  Joomla e Acessibilidade
Chega de desculpas!




  Um site acessível a deficientes visuais
                            não é bonito.
Os elementos que tornam um site esteticamente bonito
  não atrapalham as pessoas cegas, se forem criados
 dentro dos padrões de codificação, das diretrizes de
acessibilidade e se a página tiver uma boa arquitetura
                    de informação.
  Joomla e Acessibilidade
Chega de desculpas!




Vamos por partes:             primeiro fazemos
o site,             depois fazemos acessibilidade
Inaugurar o prédio com escadas e depois quebrar tudo
    para colocar rampas é desperdício de tempo e
 recursos, e é exatamente isto que acontece com um
 site, quando deixamos a acessibilidade para depois.
  Joomla e Acessibilidade
Chega de desculpas!




    A gente                 sabe o que é bom para o
                                 usuário


     Mas apenas saberemos o que o usuário com
 necessidades especiais precisa/deseja após um bom
            levantamento de requisitos

  Joomla e Acessibilidade
Chega de desculpas!




  Meu site é direcionado a um público
específico; ele não interessa a todos
         os grupos de usuários

   Quando restringimos o acesso do nosso site ao que
julgamos serem as características do seu público alvo,
 estamos, na prática, usando a internet para limitar o
        nosso público, ao invés de ampliá-lo.
  Joomla e Acessibilidade
Chega de desculpas!




         Enfim, acessibilidade
          web é para todos!
              Mais de       34 milhões de brasileiros apresentam
                            Necessidades Especiais.
                                     [censo 2000]

  Joomla e Acessibilidade
O que eu ganho com isso?




                    Autonomia     Novos usuários
                 Usabilidade Inclusão digital
                            Responsabilidade social
       Portabilidade                    Auto-estima   SEO
         Valorização da marca Liberdade
         Solidariedade Códigos limpos

  Joomla e Acessibilidade
Iniciativas: W3C / WCAG / WAI




  Joomla e Acessibilidade
Iniciativas: e-GOV / e-MAG




  Joomla e Acessibilidade
Exemplos - Daltonismo



  Original




 Tritanopia




Deuteranopia




  Joomla e Acessibilidade
Exemplos - Daltonismo



  Original




Protanopia




Monocromia




  Joomla e Acessibilidade
O que fazer e como fazer?




  O Joomla apresenta 90% dos códigos acessiveis!


  Porém, o     MAIOR PROBLEMA está presente nos
                componentes e modulos....


  Joomla e Acessibilidade
O que fazer e como fazer?




 1. INVESTIGAÇÃO

      Validar o código no W3C

      Validar o código no WCAG / e-MAG (ASES)

      Verificação manual com leitor de tela

      Verificação com check list




  Joomla e Acessibilidade
O que fazer e como fazer?




 2. IDENTIFICANDO PROBLEMAS

      Ausência de <noscript>
      Ausência de texto alternativo (alt=) para imagens
      Ausência de labels e for= em formulários
      Ausência de comandos via teclado (onkeypress)
      Erros de semântica (h1 h3 h4)
      Erros de semântica: uso indevido de tabelas para design


 * Utilizando Joomla 1.6 Beta 8 com template Beez5 - Default-Fruit Shop



  Joomla e Acessibilidade
O que fazer e como fazer?




 3. CORRIGINDO OS ERROS

      Optar por extensões com melhor codificação

      Incluir menu de atalho

      Incluir opção de contraste e controle de tipografia

      Utilizar OVERRIDE para mudar view do Joomla




  Joomla e Acessibilidade
O que fazer e como fazer?


               com_content/view/article/defaul.php




  Joomla e Acessibilidade
O que fazer e como fazer?




 4. MONITORAÇÃO

      Acessibilidade depende de conteúdo acessível

      É preciso validar o site todo

      É importante validar o site constantemente

      Redatores! Video + áudio + texto

      Acessibilidade na web deve ser contínua e evolutiva

  Joomla e Acessibilidade
O que fazer e como fazer?




 5. COMPARTILHAR!

      Procurar meios de contribuir com a melhoria do Joomla!

      Grupo de acessibilidade do Core Joomla!

      Bug Squad

      Tracker




  Joomla e Acessibilidade
Referências

http://validator.w3.org + http://www.w3.org/WAI/ + www.w3.org/TR/WCAG20/
http://www.w3c.br
http://www.governoeletronico.gov.br/
http://maujor.com
http://acessodigital.net
http://www.acessibilidadelegal.com/
http://docs.joomla.org/Tutorial:Web_content_accessibility
http://extensions.joomla.org/extensions/style-a-design/accessibility
http://help.joomla.org/
http://www.vischeck.com/
http://www.colblindor.com
http://www.w3accessibility.com/
http://www.theaccessibility.com/tag/joomla/

  Joomla e Acessibilidade
Obrigado




  Paulo Ries
  paulories@gmail.com
  @paulories

  Moisés Freitas
  moises.freitas@gmail.com
  @syclano


  Joomla e Acessibilidade

Joomla e acessibilidade

  • 1.
    Joomla e Acessibilidade @syclano @paulories
  • 2.
    Colaboradores Joomlae Acessibilidade
  • 3.
    O que vamosfalar? O que é essa tal de Acessibilidade? § Chega de desculpa! § O que eu ganho com isso? § Iniciativas § O que fazer? E como fazer? § Referências § Joomla e Acessibilidade
  • 4.
    O que éessa tal de Acessibilidade? A Acessibilidade consiste na facilidade de acesso e de uso de ambientes, produtos e serviços por qualquer pessoa e em diferentes contextos. Envolve o Design Inclusivo, oferta de um leque variado de produtos e serviços que cubram as necessidades de diferentes populações (incluindo produtos e serviços de apoio), adaptação, meios alternativos de informação, comunicação, mobilidade e manipulação [Francisco Godinho, 2010] Joomla e Acessibilidade
  • 5.
    O que éessa tal de Acessibilidade? Acessibilidade Usabilidade facilidade de acesso e de uso Usabilidade é sinônimo de de ambientes, produtos e facilidade de uso. serviços Se um produto é fácil de usar, o usuário tem maior produtividade: aprende mais rápido a usar, memoriza as A A A operações e comete menos erros. Joomla e Acessibilidade
  • 6.
    Chega de desculpas! Acessibilidade não é só para deficientes visuais! Acessibilidade não é só para deficientes visuais! Dificuldade para: Quem usa: ? ver a tela, ? diferente; navegador ? usar o mouse, ?equipamento muito antigo; ? usar o teclado, ?equipamento muito moderno; ? ler um texto, ? transmissão muito lenta; linha de ? som, Ouvir um ? na internet; navegar Quem está num ambiente ou situação que limita alguns dos seus sentidos ou movimentos, ou que requer a sua atenção. Joomla e Acessibilidade
  • 7.
    Chega de desculpas! Imagina o trabalhão que vai dar, fazer acessibilidade para todo mundo! Quando seguimos uma diretriz de acessibilidade, estamos atendendo simultaneamente a vários tipos de necessidades. Por exemplo, atender a três tipos de deficiências não significa trabalho triplicado Joomla e Acessibilidade
  • 8.
    Chega de desculpas! Na prática , o número de usuários beneficiados com a acessibilidade é relativamente muito pequeno. Quando seguimos uma diretriz de acessibilidade, estamos atendendo simultaneamente a vários tipos de necessidades. Joomla e Acessibilidade
  • 9.
    Chega de desculpas! Essenegócio de acessibilidade é muito investimento para pouco retorno. Fazer um site acessível demora e custa caro. Só podemos saber se o tempo e o custo do nosso projeto são adequados, se levarmos em conta os benefícios alcançados. Joomla e Acessibilidade
  • 10.
    Chega de desculpas! É melhor fazer uma página especial para os deficientes visuais. Trabalho dobrado para duas páginas. Os deficientes visuais ficarão prejudicados, pois o que invariavelmente acaba acontecendo é que a página deles fica desatualizada. Joomla e Acessibilidade
  • 11.
    Chega de desculpas! Um site acessível a deficientes visuais não é bonito. Os elementos que tornam um site esteticamente bonito não atrapalham as pessoas cegas, se forem criados dentro dos padrões de codificação, das diretrizes de acessibilidade e se a página tiver uma boa arquitetura de informação. Joomla e Acessibilidade
  • 12.
    Chega de desculpas! Vamospor partes: primeiro fazemos o site, depois fazemos acessibilidade Inaugurar o prédio com escadas e depois quebrar tudo para colocar rampas é desperdício de tempo e recursos, e é exatamente isto que acontece com um site, quando deixamos a acessibilidade para depois. Joomla e Acessibilidade
  • 13.
    Chega de desculpas! A gente sabe o que é bom para o usuário Mas apenas saberemos o que o usuário com necessidades especiais precisa/deseja após um bom levantamento de requisitos Joomla e Acessibilidade
  • 14.
    Chega de desculpas! Meu site é direcionado a um público específico; ele não interessa a todos os grupos de usuários Quando restringimos o acesso do nosso site ao que julgamos serem as características do seu público alvo, estamos, na prática, usando a internet para limitar o nosso público, ao invés de ampliá-lo. Joomla e Acessibilidade
  • 15.
    Chega de desculpas! Enfim, acessibilidade web é para todos! Mais de 34 milhões de brasileiros apresentam Necessidades Especiais. [censo 2000] Joomla e Acessibilidade
  • 16.
    O que euganho com isso? Autonomia Novos usuários Usabilidade Inclusão digital Responsabilidade social Portabilidade Auto-estima SEO Valorização da marca Liberdade Solidariedade Códigos limpos Joomla e Acessibilidade
  • 17.
    Iniciativas: W3C /WCAG / WAI Joomla e Acessibilidade
  • 18.
    Iniciativas: e-GOV /e-MAG Joomla e Acessibilidade
  • 19.
    Exemplos - Daltonismo Original Tritanopia Deuteranopia Joomla e Acessibilidade
  • 20.
    Exemplos - Daltonismo Original Protanopia Monocromia Joomla e Acessibilidade
  • 21.
    O que fazere como fazer? O Joomla apresenta 90% dos códigos acessiveis! Porém, o MAIOR PROBLEMA está presente nos componentes e modulos.... Joomla e Acessibilidade
  • 22.
    O que fazere como fazer? 1. INVESTIGAÇÃO Validar o código no W3C Validar o código no WCAG / e-MAG (ASES) Verificação manual com leitor de tela Verificação com check list Joomla e Acessibilidade
  • 23.
    O que fazere como fazer? 2. IDENTIFICANDO PROBLEMAS Ausência de <noscript> Ausência de texto alternativo (alt=) para imagens Ausência de labels e for= em formulários Ausência de comandos via teclado (onkeypress) Erros de semântica (h1 h3 h4) Erros de semântica: uso indevido de tabelas para design * Utilizando Joomla 1.6 Beta 8 com template Beez5 - Default-Fruit Shop Joomla e Acessibilidade
  • 24.
    O que fazere como fazer? 3. CORRIGINDO OS ERROS Optar por extensões com melhor codificação Incluir menu de atalho Incluir opção de contraste e controle de tipografia Utilizar OVERRIDE para mudar view do Joomla Joomla e Acessibilidade
  • 25.
    O que fazere como fazer? com_content/view/article/defaul.php Joomla e Acessibilidade
  • 26.
    O que fazere como fazer? 4. MONITORAÇÃO Acessibilidade depende de conteúdo acessível É preciso validar o site todo É importante validar o site constantemente Redatores! Video + áudio + texto Acessibilidade na web deve ser contínua e evolutiva Joomla e Acessibilidade
  • 27.
    O que fazere como fazer? 5. COMPARTILHAR! Procurar meios de contribuir com a melhoria do Joomla! Grupo de acessibilidade do Core Joomla! Bug Squad Tracker Joomla e Acessibilidade
  • 28.
    Referências http://validator.w3.org + http://www.w3.org/WAI/+ www.w3.org/TR/WCAG20/ http://www.w3c.br http://www.governoeletronico.gov.br/ http://maujor.com http://acessodigital.net http://www.acessibilidadelegal.com/ http://docs.joomla.org/Tutorial:Web_content_accessibility http://extensions.joomla.org/extensions/style-a-design/accessibility http://help.joomla.org/ http://www.vischeck.com/ http://www.colblindor.com http://www.w3accessibility.com/ http://www.theaccessibility.com/tag/joomla/ Joomla e Acessibilidade
  • 29.
    Obrigado PauloRies paulories@gmail.com @paulories Moisés Freitas moises.freitas@gmail.com @syclano Joomla e Acessibilidade