Embed Size (px)
DESCRIPTION
EASI Equal Access to Software and Information. EASI is the premier provider of online training about accessible information technology. EASI COURSES www.rit.edu/~easi. Barrier-free Info Tech Barrier-free Web Design Advanced Web Design Barrier-free E-learning Train the Trainer - PowerPoint PPT Presentation
Citation preview
EASIEqual Access to Software
and Information
EASI is the premier provider of online training about accessible
information technology
2
Barrier-free Info Tech Barrier-free Web Design Advanced Web Design Barrier-free E-learning Train the Trainer LD & Accessible IT Business Benefits of Accessible Design
EASI COURSESwww.rit.edu/~easi
3
BARRIER-FREE WEB DESIGN
Resources WAI www.w3.org/wai EASI www.rit.edu/~easi www.access-board.gov
4
WAI
The Web Access Initiative was established by the World Wide Web Consortium to develop guidelines on making the web accessible to users with disabilities
http://www.w3.org/wai
5
WAI
WAI has created many useful resources including:
Authoring tool guidelines Web design guidelines Web quick tips
6
WHY UNIVERSAL DESIGN?
It’s the Right Thing TO DO It Makes Ecconomic Sense It’s the Law Do It For Yourself
7
ACCEESS FOR ALL
Disabled users surf your pages with: Screen Magnification Software Screen Reading Software Alternative Browsers Alternative Keyboards Alternative mouses
8
IMAGES AND ANIMATIONS
Use the alt attribute to describe the function of all visuals
9
WEB PAGE AS IMAGE
10
SAME PAGE GRAPHICS OFF
11
ALT TAG HTML CODE
<img src="alt2.gif" width=417 height=128 alt="EASI
Banner, with words EASI Equal Access to Software
and information" border=0 align="middle">
<p><img src="alt3.gif" width=285 height=143 alt="Picture of Dr.Norman Coombs and Dick Banks" border=0 align="middle">
12
IMAGE MAPS
Use client-side maps and text for hotspots
13
MULTIMEDIA
Provide captioning and transcripts of audio and descriptions of video
14
HYPERTEXT LINKS
Use text that makes sense when read out of context
For example, avoid “click here”
15
Links That Make Sense
Click Here to view EASI video on Adaptive Computing
Click Here to view video on Adaptive Computing
16
PAGE ORGANIZATION
•Use headings, lists and consistent structure
•Use CSS for layout and style where possible
17
GRAPHS AND CHARTS
Summarize or use the longdesc attribute
18
SCRIPTS, APPLETS AND PLUG-INS
Provide alternate content in case active features are inaccessible or unsupported
19
FRAMES
Use noframes and meaningful titles
Example of NOFRAMES and TITLE Code
20
TABLES
Make line by line reading sensible Summarize
21
CHECK YOUR WORK
Validate for HTML Validate for access features View with several browsers View using browser with graphics
off Use WAI checklist and guidelines
22
Bobby http://www.cast.org/bobby/
WAVE
A-PROMPT
ACCESS CHECKERS
23
THANK YOU FOR CARING
We thank you for caring enough to make the world of information a better place for us personally and millions of people just like us.
24
CONTACT INFORMATION
My e-mail: [email protected] EASI www.rit.edu/~easiNational
Center for Accessible E-learning: Easi-elearn.org
