white master replace with a graphic 5.5 tall &4.3 wide copyright 2009 adobe systems...

16
® ight 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 3 Flash accessibility architecture MSAA Flash Player Flex SDK Flash content Flex content Assistive technology Flash components Custom Flash content

Upload: adam-garcia

Post on 27-Mar-2015

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 3

Flash accessibility architecture

MSAA

Flash Player

Flex SDK

Flash contentFlex content

Assistive technology

Flash components

Custom Flashcontent

Page 2: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 4

AccessibilityProperties object

name

description

silent

forceSimple

shortcut

noAutoLabeling

Page 3: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 5

AccessibilityProperties.name and .description

AccessibilityProperties.name Labeling information for the object.

AccessibilityProperties.description Additional information on the object.

Page 4: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6

AccessibilityProperties.silent and .forceSimple

AccessibilityProperties.silent Used to make the movie clip or root movie inaccessible to assistive

technologies.

AccessibilityProperties.forceSimple Used to hide all child objects for a object, resulting in a single accessible

object

Page 5: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 7

What you see when you can’t see

Flash movie start

Flash movie end

Bicycle

Wheel

Frame

Gears

Other Wheel

Page 6: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 8

Using forceSimple

Flash movie start

Flash movie end

Bicycle

Wheel

Frame

Gears

Other Wheel

Page 7: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 9

Other accessibility-related code

Capabilities.hasAccessibility

Accessibility.isActive() Takes 2 seconds to handshake

Page 8: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 10

AccessibilityProperties.shortcut and .noAutoLabeling

AccessibilityProperties.shortcut Cue for the screen reader

Does not give the object that shortcut!

AccessibilityProperties.noAutoLabeling Used to toggle the Flash player’s ability to assign accessibility names

automatically. If this property is disabled, developers need to assign names for all objects

Only defined at the root movie level

Page 9: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 11

Accessible Flash components

SimpleButton

CheckBox

RadioButton

Label

TextInput

TextArea

ComboBox

ListBox

Window

Alert

DataGrid

Page 10: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 12

Enabling component accessibility

import fl.accessibility.ComboBoxAccImpl;

ComboBoxAccImpl.enableAccessibility();

Use Accessibility.updateProperties() to refresh Flash content when it’s modified.

Page 11: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 13

Testing Flash for Accessibility

Designers are often visual in their way of looking at the world

Devote time to learning the screen reader, then use it

Test for accessibility are regular intervals Test for screen reader access at least twice a day

Test other use cases at least once a week (more often on compressed schedules)

Involve people with disabilities in the process User testing for large scale projects

Email based feedback for smaller projects

13

Page 12: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 14

Controlling Tab and Reading Order

Inspect32 / AccExplorer32 Demo

Quick tools for identifying reading order, object names, and role and state information

14

Page 13: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 15

Controlling Tab and Reading Order

Ensure objects are read in a sensible order The tab order for a Flash or Flex application is used to

determine the order of the items in the MSAA tree, which is used for the reading order

The MSAA tree is used in the same way that JAWS uses the DOM for HTML reading order.

Use MSAA inspector tools and a screen reader to: ensure labels are read before controls ensure any instructions for controls are read before

controls themselves

15

Page 14: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 16

Controlling Tab and Reading Order

Controlling reading order is different from controlling what the user reads

Flash allows the focus to be programmatically moved, screen readers will respond to this in “forms” mode only.

Screen readers maintain an off-screen model which is followed instead of the system focus, except in forms mode.

16

Page 15: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 17

Provide Structure, Role, and State Information

Screen reader user should know what every control does Buttons must be correctly

identified

Controls emulating standard windows controls should be identified appropriately

Unusual controls should provide cues to users as to their identification, operation and state information

Flash CS4’s UI components handle role for you.

17

Page 16: White Master Replace with a graphic 5.5 Tall &4.3 Wide Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.1 Matt May (@mattmay)

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 18

Provide Structure, Role, and State Information

Every control should indicate state:

Current selection.

Number of possible selections.

Update when selection changes.

Flash CS4’s UI components handle state for you.

18