Joomla e acessibilidade

29
@syclano @paulories Joomla e Acessibilidade

description

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

Transcript of Joomla e acessibilidade

Page 1: Joomla e acessibilidade

@syclano@paulories

Joomla e Acessibilidade

Page 2: Joomla e acessibilidade

Colaboradores

Joomla e Acessibilidade

Page 3: Joomla e acessibilidade

§O que é essa tal de Acessibilidade?

§Chega de desculpa!

§O que eu ganho com isso?

§Iniciativas

§O que fazer? E como fazer?

§Referências

O que vamos falar?

Joomla e Acessibilidade

Page 4: Joomla e acessibilidade

O que é essa tal de Acessibilidade?

A 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]

Acessibilidade

Joomla e Acessibilidade

Page 5: Joomla e acessibilidade

O que é essa tal de Acessibilidade?

facilidade de acesso e de uso de ambientes, produtos e

serviços

Acessibilidade

Usabilidade é sinônimo de facilidade de uso.

Se um produto é fácil de usar, o usuário tem maior

produtividade: aprende mais rápido a usar, memoriza as operações e comete menos

erros.

Usabilidade

A A A

Joomla e Acessibilidade

Page 6: Joomla e acessibilidade

Chega de desculpas!

Acessibilidade não é só para deficientes visuais!

Acessibilidade não é só para deficientes visuais!

Dificuldade para:?ver a tela,?usar o mouse,?usar o teclado,?ler um texto,?Ouvir um som,?navegar na internet;

Quem usa:?navegador diferente;?equipamento muito antigo;?equipamento muito moderno;?linha de transmissão muito lenta;

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

Page 7: 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

Page 8: 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

Page 9: 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

Page 10: Joomla e acessibilidade

Chega de desculpas!

É melhor fazer uma página especialpara 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

Page 11: 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

Page 12: 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

Page 13: 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

Page 14: 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

Page 15: Joomla e acessibilidade

Enfim, acessibilidade web é para todos!

Chega de desculpas!

Mais de 34 milhões de brasileiros apresentam

Necessidades Especiais.

[censo 2000]

Joomla e Acessibilidade

Page 16: Joomla e acessibilidade

O que eu ganho com isso?

Joomla e Acessibilidade

Autonomia

Responsabilidade socialUsabilidade

Valorização da marca

Novos usuários

Auto-estima

Inclusão digital

SEOPortabilidadeLiberdade

Códigos limposSolidariedade

Page 17: Joomla e acessibilidade

Iniciativas: W3C / WCAG / WAI

Joomla e Acessibilidade

Page 18: Joomla e acessibilidade

Iniciativas: e-GOV / e-MAG

Joomla e Acessibilidade

Page 19: Joomla e acessibilidade

Exemplos - Daltonismo

Original

Joomla e Acessibilidade

Deuteranopia

Tritanopia

Page 20: Joomla e acessibilidade

Protanopia

Monocromia

Original

Exemplos - Daltonismo

Joomla e Acessibilidade

Page 21: 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

Page 22: Joomla e acessibilidade

O que fazer e como fazer?

Joomla e Acessibilidade

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

1. INVESTIGAÇÃO

Page 23: Joomla e acessibilidade

O que fazer e como fazer?

Joomla e Acessibilidade

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

2. IDENTIFICANDO PROBLEMAS

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

Page 24: Joomla e acessibilidade

O que fazer e como fazer?

Joomla e Acessibilidade

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

Page 25: Joomla e acessibilidade

Joomla e Acessibilidade

com_content/view/article/defaul.php

O que fazer e como fazer?

Page 26: Joomla e acessibilidade

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

Page 27: Joomla e acessibilidade

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

Page 28: Joomla e acessibilidade

Referências

Joomla e Acessibilidade

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/

Page 29: Joomla e acessibilidade

Obrigado

Joomla e Acessibilidade

Paulo [email protected]@paulories

Moisés [email protected]@syclano