O documento discute a importância da acessibilidade na web, indo além do código. Apresenta diversas barreiras e soluções como navegação por teclado, zoom, contraste e legendas em vídeos. Defende que acessibilidade não é apenas uma questão técnica, mas também humana.

1. Acessibilidade na Web – Muito além do código
Reinaldo Ferraz

2. @reinaldoferraz

6. Acessibilidade é para todos !

7. Existe muito material
sobre acessibilidade
na Web

9. Acessibilidade não é
apenas uma questão
técnica

10. Identificando barreiras

11. Navegação por teclado
Navega pelos controles interativos
Navega de volta
Ativa controles interativos
Ativa radio e checkboxes
Seleção de radio buttons, seleção de
lista, sliders, tabpanels, autocomplete

12. Navegação por teclado

13. Salto para conteúdo

14. Zoom
100% 200%

15. Zoom

16. Contraste

17. Daltonismo

18. Daltonismo

19. Daltonismo

20. Texto alternativo

21. Estrutura de cabeçalhos

22. Limitações motoras

24. • Utilize CamelCase para hashtags
• Prefira #MentoriaDeAcessibilidade em vez de
#mentoriadeacessibilidade
• Emojis são acessíveis, mas não abuse!
Hashtags e emojis

25. Open caption
Legendas embutidas no vídeo
Closed caption
Legendas que podem ser desabilitadas
Legendas Open e Closed caption

26. Legendas Open e Closed caption

28. • Texto alternativo em imagens
• Vídeo com legendas

32. • Feed
• Texto alternativo em imagens
• Vídeo com legendas
• Stories/Reels
• Vídeo com legendas

37. • Texto alternativo em imagens
• Vídeo com legendas (Open e Closed Caption)

41. • Vídeo com legendas

44. Acessibilidade não é
uma questão técnica
É uma questão
humana

45. www.ceweb.br
reinaldo@nic.br
Crédito das ilustrações: Freepik.com