Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Maurício Samy
Silva“Maujor”®
maujor@maujor.com
https://maujor.com
Quem se importa com
acessibilidade na web?
Objetivo
Motivar e conscientizar
para a importância de
se projetar web com
foco em acessibilidade.
A acessibilidade é essencial
para desenvolvedores e
organizações que desejam criar
websites e aplicações web
de alta quali...
Quem deveria se
importar com
acessibilidade na
web?
Accessibility is
about
equal treatment,
not
special treatment.
Acessibilidade
começa com
...
A
gá Tê
Ême Ele
Acessibilidade
começa com
Agá Tê
Eme Ele
HTML5
semântica
Antes da HTML5
DIV
DIV
DIV
Com a HTML5
nav
SECTION
ASIDE
WAI-ARIA Authoring Practices 1.1
W3C Working Group Note 26 July
2018 https://www.w3.org/TR/wai-aria-practices/
Accessible ...
,
contudo se tudo o que você
tem é um martelo ARIA, tudo
começa a parecer um prego.
ARIA é uma ferramenta
poderosa para pr...
Acessibilidade
começa com
HTMLe continua com
...
USABILIDADE
Aplicar técnicas de
acessibilidade em um
site com usabilidade
ruim
https://webaim.org/blog/accessibility-lipstick-on-a-usa...
Uma quantidade
astronômica de técnicas
de acessibilidade não
será suficiente para
corrigir algo que não seja
utilizável.
Partida para acessibilidade
HTML5 e USABILIDADE
Acessibilidade
não é uma
"feature"...
https://ethanmarcotte.com/wrote/accessibility-is-not-a-feature/
e muito menos
um bônus.
É mandatório que se
planeje acessibilidade
desde o início do
Projetar acessibilidade
não significa projetar
somente para
leitor de tela
e
navegação pelo teclado.
necessidades
especiais
• visual
• auditiva
• motora
• cognitiva
web para todos
• hardware
• software
• idioma
• localização
• capacidade
build a POUR
web site - app
Percivable
Operable
Understandable
Robuste WCAG 2.1
O
https://www.w3.org/WAI/ER/tool
s
IC E LITC BSIS
81391275641
A Y
Você sabia?
numerônimo
https://www.w3.org/WAI/perspective-
videos/
Leitura recomendada
https://www.w3.org/WAI/fundamentals/accessibility-
intro/
https://www.w3.org/standards/webdesign/acces...
Dúvidas?
!
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Quem se importa com acessibilidade Web? - Mauricio Maujor
Prochain SlideShare
Chargement dans…5
×

Quem se importa com acessibilidade Web? - Mauricio Maujor

280 vues

Publié le

Maurício Maujor - Divulgador dos Padrões Web, Maujor.com

A acessibilidade é essencial para desenvolvedores e organizações que desejam criar websites e aplicações web de alta qualidade e não excluir pessoas do uso de seus produtos e serviços. Nesta palestra Maujor aborda alguns conceitos de acessibilidade com o objetivo de motivar e conscientizar para a importância de se projetar web com foco em acessibilidade.

Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon

Publié dans : Logiciels
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Quem se importa com acessibilidade Web? - Mauricio Maujor

  1. 1. Maurício Samy Silva“Maujor”® maujor@maujor.com https://maujor.com
  2. 2. Quem se importa com acessibilidade na web?
  3. 3. Objetivo Motivar e conscientizar para a importância de se projetar web com foco em acessibilidade.
  4. 4. A acessibilidade é essencial para desenvolvedores e organizações que desejam criar websites e aplicações web de alta qualidade e não excluir pessoas do uso de seus produtos e serviços.
  5. 5. Quem deveria se importar com acessibilidade na web?
  6. 6. Accessibility is about equal treatment, not special treatment.
  7. 7. Acessibilidade começa com ... A gá Tê Ême Ele
  8. 8. Acessibilidade começa com Agá Tê Eme Ele HTML5 semântica
  9. 9. Antes da HTML5 DIV DIV DIV
  10. 10. Com a HTML5 nav SECTION ASIDE
  11. 11. WAI-ARIA Authoring Practices 1.1 W3C Working Group Note 26 July 2018 https://www.w3.org/TR/wai-aria-practices/ Accessible Rich Internet Applications (WAI-ARIA) 1.1 W3C Recommendation 14 December 2017https://www.w3.org/TR/2017/REC-wai-aria-1.1-20171214/
  12. 12. , contudo se tudo o que você tem é um martelo ARIA, tudo começa a parecer um prego. ARIA é uma ferramenta poderosa para preencher as lacunas de acessibilidade para usuários de leitores de tela https://webaim.org/blog/accessibility-lipstick-on-a-usability-pig/
  13. 13. Acessibilidade começa com HTMLe continua com ... USABILIDADE
  14. 14. Aplicar técnicas de acessibilidade em um site com usabilidade ruim https://webaim.org/blog/accessibility-lipstick-on-a-usability-pig/ é o mesmo que passar batom em um porco.
  15. 15. Uma quantidade astronômica de técnicas de acessibilidade não será suficiente para corrigir algo que não seja utilizável.
  16. 16. Partida para acessibilidade HTML5 e USABILIDADE
  17. 17. Acessibilidade não é uma "feature"... https://ethanmarcotte.com/wrote/accessibility-is-not-a-feature/
  18. 18. e muito menos um bônus. É mandatório que se planeje acessibilidade desde o início do
  19. 19. Projetar acessibilidade não significa projetar somente para leitor de tela e navegação pelo teclado.
  20. 20. necessidades especiais • visual • auditiva • motora • cognitiva
  21. 21. web para todos • hardware • software • idioma • localização • capacidade
  22. 22. build a POUR web site - app Percivable Operable Understandable Robuste WCAG 2.1 O
  23. 23. https://www.w3.org/WAI/ER/tool s
  24. 24. IC E LITC BSIS 81391275641 A Y Você sabia? numerônimo
  25. 25. https://www.w3.org/WAI/perspective- videos/
  26. 26. Leitura recomendada https://www.w3.org/WAI/fundamentals/accessibility- intro/ https://www.w3.org/standards/webdesign/accessibility https://www.w3.org/WAI/standards-guidelines/ https://webaim.org/
  27. 27. Dúvidas?
  28. 28. !

×