O documento discute a importância da acessibilidade na web e como projetar sites e aplicativos web de forma acessível. Ele enfatiza que a acessibilidade é essencial para desenvolvedores e organizações que desejam criar produtos e serviços inclusivos. O documento também discute como começar a projetar sites acessíveis usando HTML5 semântico e focando na usabilidade, além de recomendar os padrões WCAG para acessibilidade.

3. Maurício Samy
Silva“Maujor”®
maujor@maujor.com
https://maujor.com

4. Quem se importa com
acessibilidade na web?

5. Objetivo
Motivar e conscientizar
para a importância de
se projetar web com
foco em acessibilidade.

6. 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.

7. Quem deveria se
importar com
acessibilidade na
web?

12. Accessibility is
about
equal treatment,
not
special treatment.

13. Acessibilidade
começa com
...
A
gá Tê
Ême Ele

14. Acessibilidade
começa com
Agá Tê
Eme Ele
HTML5
semântica

15. Antes da HTML5
DIV
DIV
DIV

16. Com a HTML5
nav
SECTION
ASIDE

17. 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/

18. ,
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/

19. Acessibilidade
começa com
HTMLe continua com
...
USABILIDADE

20. 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.

22. Uma quantidade
astronômica de técnicas
de acessibilidade não
será suficiente para
corrigir algo que não seja
utilizável.

23. Partida para acessibilidade
HTML5 e USABILIDADE

24. Acessibilidade
não é uma
"feature"...
https://ethanmarcotte.com/wrote/accessibility-is-not-a-feature/

25. e muito menos
um bônus.
É mandatório que se
planeje acessibilidade
desde o início do

26. Projetar acessibilidade
não significa projetar
somente para
leitor de tela
e
navegação pelo teclado.

27. necessidades
especiais
• visual
• auditiva
• motora
• cognitiva

28. web para todos
• hardware
• software
• idioma
• localização
• capacidade

29. build a POUR
web site - app
Percivable
Operable
Understandable
Robuste WCAG 2.1
O

31. https://www.w3.org/WAI/ER/tool
s

34. IC E LITC BSIS
81391275641
A Y
Você sabia?
numerônimo

35. https://www.w3.org/WAI/perspective-
videos/

36. 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/

37. Dúvidas?

38. !