Resumo da palestra de Rachel Shearer: “Como tornar seus aplicativos da web acessíveis usando HTML5 e ChromeVox”

Nem todo mundo, consegue enxergar direito, então recursos de audio, ou mesmo zoom podem ser importante.
E também há pessoas que não podem mexer no mouse, e é preciso ter um site acessivel apenas via teclado

Dicas Gerais

• Use seções logicas, user header (h1, h2, p…)
• Não criar controles Ajax(dom) complexos carregados ao final ou em outro local
• Use tags HTML nativos, não use “span onclick=…” , “div onclick=…” para ações, isso não gera foco de ação
• Use as tags novas HTML “button”
• Use a TAG “label for…” para associar aos dados de input
• Todas imagens precisam ter o ALT, se não os narradores irão falar o nome do arquivo de imagem
• Manipule o foco de forma correta, ajude a navegação e a experiência do usuário
• Use atalhos de navegação, teclas de navegação, simplifique de forma direta uma ação
• Os narradores tem problemas para narrar os DIV e SPAN por causa da ordem de aparição dos CSS, use o atributo “tabindex” para que ordenar da forma da leitura
• Use teclas padrão para a navegação
• Use o atributos “role” e “aria”

Ferramentas de Recursos

• Chromevox
• ChromeShades
• VoiceOver
• NVDA
• Dojo

Experimente navegar em seu site sem mouse!