Animate Responsibly Shelly Brown Director of Web Services Southwest Baptist University.

Slides:



Advertisements
Similar presentations
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
Advertisements

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY AT Access to Flash and PDF Matt May 25 Mar 2010 Featuring.
Video, audio, embed, iframe, HTML Form
1. 2 A disability justice movement working to transform communities. Home of Michigan’s Assistive Technology Program MDRC’s Web Page:
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Tutorial 6 Working with Web Forms
SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.
Web Accessibility With the User in Mind Insights and Techniques Kathy Kimball Candace Lee Egan Copyright 2002 California State University Fresno All rights.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Adobe Reader and Acrobat Professional Adobe LiveCycle Designer Microsoft Office Word PowerPoint.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
IPAC 2.0+ Accessibility Configuring iPAC for Maximum Sight and Physical Accessibility.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.
Lesson 10: Adding Flash, Video, and Sound Content Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
Birkbeck University of London Business Workshop Web Accessibility Accessible web page content © Copyright Janet Billinge Adapted from Accessible.
Java Application Accessibility Awareness Lawrence Najjar.
2005 Adobe Systems Incorporated. All Rights Reserved. 1 Accessibility for Rich Internet Applications Andrew Kirkpatrick Corporate Accessibility Engineering.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Quality Matters Web Accessibility Standard Amy Kinsel, June 2, 2010.
My First ACCESSIBLE Flash Movie. Course notes Detailed course notes, a printable copy of my slides, and all the samples shown today can be downloaded.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Publishing a Macromedia Flash Movie – Lesson 131 Publishing a Macromedia Flash Movie Lesson 13.
Web Accessiblity Carol Gordon SIU Medical Library.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Designing Accessible Notes/Domino 6 Applications Shannon Rapuano Accessibility Consultant CLP Notes Developer IBM Accessibility Center
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Overview of the web accessibility guidelines at RMIT: W3C's WAI Level A Conformance Praneeth Putlur Rajiv Pandya Rohit Sharma.
Tutorial 7 Planning and Creating a Flash Web Site.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
UNIT-V MULTIMEDIA APPLICATIONS Learning objectives To learn about symbols and instancesTo learn about symbols and instances To learn how to use Flash Action.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
XP Tutorial 8 Adding Interactivity with ActionScript.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Distributed Multimedia Programming Week - 6 ActionScripts Basics and Behaviors Working with Text.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Video player accessibility.
Making videos accessible – Mandatory guidelines
Creating a Flash Web Site
Voiceover (MAC) Shortcuts Rotor CMD + F5 Start CTRL + OPTION VO
Project Objectives Encode Flash Video (FLV) files for the Web
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Accessibility with Lectora Inspire 16
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then use the web page to create a template.
Chapter Lessons Understand the Macromedia Flash workspace
CHAPTER 8 Multimedia Authoring Tools
Introduction to Web Accessibility
Web Accessibility Allison Kidd, Accessibility Specialist
About Multimedia Files
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
WebAIM Screen Reader Survey Results
Presentation transcript:

Animate Responsibly Shelly Brown Director of Web Services Southwest Baptist University

Minimum Requirements  Flash Player 6 or later  Windows 98, 2000 and XP Vista - Flash Player  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 Dolphin HAL 6.50 KDS PC Talker (Japan)

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?

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

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

Provide Context  Describe the movie Site Info link Expose state  Dynamic text field

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

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

Ensure Keyboard 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.

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

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

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.

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

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

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

Resources Flash Paper: Best Practices to Accessible Flash Design

Good Examples mx.html ies/activities_toc.htm

Questions??