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 é essa tal de Acessibilidade?




  A   Acessibilidade consiste na facilidade de acesso e de uso de ambientes, produ...
O que é essa tal de Acessibilidade?




                            Acessibilidade   Usabilidade


     facilidade de aces...
Chega de desculpas!




Acessibilidade              não   é só para      deficientes visuais!
 Acessibilidade não é só par...
Chega de desculpas!




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

   Quando ...
Chega de desculpas!




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




Esse negócio de acessibilidade é     muito investimento
  para pouco retorno. Fazer um site acessí...
Chega de desculpas!




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

 Trabalho d...
Chega de desculpas!




  Um site acessível a deficientes visuais
                            não é bonito.
Os elementos q...
Chega de desculpas!




Vamos por partes:             primeiro fazemos
o site,             depois fazemos acessibilidade
I...
Chega de desculpas!




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


   ...
Chega de desculpas!




  Meu site é direcionado a um público
específico; ele não interessa a todos
         os grupos de ...
Chega de desculpas!




         Enfim, acessibilidade
          web é para todos!
              Mais de       34 milhões ...
O que eu ganho com isso?




                    Autonomia     Novos usuários
                 Usabilidade Inclusão digita...
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á presen...
O que fazer e como fazer?




 1. INVESTIGAÇÃO

      Validar o código no W3C

      Validar o código no WCAG / e-MAG (ASE...
O que fazer e como fazer?




 2. IDENTIFICANDO PROBLEMAS

      Ausência de <noscript>
      Ausência de texto alternativ...
O que fazer e como fazer?




 3. CORRIGINDO OS ERROS

      Optar por extensões com melhor codificação

      Incluir men...
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 que fazer e como fazer?




 5. COMPARTILHAR!

      Procurar meios de contribuir com a melhoria do Joomla!

      Grupo...
Referências

http://validator.w3.org + http://www.w3.org/WAI/ + www.w3.org/TR/WCAG20/
http://www.w3c.br
http://www.governo...
Obrigado




  Paulo Ries
  paulories@gmail.com
  @paulories

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


  J...
Upcoming SlideShare
Loading in …5
×

Joomla e acessibilidade

4,020 views

Published on

Apresentação da palestra Joomla e acessibilidade ministrada no Joomla Day Brasil 2010 por Paulo Ries (@paulories) e Moisés Freitas (@syclano).

2 Comments
5 Likes
Statistics
Notes
No Downloads
Views
Total views
4,020
On SlideShare
0
From Embeds
0
Number of Embeds
63
Actions
Shares
0
Downloads
139
Comments
2
Likes
5
Embeds 0
No embeds

No notes for slide

Joomla e acessibilidade

  1. 1. Joomla e Acessibilidade @syclano @paulories
  2. 2. Colaboradores Joomla e Acessibilidade
  3. 3. 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
  4. 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. 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. 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. 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. 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. 9. 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
  10. 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. 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. 12. 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
  13. 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. 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. 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. 16. 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
  17. 17. Iniciativas: W3C / WCAG / WAI Joomla e Acessibilidade
  18. 18. Iniciativas: e-GOV / e-MAG Joomla e Acessibilidade
  19. 19. Exemplos - Daltonismo Original Tritanopia Deuteranopia Joomla e Acessibilidade
  20. 20. Exemplos - Daltonismo Original Protanopia Monocromia Joomla e Acessibilidade
  21. 21. 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
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. O que fazer e como fazer? com_content/view/article/defaul.php Joomla e Acessibilidade
  26. 26. 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
  27. 27. 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
  28. 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. 29. Obrigado Paulo Ries paulories@gmail.com @paulories Moisés Freitas moises.freitas@gmail.com @syclano Joomla e Acessibilidade

×