alternative views of the web jon gunderson, ph.d. division of rehabilitation-education services...

Alternative Views of the Web

Jon Gunderson, Ph.D.Division of Rehabilitation-Education Services

University of Illinois at Urbana/Champaign

Built-in Accessibility Features

Adjusting fonts and colors Conditional content Keyboard support Control of automatic behaviors Assistive technology compatibility

Speech Browsing

Voice commands Reading Web Documents

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

IMAGE: Internet Options Menu Item

IMAGE: Options Dialog Box

IMAGE: Ignoring author styles

IMAGE: Setting colors

IMAGE: Setting font style

IMAGE: Setting font size

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

IMAGE: Turning off images and accessing ALT text

IMAGE: Turning off Multi-media

IMAGE: Security Options

IMAGE: Turn off script support

IMAGE: Resulting Rendering

IMAGE: Keyboard support

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

IMAGE: Accessing list boxes

IMAGE: Documentation

Style Sheets

Author and user style sheets Fonts Colors Text transformations Positioning

Types of Style Sheets

External Internal In-line

Style Sheet Element

Selector Properties Values

IMAGE: Creating Style Sheet

IMAGE: Applying Cascading Style Sheet

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

IMAGE: Error message

IMAGE: Opera

Opera Features

Keyboard Navigation Changing Styles Text and Image Zooming One button toggle images One button user/user styles

IMAGE: Opera with Images ON

IMAGE: Opera with Images OFF

IMAGE: Zooming text and Images

Author and User Mode

CSS Tables Colors Fonts Frames

IMAGE: Setting User Preferences

IMAGE: Ignoring table markup

IMAGE: Toggling User Mode

IMAGE: Keyboard Navigation

Opera Keyboard Navigation

Header Elements Forms Links

Speech Browsing

Linear reading Temporal Active investigation

Specialized Browsers

Primarily for VI Only reads web documents Advanced document navigation Table navigation Automatic language changes Link list Longdesc attribute

DEMO: Home Page Reader

HPR Views

Text View Graphics View Information View History View

HPR Read Modes

Text Links Form controls Headings Table jump Table cells

DEMO: HPR

Screen Readers

Primarily for VI General purpose screen reader Link list Table reading modes Header navigation Support for longdesc attibute

DEMO: JAWS

WordSmith

Primarily for LD Read text on Web Pages Check word definitions

DEMO: WordSmith

Voice Recongion

Voice commands Reading text back

DEMO: Dragon Systems

W3C User Agent Accessibility Guidelines

Cross disability User control of rendering Navigation Orientation Device Independence Compatibility with AT Documentation