Flex e acessibilidade. Sim, é possível!
-
Upload
odair-seixas-junior -
Category
Technology
-
view
681 -
download
0
description
Transcript of Flex e acessibilidade. Sim, é possível!
Flex e Acessibilidade: Sim, é possível!
por Odair Seixas
sobre...Desenvolvedor web há 11 anos,
trabalho com flash nesse mesmo 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).
www.twitter.com/odairseixaswww.odairseixas.com
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
motivação...
motivação......o cliente
tecnologias assitivas
• Teclado
• Assistente de tela (CPqD, ZoomText)
• Legendas e feedbacks visuais
• Amplificadores de audio
• Reconhecimento biométrico
ambiente de desenvolvimento
• Flash Builder 4.5
• VirtualBox
• Windows XP (MSAA - Microsoft Active Accessibility)
• aDesigner
• CPqD
• Firefox
ambiente de desenvolvimentoFlash Builder
ambiente de desenvolvimentoCPqD
http://www.mc.gov.br/aplicativo-leitor-de-telas
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.
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.
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
• tabIndex bem definido
• Teclas de atalho
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
características de uma aplicação acessível
Ações alternativas (exemplos)
• Drag-and-drop
• Menus contextuais
• Barras de ferramentas
teclas de atalho
• 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)
Quando usar?
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
exemplos
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)
Dúvidas?
Obrigado!