Flex e Acessibilidade:   Sim, é possível!       por Odair Seixas
sobre...             contatos... Desenvolvedor web há 11 anos,                  odair@rino.nutrabalho com flash nesse mesmo...
sumário•   Motivação•   Tecnologias assistivas•   Ambiente de desenvolvimento•   Componentes e containers acessíveis•   Pr...
motivação...
motivação......o cliente
tecnologias assitivas• Teclado• Assistente de tela (CPqD, ZoomText)• Legendas e feedbacks visuais• Amplificadores de audio•...
ambiente de     desenvolvimento• Flash Builder 4.5• VirtualBox• Windows XP    (MSAA - Microsoft Active Accessibility)• aDe...
ambiente de desenvolvimento      Flash Builder
ambiente de desenvolvimento                    CPqDhttp://www.mc.gov.br/aplicativo-leitor-de-telas
componentes e containers acessíveis• Spark - (http://goo.gl/JeZcz)• MX - (http://goo.gl/Anqtg)• Customizados -        Deve...
propriedades de            acessibilidade•   flash.accessibility API (http://help.adobe.com/en_US/FlashPlatform/reference/ ...
características de uma  aplicação acessível• Teclado-acessível• Informações equivalentes• Ações alternativas
características de uma  aplicação acessível                Teclado-acessível•   Todos os controles acessíveis pelo teclado...
características de uma  aplicação acessível            Informações equivalentes•   Imagens com legenda•   Gráficos com lege...
características de uma  aplicação acessível         Ações alternativas (exemplos)•   Drag-and-drop•   Menus contextuais•  ...
teclas de atalho                Quando usar?• Em mnemônicos (salvar, imprimir)• Em reprodução de mídia (play, pause)• Em a...
boas práticas na ordem de leitura e tabulação•   Tabulação lógica e bem definida•   Alertas primeiro•   Ignore conteúdo irr...
exemplos
referências• Adobe - Accessibility Resource Center• Best practices for accessibility with  Adobe® Flex® 4 (http://blogs.ad...
Dúvidas?
Obrigado!
Próximos SlideShares
Carregando em…5
×

Flex e acessibilidade. Sim, é possível!

923 visualizações

Publicada em

Desenvolver aplicações flex acessíveis a deficientes visuais é simples e praticamente não muda seu fluxo de trabalho. Que tal fazer um pequeno esforço para democratizar seus projetos? Nesta palestra vamos ver um caso real que deu certo.

Publicada em: Tecnologia, Design
  • Seja o primeiro a comentar

Flex e acessibilidade. Sim, é possível!

  1. 1. Flex e Acessibilidade: Sim, é possível! por Odair Seixas
  2. 2. sobre... contatos... Desenvolvedor web há 11 anos, odair@rino.nutrabalho com flash nesse mesmo www.twitter.com/odairseixas www.odairseixas.com período e comecei com o flex em 2009. Sou um dos fundadores do FUGAL Flash User Group Alagoas (www.fugal.com.br) e diretor da Rino (www.rino.nu).
  3. 3. sumário• Motivação• Tecnologias assistivas• Ambiente de desenvolvimento• Componentes e containers acessíveis• Propriedades de acessibilidade• Características de uma aplicação acessível• Teclas de atalho• Boas práticas na ordem de leitura e tabulação
  4. 4. motivação...
  5. 5. motivação......o cliente
  6. 6. tecnologias assitivas• Teclado• Assistente de tela (CPqD, ZoomText)• Legendas e feedbacks visuais• Amplificadores de audio• Reconhecimento biométrico
  7. 7. ambiente de desenvolvimento• Flash Builder 4.5• VirtualBox• Windows XP (MSAA - Microsoft Active Accessibility)• aDesigner• CPqD• Firefox
  8. 8. ambiente de desenvolvimento Flash Builder
  9. 9. ambiente de desenvolvimento CPqDhttp://www.mc.gov.br/aplicativo-leitor-de-telas
  10. 10. componentes e containers acessíveis• Spark - (http://goo.gl/JeZcz)• MX - (http://goo.gl/Anqtg)• Customizados - Devem expor: Name, State e mais informações em conformidade com o MSAA.
  11. 11. propriedades de acessibilidade• flash.accessibility API (http://help.adobe.com/en_US/FlashPlatform/reference/ actionscript/3/flash/accessibility/package-detail.html).• AccesibilityProperties.name / component.accessibilityName• AccessibilityProperties.description / component.accessibilityDescription• AccessibilityProperties.shortcut / component.accessibilityShortcut = "Alt+S" (Não implementa o atalho realmente, apenas expõe para as tecnologias assistivas)• AccessibilityProperties.silent - Tem a mesma função que o accessibilityEnabled, só que com valores inversos. Por padrão, components fora da tela ou invisíveis não expões as propriedades de acessibilidade.• AccessibilityProperties.forceSimple - Propriedade que define se os objetos filhos serão acessíveis. Não tem propriedade acessória, pois normalmente só é usado em implementações customizadas de acessibilidade.• Accessibility.updateProperties() - Atualizar as informações de acessibilidade, as propriedade acessórias implementam automaticamente.
  12. 12. características de uma aplicação acessível• Teclado-acessível• Informações equivalentes• Ações alternativas
  13. 13. características de uma aplicação acessível Teclado-acessível• Todos os controles acessíveis pelo teclado• tabIndex bem definido• Teclas de atalho
  14. 14. características de uma aplicação acessível Informações equivalentes• Imagens com legenda• Gráficos com legendas organizadas• Alertas visuais com texto equivalente e tipo identificável• Botões com apenas ícones, devem ter o accessibilityName informado
  15. 15. características de uma aplicação acessível Ações alternativas (exemplos)• Drag-and-drop• Menus contextuais• Barras de ferramentas
  16. 16. teclas de atalho Quando usar?• Em mnemônicos (salvar, imprimir)• Em reprodução de mídia (play, pause)• Em ações que precisam ser executadas rapidamente (vídeo de background)
  17. 17. boas práticas na ordem de leitura e tabulação• Tabulação lógica e bem definida• Alertas primeiro• Ignore conteúdo irrelevante• Reporte situações de transição• Evite informações redundantes
  18. 18. exemplos
  19. 19. referências• Adobe - Accessibility Resource Center• Best practices for accessibility with Adobe® Flex® 4 (http://blogs.adobe.com/accessibility/2011/03/ flex-4-accessibility-best-practices.html)
  20. 20. Dúvidas?
  21. 21. Obrigado!

×