EASI Equal Access to Software and Information
-
Upload
thane-whitney -
Category
Documents
-
view
24 -
download
0
description
Transcript of EASI Equal Access to Software and Information
![Page 1: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/1.jpg)
EASIEqual Access to Software
and Information
EASI is the premier provider of online training about accessible
information technology
![Page 2: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/2.jpg)
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
![Page 3: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/3.jpg)
3
BARRIER-FREE WEB DESIGN
Resources WAI www.w3.org/wai EASI www.rit.edu/~easi www.access-board.gov
![Page 4: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/4.jpg)
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
![Page 5: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/5.jpg)
5
WAI
WAI has created many useful resources including:
Authoring tool guidelines Web design guidelines Web quick tips
![Page 6: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/6.jpg)
6
WHY UNIVERSAL DESIGN?
It’s the Right Thing TO DO It Makes Ecconomic Sense It’s the Law Do It For Yourself
![Page 7: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/7.jpg)
7
ACCEESS FOR ALL
Disabled users surf your pages with: Screen Magnification Software Screen Reading Software Alternative Browsers Alternative Keyboards Alternative mouses
![Page 8: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/8.jpg)
8
IMAGES AND ANIMATIONS
Use the alt attribute to describe the function of all visuals
![Page 9: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/9.jpg)
9
WEB PAGE AS IMAGE
![Page 10: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/10.jpg)
10
SAME PAGE GRAPHICS OFF
![Page 11: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/11.jpg)
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">
![Page 12: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/12.jpg)
12
IMAGE MAPS
Use client-side maps and text for hotspots
![Page 13: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/13.jpg)
13
MULTIMEDIA
Provide captioning and transcripts of audio and descriptions of video
![Page 14: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/14.jpg)
14
HYPERTEXT LINKS
Use text that makes sense when read out of context
For example, avoid “click here”
![Page 15: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/15.jpg)
15
Links That Make Sense
Click Here to view EASI video on Adaptive Computing
Click Here to view video on Adaptive Computing
![Page 16: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/16.jpg)
16
PAGE ORGANIZATION
•Use headings, lists and consistent structure
•Use CSS for layout and style where possible
![Page 17: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/17.jpg)
17
GRAPHS AND CHARTS
Summarize or use the longdesc attribute
![Page 18: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/18.jpg)
18
SCRIPTS, APPLETS AND PLUG-INS
Provide alternate content in case active features are inaccessible or unsupported
![Page 19: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/19.jpg)
19
FRAMES
Use noframes and meaningful titles
Example of NOFRAMES and TITLE Code
![Page 20: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/20.jpg)
20
TABLES
Make line by line reading sensible Summarize
![Page 21: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/21.jpg)
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
![Page 22: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/22.jpg)
22
Bobby http://www.cast.org/bobby/
WAVE
A-PROMPT
ACCESS CHECKERS
![Page 23: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/23.jpg)
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.
![Page 24: EASI Equal Access to Software and Information](https://reader030.fdocuments.us/reader030/viewer/2022020417/5681365e550346895d9deae4/html5/thumbnails/24.jpg)
24
CONTACT INFORMATION
My e-mail: [email protected] EASI www.rit.edu/~easiNational
Center for Accessible E-learning: Easi-elearn.org