1 / 18

Best Practices for Accessible Flash Design in Web Services

Discover essential guidelines for creating accessible Flash content in web services. This resource outlines minimum requirements for users, including necessary software and screen readers, as well as best practices for ensuring usability for individuals with disabilities. Key topics include providing text equivalents, controlling animation, ensuring keyboard access, and usage of color wisely. Learn to enhance your content’s accessibility through strategic design choices like progressive disclosure and proper reading order. Elevate user experience and meet accessibility standards effectively.

marcin
Télécharger la présentation

Best Practices for Accessible Flash Design in Web Services

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Animate Responsibly Shelly BrownDirector of Web ServicesSouthwest Baptist University

  2. Minimum Requirements • Flash Player 6 or later • Windows 98, 2000 and XP • Vista - Flash Player 9.0.28 • Microsoft IE 5 or later • Screen Readers • GW Micro Window Eyes 4.2 or later • Freedom Scientific JAWS 4.5, 6.1 or later • IBM Home Page Reader 3.0.4 • Dolphin HAL 6.50 • KDS PC Talker (Japan)

  3. Controls • Labels – What is it? • Role – What’s it do? • State – Is it on or off? • Structure – What is the relation with the other controls?

  4. Best Practices • Provide text equivalents • Provide Context • Control Reading Order • Control Animation • Ensure Keyboard Access • Progressive Disclosure • Enable Component Accessibility • Provide Captions • Provide Control over Audio Playback • Use Color Wisely • Support Users with Low Vision

  5. Text Equivalents • Can be accomplished through the accessibility panel in Flash or with ActionScript • Placed in the name field • Small movies = single text equivalent + child objects inaccessible • Large movies = long description • Do not provide text equivalents when • Element contains no content, repetitive or are purely decorative • Auto-labeling

  6. Provide Context • Describe the movie • Site Info link • Expose state • Dynamic text field

  7. Control Reading Order • Keep the physical size of the movie small. • < 300 px wide and single column/row • Accessibility panel or ActionScript • Tab index values • ActionScript at root level in first frame • Reading order should reflect the structure of the screen. • Screen reader detection • Attach to first button in the movie

  8. Control Animation • Hide Child Objects • Accessibility Panel: deselect “Make Child Objects Accessible” • ActionScript: .forcesimple=true • Settle Motion • Avoid Blinking • Photo-sensitive epilepsy

  9. EnsureKeyboard Access • Avoid empty hit areas • Assign keyboard shortcuts for most essential controls • ActiveX Controls • Flash 6 or older will not let you tab out of a Flash movie to the HTML. Update to Flash 7 or newer.

  10. Progressive Disclosure • Limited number of options at the top • Multiple options at the bottom • Hide multiple controls under a single control

  11. Simple button Check box Radio Button Label Text Input Text Area Combo box * List box* Window Alert Data Grid * Enable Component Accessibility Enable the accessibility object by using the command enableAccesssibility() to first frame of movie. *Issues with Flash Player 7

  12. Provide Captions • Importing audio content that is already captioned • Placing text directly on the stage • Hi-Software – third-party tool that facilitates delivering captions • Streaming XML caption data • Hi-Caption SE or MAGpie from the National Center for Accessible Media.

  13. Provide Control over Audio Playback • Audio from a Flash movie may interfer with the ScreenReader. • Provide the user ability to start, pause and stop the audio. • Volume

  14. Use Color Wisely • Don’t use color as the sole means of providing information • Contrast

  15. Support Users with Low Vision • Options that allow users to modify text size of an application • Flash files (SWF) do not react to the user increasing the text size option in the browser • JavaScript fix, OSFlash.org

  16. Resources http://www.osflash.org/ http://www.actionscript.org/ http://www.aralbalkan.com/ http://niquimerret.com/ Flash Paper: Best Practices to Accessible Flash Design

  17. Good Examples http://www.pbs.org/wgbh/amex/zoot/eng_sfeature/mx/pop_zoot_mx.html http://science.education.nih.gov/supplements/nih3/hearing/activities/activities_toc.htm http://www.eduplace.com/tacklereading/puzzles.html http://www.eduplace.com/geonet/splash.html

  18. Questions??

More Related