O documento discute a importância da acessibilidade na web e como projetar sites e aplicativos web de forma acessível desde o início. Ele enfatiza que a acessibilidade começa com HTML semântico e usabilidade, e não é apenas uma função adicional, mas sim essencial para que todos possam usar a web.

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

3. Quem se importa com
acessibilidade na web?

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

5. A acessibilidade é essencial
para desenvolvedores e
organizações que desejam criar
websites e aplicações web
de alta qualidade e não excluir
pessoas douso de seus produtos
e serviços.

6. Quem deveria se
importar com
acessibilidade na web?

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

9. Acessibilidade
começa com ...
A

10. Acessibilidade
começa com ...
Agá Tê
Ême Ele

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

12. Antes da HTML5
DIV
DIV
DIV

13. Com a HTML5
nav
SECTION
ASIDE

14. 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 December2017
https://www.w3.org/TR/2017/REC-wai-aria-1.1-20171214/

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

16. Acessibilidade
começa com HTML
e continua com ...
USABILIDADE

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

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

20. Partida para acessibilidade
HTML5 e USABILIDADE

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

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

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

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

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

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

28. https://www.w3.org/WAI/ER/tools

31. IC E LITC BSISA Y
Você sabia?

32. IC E LITC BSIS
A Y
Você sabia?

33. IC E LITC BSIS
A Y
Você sabia?
11

34. A Y
Você sabia?
11

35. A Y
Você sabia?
11

36. A Y
Você sabia?
11

37. https://www.w3.org/WAI/perspective-videos/
VÍDEO

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

40. Obrigado!