Flash Accessibility. Jared Smith webaim.org FlashAccessibility.pdf

Transcription

1 Flash Accessibility Jared Smith webaim.org FlashAccessibility.pdf

2 Accessibility?

3 P O U R

4 P erceivable O U perable nderstandable R obust

5

6

7

8

9

10 Assistive Technologies

11 Assistive Technology Microsoft Active Accessibility (MSAA)

12 Assistive Technology Microsoft Active Accessibility (MSAA)

13 HTML will always be more accessible

14 Multimodal

15 Scaleable

16 Keyboard Accessible

17 Engaging

18 Self-voicing

19 Approaches Natively accessible Self-voicing Accessible alternative

20 Screen readers are linear

21

22 Much Flash content cannot be made accessible without significant restructuring

23 Captioning

24 Captioning Open captions vs closed captions

25 Captioning 1.Transcribe audio (provide the full transcript) 2.Segment into distinct caption displays 3.Record time synchronization data 4.Put it all together

26 Captioning automaticsync.com

27 Captioning HTML5 Video and Captioning Native support? Ogg or H.264? In-stream or external?

28 Captioning

29 Captioning Use the JW FLV Player (longtailvideo.com) with TimedText XML file for captions The FLVPlaybackCaptioning component also does the trick

30 The JW FLV Player also supports audio description for blind users support/tutorials/making-video- Accessible

31 Flash Auto-playing Don t... unless the user knows it s coming.

32 Audio Descriptions Present visual content to those who cannot see it

33 Scaleable Flash Provide a text magnifier or font resizing options Vector-based content enlarges perfectly without pixelization... but don t disable content (right click) menu

34 Contrast Ensure adequate contrast between text and background. Do not rely on color alone to convey content. You ve won the lottery! Press the green button to accept your prize!

35 Screen Reader Accessibility Text is read by screen readers Alternative text for non-text content is added using the Accessibility Panel or in ActionScript

36 Screen Reader Accessibility

37 Screen Reader Accessibility m._accprops = new Object(); m._accprops.name = WebAIM ; m._accprops.description = Web Accessibility in Mind

38 Screen Reader Accessibility Accessibility.updateProperties();

39 Screen Reader Accessibility Select/Deselect Make object accessible and Make child objects accessible as needed. Use Name for short alternatives and Description for longer alternatives

40 Screen Reader Accessibility Be VERY careful with Auto label

41 Keyboard Accessibility Tab to move through tabable elements (buttons, inputs, etc.) Space or enter to activate

42 Keyboard Accessibility Don t disable the _focusrect... or build your own using the Over state of buttons or scripting.

43 Keyboard Accessibility Default reading and navigation order is based roughly on the distance from the top-left corner of the stage

44 Keyboard Accessibility Control the reading and navigation order by setting Tab index

45 Keyboard Accessibility Set Tab index in the Accessibility Panel or ActionScript t1.tabindex = 1 b1.tabindex = 2 b2.tabindex = 3

46 Keyboard Accessibility View... Show Tab Order

47 Keyboard Accessibility Remove from Tab and Reading Order... myobject.silent = true;

48 Keyboard Accessibility Remove from Tab Order Only myobject.tabenabled = false;

49 Use off-screen content or content alternatives for screen readers when visible content can t be made accessible

50 Keyboard Accessibility Set focus to an object... Selection.setFocus( intro ); Useful in conjunction with custom keyboard shortcuts

51 Screen Reader Freakout Mode Dynamic content, toggle buttons, etc.

52 Keyboard Accessibility Maintain focus within the Flash movie or allow navigation back to surrounding web page???

53 Keyboard Accessibility Set shortcut keys

54 Keyboard Accessibility Shortcut panel doesn t (yet) work in A.T. X

55 Keyboard Accessibility You can still program your own shortcuts with event handlers and ActionScript. You must inform the user of the shortcut.

56 Keyboard Accessibility HTML links are not accessible. Use buttons instead.

57 Components Most built-in Flash Components are already accessible... but you must enable accessibility... combobox.enableaccessibility();

58 Detecting A.T. Accessibility.isActive()

59 Testing Flash Accessibility True Flash accessibility can only be tested in a screen reader

60 Resources flash/ flash/tutorial/ accessible_animated_preso_print.html

61 Questions? Jared Smith FlashAccessibility.pdf