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

contatos...odair@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!