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.

1. Flex e Acessibilidade:
Sim, é possível!
por Odair Seixas

2. sobre... contatos...
Desenvolvedor web há 11 anos, odair@rino.nu
trabalho 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. 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. motivação...

5. motivação...
...o cliente

6. tecnologias assitivas
• Teclado
• Assistente de tela (CPqD, ZoomText)
• Legendas e feedbacks visuais
• Amplificadores de audio
• Reconhecimento biométrico

7. ambiente de
desenvolvimento
• Flash Builder 4.5
• VirtualBox
• Windows XP (MSAA - Microsoft Active Accessibility)
• aDesigner
• CPqD
• Firefox

8. ambiente de desenvolvimento
Flash Builder

9. ambiente de desenvolvimento
CPqD
http://www.mc.gov.br/aplicativo-leitor-de-telas

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. 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. características de uma
aplicação acessível
• Teclado-acessível
• Informações equivalentes
• Ações alternativas

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. 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. características de uma
aplicação acessível
Ações alternativas (exemplos)
• Drag-and-drop
• Menus contextuais
• Barras de ferramentas

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

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. Dúvidas?

21. Obrigado!