SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

IHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidadeIHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidadeSibele Castro
 
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versãoJoomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versãoBule Comunicação
 
Consultoria sobre Joomla!
Consultoria sobre Joomla! Consultoria sobre Joomla!
Consultoria sobre Joomla! Grupo Treinar
 
Utilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteUtilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteDiogoAlfama
 
Java No Mundo Real
Java No Mundo RealJava No Mundo Real
Java No Mundo RealSaulo Arruda
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Jennifer Payne
 
Palestra Blackberry University Tour
Palestra Blackberry University TourPalestra Blackberry University Tour
Palestra Blackberry University TourIgor Costa
 
Palestra plataformas software
Palestra plataformas softwarePalestra plataformas software
Palestra plataformas softwareRodrigo Reis
 
Acessibilidade para Web
Acessibilidade para WebAcessibilidade para Web
Acessibilidade para WebJoão Conserva
 
Palestra Joomla! Campus Party 2011
Palestra Joomla! Campus Party 2011Palestra Joomla! Campus Party 2011
Palestra Joomla! Campus Party 2011Pedro Renan
 
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
 
Curso de-joomla
Curso de-joomlaCurso de-joomla
Curso de-joomlagermanolo
 
Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...
Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...
Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...Vertigo Tecnologia
 
Java, historico e futuro
Java, historico e futuroJava, historico e futuro
Java, historico e futuroFabiano Souza
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Patricia Mallmann
 

Was ist angesagt? (20)

IHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidadeIHC- Atividade sobre acessibilidade
IHC- Atividade sobre acessibilidade
 
Java Web Components
Java Web ComponentsJava Web Components
Java Web Components
 
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versãoJoomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versão
 
Consultoria sobre Joomla!
Consultoria sobre Joomla! Consultoria sobre Joomla!
Consultoria sobre Joomla!
 
Utilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteUtilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restaurante
 
Curso de Joomla!
Curso de Joomla!Curso de Joomla!
Curso de Joomla!
 
Java No Mundo Real
Java No Mundo RealJava No Mundo Real
Java No Mundo Real
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!
 
Palestra Blackberry University Tour
Palestra Blackberry University TourPalestra Blackberry University Tour
Palestra Blackberry University Tour
 
Palestra plataformas software
Palestra plataformas softwarePalestra plataformas software
Palestra plataformas software
 
Acessibilidade para Web
Acessibilidade para WebAcessibilidade para Web
Acessibilidade para Web
 
Palestra Joomla! Campus Party 2011
Palestra Joomla! Campus Party 2011Palestra Joomla! Campus Party 2011
Palestra Joomla! Campus Party 2011
 
ASES - Ferramenta de teste e acessibilidade
ASES - Ferramenta de teste e acessibilidade ASES - Ferramenta de teste e acessibilidade
ASES - Ferramenta de teste e acessibilidade
 
Curso de-joomla
Curso de-joomlaCurso de-joomla
Curso de-joomla
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 
Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...
Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...
Liferay RoadShow 2010 | O Futuro no Desenvolvimento de Portais. Por Bruno Tar...
 
Java, historico e futuro
Java, historico e futuroJava, historico e futuro
Java, historico e futuro
 
Aula27 trevisan
Aula27 trevisanAula27 trevisan
Aula27 trevisan
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Design Responsivo
Design ResponsivoDesign Responsivo
Design Responsivo
 

Andere mochten auch

Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...
Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...
Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...Uni Buscapé Company
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Projeto E-Commerce Brasil 2012
Projeto E-Commerce Brasil 2012Projeto E-Commerce Brasil 2012
Projeto E-Commerce Brasil 2012E-Commerce Brasil
 
Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...
Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...
Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...E-Commerce Brasil
 
Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....
Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....
Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....E-Commerce Brasil
 
Verificação e validação de software
Verificação e validação de softwareVerificação e validação de software
Verificação e validação de softwareLeonardo Melo Santos
 
Verificação, Validação e Teste de Software
Verificação, Validação e Teste de SoftwareVerificação, Validação e Teste de Software
Verificação, Validação e Teste de SoftwareCamilo Almendra
 

Andere mochten auch (9)

MIPS Pipeline
MIPS Pipeline MIPS Pipeline
MIPS Pipeline
 
Joomla no governo federal
Joomla no governo federalJoomla no governo federal
Joomla no governo federal
 
Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...
Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...
Apresentação webinar O impacto da alteração do ICMS sobre o E-commerce no Bra...
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Projeto E-Commerce Brasil 2012
Projeto E-Commerce Brasil 2012Projeto E-Commerce Brasil 2012
Projeto E-Commerce Brasil 2012
 
Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...
Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...
Congresso E-Commerce Brasil 2017 - Merchandising digital no e-commerce: curad...
 
Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....
Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....
Congresso E-Commerce Brasil 2017 - Marketplace: Raio-x dos modelos no Brasil....
 
Verificação e validação de software
Verificação e validação de softwareVerificação e validação de software
Verificação e validação de software
 
Verificação, Validação e Teste de Software
Verificação, Validação e Teste de SoftwareVerificação, Validação e Teste de Software
Verificação, Validação e Teste de Software
 

Ähnlich wie Joomla Acessibilidade Guia

EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebHorácio Soares
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeHorácio Soares
 
Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Luis Arratia
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 
Engenharia de Usabilidade
Engenharia de UsabilidadeEngenharia de Usabilidade
Engenharia de UsabilidadeTiago Souza
 
Mobile UX - Princípios Básicos
Mobile UX - Princípios BásicosMobile UX - Princípios Básicos
Mobile UX - Princípios BásicosVítor Teixeira
 
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersAcessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersHorácio Soares
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1Leo Serrao
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
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
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...tdc-globalcode
 

Ähnlich wie Joomla Acessibilidade Guia (20)

Acessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão AlcolumbreAcessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão Alcolumbre
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na Web
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Engenharia de Usabilidade
Engenharia de UsabilidadeEngenharia de Usabilidade
Engenharia de Usabilidade
 
Mobile UX - Princípios Básicos
Mobile UX - Princípios BásicosMobile UX - Princípios Básicos
Mobile UX - Princípios Básicos
 
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersAcessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
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
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
 

Joomla Acessibilidade Guia

  • 1. Joomla e Acessibilidade @syclano @paulories
  • 2. Colaboradores Joomla e Acessibilidade
  • 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. 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! 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. 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! 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. 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 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. 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 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. 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. 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. 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. O que fazer e como fazer? com_content/view/article/defaul.php Joomla e Acessibilidade
  • 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. 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. 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 Paulo Ries paulories@gmail.com @paulories Moisés Freitas moises.freitas@gmail.com @syclano Joomla e Acessibilidade