1 / 51

Alternative Views of the Web

This article explores alternative views of the web, focusing on built-in accessibility features, speech browsing, keyboard support, and specialized browsers. It also includes demonstrations of HPR screen readers, JAWS WordSmith, and Dragon Systems voice recognition.

marcuss
Download Presentation

Alternative Views of the Web

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. Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign

  2. Built-in Accessibility Features • Adjusting fonts and colors • Conditional content • Keyboard support • Control of automatic behaviors • Assistive technology compatibility

  3. Speech Browsing • Voice commands • Reading Web Documents

  4. Internet Explorer • User defined fonts • User defined colors • Access to ALT text and other conditional content • Turning off scripting • Keyboard support • Documentation • Support for user style sheets

  5. IMAGE: Internet Options Menu Item

  6. IMAGE: Options Dialog Box

  7. IMAGE: Ignoring author styles

  8. IMAGE: Setting colors

  9. IMAGE: Setting font style

  10. IMAGE: Setting font size

  11. IMAGE: Set to always show complete ALT text and track cursor

  12. IMAGE: Turning off images and accessing ALT text

  13. IMAGE: Turning off Multi-media

  14. IMAGE: Security Options

  15. IMAGE: Turn off script support

  16. IMAGE: Resulting Rendering

  17. IMAGE: Keyboard support

  18. Common Keyboard Commands • Link/Form navigation: TAB, Shift + TAB • Selecting link: ENTER key • Frame navigation: Alt + TAB, Alt + Shift + TAB • Select the text in the Address bar. ALT + D • Display a list of addresses you've typed. F4 • Find on this page. CTRL+F • Open the Search bar. Ctrl + E • Open the Favorites bar. Ctrl + I • Open the History bar. Ctrl + H

  19. IMAGE: Accessing list boxes

  20. IMAGE: Documentation

  21. Style Sheets • Author and user style sheets • Fonts • Colors • Text transformations • Positioning

  22. Types of Style Sheets • External • Internal • In-line

  23. Style Sheet Element • Selector • Properties • Values

  24. IMAGE: Creating Style Sheet

  25. IMAGE: Applying Cascading Style Sheet

  26. Internet Explorer Limitations • Styling Alt text for images • Styling error messages • No access to long descriptions • No emulation of mouse events • Limited access to conditional content • NOFRAMES • NOSCRIPT

  27. IMAGE: Error message

  28. IMAGE: Opera

  29. Opera Features • Keyboard Navigation • Changing Styles • Text and Image Zooming • One button toggle images • One button user/user styles

  30. IMAGE: Opera with Images ON

  31. IMAGE: Opera with Images OFF

  32. IMAGE: Zooming text and Images

  33. Author and User Mode • CSS • Tables • Colors • Fonts • Frames

  34. IMAGE: Setting User Preferences

  35. IMAGE: Ignoring table markup

  36. IMAGE: Toggling User Mode

  37. IMAGE: Keyboard Navigation

  38. Opera Keyboard Navigation • Header Elements • Forms • Links

  39. Speech Browsing • Linear reading • Temporal • Active investigation

  40. Specialized Browsers • Primarily for VI • Only reads web documents • Advanced document navigation • Table navigation • Automatic language changes • Link list • Longdesc attribute

  41. DEMO: Home Page Reader

  42. HPR Views • Text View • Graphics View • Information View • History View

  43. HPR Read Modes • Text • Links • Form controls • Headings • Table jump • Table cells

  44. DEMO: HPR

  45. Screen Readers • Primarily for VI • General purpose screen reader • Link list • Table reading modes • Header navigation • Support for longdesc attibute

  46. DEMO: JAWS

  47. WordSmith • Primarily for LD • Read text on Web Pages • Check word definitions

  48. DEMO: WordSmith

  49. Voice Recongion • Voice commands • Reading text back

  50. DEMO: Dragon Systems

More Related