Acessibilidade na Web

Talk feita na Agência Next Idea, sobre Acessibilidade na Web

Transcript

1. Acessibilidade na web
2. Por que tornar um site acessível? Questão de boa prática E por que me preocupar com isso quando meu prazo de entrega é tão curto? Mais pessoas impactadas
3. Acessibilidade & SEO
4. Podemos utilizar as mesmas técnicas de acessibilidade para aplicar técnicas de SEO. • <img src="" alt="Texto complementar" /> • <a href="" title="Texto complementar"></a> • <prev 1 2 3 4 next> • Site map
5. HTML5 & WAI-ARIA
6. Você consegue marcar agora o que é um menu de navegação, uma sidebar, um header, um footer etc
7. Microdata
8. Microdata
9. Grande parte dos leitores de tela não conhecem as tags do HTML5 e dão ênfase para as WAI-ARIA em vez das novas tags.
10. Roles Abstract Widgets Document Structure Landmarks
11. Role Document Structure Para definir estruturas de organização da página. Estruturas não interativas como o header, footer, sidebar, main, essas coisas.
12. Role Widgets Para marcar elementos de interface soltos, como caixas de alerta, botões, checkbox, links, tabs etc.
15. Role Landmarks Para regiões de página que são pontos importantes para onde o usuário navegaria. Exemplo: buscas, conteúdo principal, sidebar, formulários etc…
16. Estados & Propriedades
18. Fontes: http://tableless.com.br/acessibilidade-na-web-atualizando-como-tornar-seu-site-acessivel/ https://www.w3.org/TR/wai-aria/roles#roles_categorization http://tableless.com.br/wai-aria-estendendo-o-significado-das-interacoes/ http://www.data-vocabulary.org/