Acessibilidade e semântica na web
com uso de CMS Joomla
Fórum Internacional de Software Livre - FISL16
11 de julho de 2015
Emerson Rocha Luiz
Full stack developer & coacher @ Alligo
emerson@alligo.com.br
Twitter / github / linkedin: fititnt (lê-...
Agenda
●
1 Prefácio
●
1.1 Acessibilidade web para quem?
●
1.2 Web semantica para o que?
●
1.3 Problema de gerenciar conteú...
1.1 Acessibilidade web para quem?
Alguns exemplos pontuais
Daltonismo
Fonte: willtirando.com.br
Fonte: chroma-glass.ucsd.edu
Esta carne ainda está crua? (está mal passada)
Estou ves...
Daltonismo
Fonte: chroma-glass.ucsd.edu
Problemas de acessiblidade visuais além do
usuário
O meio aonde o site é visualizado também implica em cuidados para melho...
Limitações motoras
Tetraplégicos podem pressionar uma tecla por vez
(pense sites que usam Shift/Ctrl + tela são problemáti...
Limitações motoras
Uso de mouse com mão não acostumada por lesão
(fonte: https://goo.gl/TdBD7x)
Existem mais problemas de acessiblidade
motoras além do usuário
O meio aonde o site é acessado pode impedir ou dificultar ...
1.2 Web semântica para o que?
Alguns exemplos pontuais
Mecanismos de busca
Microdata, RDF, etc
JSON-LD
HTML semantico é usado por leitores de tela
Uso de leitor de tela por deficiente visual depende de semântica
(imagem: http...
Leitores de tela (acessibildiade)
Android: TalkBack; Iphone/iPad/iPods: VoiceOver; Windows Phone e BlackBerry
também tem l...
1.3 Problema de gerenciar
conteúdo em grandes portais
Problemas de gerenciar conteúdo de grandes portais
Tudo que um site pequeno tem, porém em grande escala
●
Requisitos de se...
2. CMS Joomla como solução
Um CMS open-source, largamente utilizado, como base para sites
acessíveis, semânticos e prontos...
2.1 Web Semântica e Joomla
A base entregue do CMS já é HTML5 válido e possuí uma boa base de
microdata para boa parte dos ...
Joomla por padrão
2.3. Joomla como base para
portal acessível
TL;DR: usar um CMS que por padrão permite boa acessibilidade ajuda
muito, mas ...
Acessibilidade e Joomla!
(demonstração na prática)
2.3 Joomla como gerenciador de
conteúdo para grandes portais
Joomla como gerenciador de conteúdo para grandes portais
(demonstração na prática)
3 Governo
3.1 Recomendações oficiais
Padrões do governo brasileiro
ePing
Padrões de Interoperabilidade de Governo Eletrônico
http://eping.governoeletronico.gov.br/
●
Adoção Preferencial de ...
eMAG
Modelo de Acessibilidade em Governo Eletrônico
http://emag.governoeletronico.gov.br
Recomendações gerais de acessibil...
ePWG
Padrões Web em Governo Eletrônico
http://www.governoeletronico.gov.br/acoes-e-projetos/padroes-brasil-e-gov
1) Cartil...
3.2 Portal Padrão em Joomla
Modelo de portal para sites do governo brasileiro, baseado em Joomla
(Obrigado JoomlaCalango!)
JoomlaDayBrasil
Obrigado! Perguntas?
●
Emerson Rocha Luiz
● emerson@alligo.com.br
●
twitter.com/fititnt
●
fititnt.org
FISL16 - Acessibilidade e semântica na web com uso de CMS Joomla
Próximos SlideShares
Carregando em…5
×

FISL16 - Acessibilidade e semântica na web com uso de CMS Joomla

365 visualizações

Publicada em

Palestra "Acessibilidade e semântica na web
com uso de CMS Joomla" ministrada no Fórum Internacional de Software Livre - FISL16 em 11 de julho de 2015

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
365
No SlideShare
0
A partir de incorporações
0
Número de incorporações
9
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

FISL16 - Acessibilidade e semântica na web com uso de CMS Joomla

  1. 1. Acessibilidade e semântica na web com uso de CMS Joomla Fórum Internacional de Software Livre - FISL16 11 de julho de 2015
  2. 2. Emerson Rocha Luiz Full stack developer & coacher @ Alligo emerson@alligo.com.br Twitter / github / linkedin: fititnt (lê-se Fi-ti-tê-ene-tê, ou apenas Fi-ti) Contribuidor de longa data do Projeto Joomla (moderador aposentado do fórum oficial, membro do Joomla Bug Squad, duas vezes mentor pelo projeto Joomla no Google Summer of Code, membro de JUGs (...)
  3. 3. Agenda ● 1 Prefácio ● 1.1 Acessibilidade web para quem? ● 1.2 Web semantica para o que? ● 1.3 Problema de gerenciar conteúdo em grandes portais ● 2 CMS Joomla ● 2.1 Como boa opção para web semantica ● 2.2 Como base para portal acessível ● 2.3 Como gerenciador de conteúdo ● 3 Governo ● 3.1 Recomendações oficiais (ePing, eMag, ePWG) ● 3.2 Portal Padrão em Joomla
  4. 4. 1.1 Acessibilidade web para quem? Alguns exemplos pontuais
  5. 5. Daltonismo Fonte: willtirando.com.br Fonte: chroma-glass.ucsd.edu Esta carne ainda está crua? (está mal passada) Estou vestindo violeta? (está vestindo azul)
  6. 6. Daltonismo Fonte: chroma-glass.ucsd.edu
  7. 7. Problemas de acessiblidade visuais além do usuário O meio aonde o site é visualizado também implica em cuidados para melhor compreensão da informação ● Monitor de má qualidade ● Projetor com contraste ruim (quem sabe até mesmo o usado nesta palestra?) ● Impressão em preto e branco
  8. 8. Limitações motoras Tetraplégicos podem pressionar uma tecla por vez (pense sites que usam Shift/Ctrl + tela são problemáticos) Doença de Parkinson prejudica firmeza nas mãos (Imagem: https://goo.gl/6B0ls4) Tetraplégicos podem pressionar uma tecla por vez (pense sites que usam Shift/Ctrl + tela são problemáticos)
  9. 9. Limitações motoras Uso de mouse com mão não acostumada por lesão (fonte: https://goo.gl/TdBD7x)
  10. 10. Existem mais problemas de acessiblidade motoras além do usuário O meio aonde o site é acessado pode impedir ou dificultar muito seu uso ● Mouse ruim e sites que exigem pontaria para executar algo ● Sites não responsivos acessados por celular
  11. 11. 1.2 Web semântica para o que? Alguns exemplos pontuais
  12. 12. Mecanismos de busca
  13. 13. Microdata, RDF, etc
  14. 14. JSON-LD
  15. 15. HTML semantico é usado por leitores de tela Uso de leitor de tela por deficiente visual depende de semântica (imagem: http://www.travis.af.mil/news/story.asp?id=123194362)
  16. 16. Leitores de tela (acessibildiade) Android: TalkBack; Iphone/iPad/iPods: VoiceOver; Windows Phone e BlackBerry também tem leitor de tela
  17. 17. 1.3 Problema de gerenciar conteúdo em grandes portais
  18. 18. Problemas de gerenciar conteúdo de grandes portais Tudo que um site pequeno tem, porém em grande escala ● Requisitos de servidor ● Migração de dados potencialmente trabalhosa ● Dificuldade de convencer gerentes e criadores de conteúdo ● Pressão para não parar de funcionar ● Tentativas de invasão ● ...e muito mais!...
  19. 19. 2. CMS Joomla como solução Um CMS open-source, largamente utilizado, como base para sites acessíveis, semânticos e prontos para portais grandes
  20. 20. 2.1 Web Semântica e Joomla A base entregue do CMS já é HTML5 válido e possuí uma boa base de microdata para boa parte dos usos comuns; customização além é possível para uso avançado
  21. 21. Joomla por padrão
  22. 22. 2.3. Joomla como base para portal acessível TL;DR: usar um CMS que por padrão permite boa acessibilidade ajuda muito, mas por si só não garante boa acessibilidade sem devidos cuidados
  23. 23. Acessibilidade e Joomla! (demonstração na prática)
  24. 24. 2.3 Joomla como gerenciador de conteúdo para grandes portais
  25. 25. Joomla como gerenciador de conteúdo para grandes portais (demonstração na prática)
  26. 26. 3 Governo
  27. 27. 3.1 Recomendações oficiais Padrões do governo brasileiro
  28. 28. ePing Padrões de Interoperabilidade de Governo Eletrônico http://eping.governoeletronico.gov.br/ ● Adoção Preferencial de Padrões Abertos ● Uso de Software Público e/ou Software Livre ● Existência de Suporte de mercado
  29. 29. eMAG Modelo de Acessibilidade em Governo Eletrônico http://emag.governoeletronico.gov.br Recomendações gerais de acessibildiade, texto em português, foco para sites do governo
  30. 30. ePWG Padrões Web em Governo Eletrônico http://www.governoeletronico.gov.br/acoes-e-projetos/padroes-brasil-e-gov 1) Cartilha de Codificação 2) Guia de Administração 3) Cartilha de Usabilidade 4) Cartilha de Redação Web
  31. 31. 3.2 Portal Padrão em Joomla Modelo de portal para sites do governo brasileiro, baseado em Joomla (Obrigado JoomlaCalango!)
  32. 32. JoomlaDayBrasil
  33. 33. Obrigado! Perguntas? ● Emerson Rocha Luiz ● emerson@alligo.com.br ● twitter.com/fititnt ● fititnt.org

×