Testing flash and flex for accessibility indic threads-q11
Download as PPT, PDF1 like801 views
The document discusses the importance of accessibility in Flash and Flex applications, emphasizing that accessibility enables computer usage for individuals with disabilities. It details the accessibility features in Flash/Flex, the significance of compliance with guidelines like SEC 508 and WCAG, and highlights best practices for conducting accessibility testing. Additionally, it addresses the consequences of failing to produce accessible software, including litigation risks, while offering recommendations for integrating assistive technologies.
Testing flash and flex for accessibility indic threads-q11
- 1. Testing Flash and Flex for Accessibility Rashmi Aghor SAS R&D (India) Pvt. Ltd.
- 2. Key Takeaways… Importance of accessibility Accessibility features in Flash/Flex Accessibility testing For Flash/flex
- 3. Agenda Accessibility Flash/Flex Accessibility Accessibility testing for Flash/Flex Flex is different… Conclusion References Q & A
- 5. What is Accessibility? Accessibility means enabling computer hardware, software and services for universal use, including persons with disabilities. Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web.
- 6. Types of Disabilities Types of Disabilities Visual: color blindness Auditory Motor Impairment Cognitive / Learning Age related Accidental
- 7. Color blindness Example Back Normal Color Spectrum Color Spectrum for color blind
- 8. Try it yourself… Blind user wants to type mobile number Assume that you are blind Unplug the Mouse and turn off the monitor Open Notepad and enter your mobile number Total Keyboard Access Unplug the Mouse Open Microsoft Word and type a sentence Select it, copy and paste in another document
- 9. Solution ???
- 10. Assistive Technologies Aid for disabled people to use technology Utilize the info we provide via accessibility API Common types of ATs Screen readers for blind users Braille displays/keyboards for blind users Screen magnifiers for partially sighted users Speech-to-text for mobility-impaired users
- 11. AT for Blind People: Braille Display
- 12. AT for Low Vision
- 13. Why Produce Accessible Software? Corporate Social Responsibility Compliance with Sec 508/WCAG/ISO Community Benefits: Accessibility: For everyone's Benefit
- 14. Accessibility Guidelines US Federal - Sec 508 Global WCAG – Web Content Accessibility guidelines ISO Country Specific Canada – CLF UK – DDA/Equality Act 2010 Australia – resembles DDA Germany – BITV Back
- 15. Why Produce Accessible Software? Litigation Risk: Inaccessible Target.com Target settled big lawsuit: Pay NFB $90,000 for certification and $40,000 per year thereafter. Target’s web developers to receive accessibility training by NFB at a cost of up to $15,000 per session. Pay damages of at most $7000 per claimant, and $20,000 to the California Center for the Blind on behalf of the primary claimant, Bruce Sexton, Jr. Competitiveness/ Market share
- 16. Accessible Webcast Sync’d transcript (translate?) Archived video Slides Searchable transcript (ESL)
- 18. Adobe Flash Player Cross-platform browser-based application runtime Support for mobile devices Mobile-ready features for multitouch, gestures, mobile input models. Hardware acceleration
- 19. Adobe Flex Highly productive, free, open source framework Deploy consistently on all major browsers, desktops, and operating systems Leverages Adobe® Flash® Player and Adobe AIR® runtimes. Used in mobile application development
- 20. Is Flash Player Accessible? Integrated support for Microsoft Active Accessibility (MSAA) Action Script support for complex, dynamic sites Flash content treated as HTML content Supports Microsoft Internet Explorer and Mozilla Firefox Supports JAWS, Windows Eye and NVDA
- 21. Is Flex Accessible? 35 accessible components in Flex 4 Flash Player 9 or later recommended Need to enable accessibility in Flex applications
- 22. ACCESSIBILITY TESTING FOR FLASH/FLEX
- 23. Accessibility Compliance Validations for Sec 508 W3C WCAG Country specific Browsers IE7 and FF3 VPAT Accessibility Test Results Testing Environment Install Walkthroughs, User guides, list of KB shortcuts Level 1 Test Cases Typical Accessibility Testing Process Color Analyzer Assistive technologies
- 24. Taxonomies Accessibility testing categories: Keyboard accessibility Color – contrast support Assistive Technology Compatibility
- 25. Keyboard Accessibility testing Tab order Top-Bottom, Left-Right Logical grouping Keyboard navigation support Standard Keyboard Navigation supported? Shortcut keys for quick navigation Example
- 26. Keyboard Accessibility testing Keyboard interaction support Every interaction possible with mouse is also possible with keyboard only? Use the product without mouse… Really Consistent, visible focus Example
- 27. Test for Color – Contrast support No overriding of user selected display attributes Color alone not used to convey information High Contrast Support High Contrast Theme Screen Magnifier / browser’s Zoom functionality Interface is perceived: Test with color contrast analyzer
- 29. Color Contrast Analyzer Tool Use droppers to select colors for testing; use drop-down to test alternatives Can test for colorblindness
- 30. Color Contrast Analyzer Results
- 31. Planning for Assistive Technology Enable accessibility in Flex application Set accessible-true in flex-config.xml: Default in Flex 4.1 SDK <compiler> ... <accessible>true</accessible> ... </compiler> Build samples with accessible – true! Compile with –accessible=true
- 32. Assistive Technology Compatibility Support for keyboard, Screen Reader and MSAA ensures accessibility with any Assistive Technology Screen Reader Support Is focus tracked? Text description of all visual elements Reads name and state of controls Skip repetitive content
- 33. Screen Reader Support How to test? Start JAWS Turn off monitor and remove mouse Start Flash application Accessibility Demo with JAWS
- 34. MSAA Support MSAA support Name, Value, Role, State Exposed Change event notification How to test ? Start MSAA tools ACCEVENT – Active Accessibility Event Tester INSPECT – Active Accessibility Object Inspector Load Flash application
- 37. Inspect32
- 38. Catch the Defect Hint: The person is using a screen reader
- 40. Flex Accessibility Testing Challenges Need ‘JAWS Scripts for Flex’ Partial support for MSAA in Flash Player IAccessible – tree of arbitrary depth AccessibilityImplementation no methods supporting Parent/Child relationships one level depth impacts complex components – Table
- 41. Flex Accessibility Testing Challenges Accessibility is not built in… Enabling accessibility alters application size Expertise and Learning curve Automation for accessibility
- 42. Flex Accessibility Best Practices Enable application accessibility Use accessible components Ensure keyboard access Control reading order Provide instructions, captions and text equivalents Use color wisely
- 43. Conclusion Accessibility is not only for disabled, it benefits all. It is crucial to test applications for accessibility to ensure conformance with laws and standards and for making interfaces perceivable, operable, and understandable. Let us emphasize on creating universally acceptable products.
- 44. References Computer accessibility Web accessibility WAI: Accessibility Introduction Accessibility: For everyone's Benefit Inaccessible Target.com Adobe Flash accessibility design guidelines Flex accessibility Standard Keyboard Navigation in Flex Flash player 10 VPAT Flex Accessibility Best Practices Accessibility for Spark Components
- 45. Q & A
- 46. Thank You
Editor's Notes
- #3: Takeaways for audience. At the end of this session audience will be familiar with what is accessibility, importance of accessibility testing and best practices for testing Flash and flex for accessibility.
- #6: What is Accessibility… definitions
- #7: Visual: low vision, blindness, color blindness Auditory: hearing loss Motor Impairment: shakiness, paralysis Cognitive / Learning: attention difficulties Age related: eyesight, hearing Accidental: hand injury
- #9: Blindfold game: use to explain the need of assistive technologies
- #10: keeping this slide empty for feedback from audience So what should be the solution for this problem? Any guesses?
- #11: Why assistive technology is used and types of it.
- #14: Explain reasons to produce accessible products
- #15: Canada – Common Look and Feel (CLF) UK – Disability Discrimination Act (DDA)/Equality Act 2010 Australia – resembles DDA Germany – Barrier-Free Information Technology Regulation (BITV)
- #17: Example of accessible product.
- #18: Before going into details of accessibility testing for Flash/flex, let us see how accessible flash and flex is...
- #19: Explain why Flash player is popular
- #20: Explain why flex is popular
- #21: http://www.adobe.com/accessibility/products/flashplayer/overview.html
- #32: Special care needs to taken for testing with Assistive Technology. Before testing we need to enable accessibility in flex app.
- #38: Assistive Technology receives Information exposed to MSAA from Flash application
- #39: No proper text provided to screen reader