workshop 1 basics of web accessibility
DESCRIPTION
Workshop 1 Basics of Web Accessibility. Web Content Accessibility Project Funded by BCcampus Natasha Boskic, Kirsten Bole, Nathan Hapke University of British Columbia. Workshop schedule. Monday August 21 Basics of Web Accessibility Tuesday August 22 Coding an Accessible Website - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/1.jpg)
Workshop 1Basics of Web Accessibility
Web Content Accessibility Project
Funded by BCcampus
Natasha Boskic, Kirsten Bole, Nathan Hapke
University of British Columbia
![Page 2: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/2.jpg)
Workshop schedule
• Monday August 21Basics of Web Accessibility
• Tuesday August 22Coding an Accessible Website
• Wednesday August 23Accessible Multimedia
• Thursday August 24Creating Usable Content
• Friday August 25Disabilities & Assistive Technology
![Page 3: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/3.jpg)
The Plan
• What is accessibility and why is it important?• E-learning and accessibility• Who is affected?• How are they affected?• How do I make my course more accessible?
![Page 4: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/4.jpg)
![Page 5: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/5.jpg)
Why does it matter?
• We often make assumptions about our students and site visitors
• Disabilities are invisible online
• If we are unaffected, we are unaware of any inconvenience
![Page 6: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/6.jpg)
Consequences in Education
• Inaccessible sites can be slightly inconvenient or completely frustrating
• Inaccessible academic sites can have serious impact on someone’s educational experience
• Affects students’ access to course materials and ability to work and participate
• Excluding students is not an option
![Page 7: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/7.jpg)
Standards
• Web Content Accessibility Guidelines 1.0
• Created by the Web Accessibility Initiative section of the W3C
• 2.0 is under review
![Page 8: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/8.jpg)
Laws
• Section 508 (US)
• UK Disability Rights Commission
• Laws in Canada are not as specific
• Canadian anti-discrimination laws strong
![Page 9: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/9.jpg)
E-learning and accessibility
Good:• Learning online bridges
huge distances• Potential for small classes,
more interaction• Opportunities for students
who otherwise can’t attend a physical campus
Not so good: • Dependent on technology• Requires careful time management
![Page 10: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/10.jpg)
Students with disabilities
• Learning disabilities most common– Dyslexia, ADHD
• Sight – Partial sight, blindness, colourblindness
• Motor/physical– Limited control of mouse/keyboard
• Hearing
![Page 11: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/11.jpg)
Getting around
• Sight & learning issues– Screen readers– Screen magnifiers– Braille devices
• Physical issues– Adaptive keyboards– Alternative pointing devices
Many students with disabilities navigate by keyboard only.
![Page 12: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/12.jpg)
Our Focus Group students
• Ted: teacher with problems focusing; memorizes programs rather than using visual cues
• Robert: nerve damage to right hand; uses FrogPad instead of keyboard
• Samuel: hard-of-hearing ESL student; prefers videos to text
![Page 13: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/13.jpg)
Donovan
• English major at UBC
• Blind since birth
• Uses a screenreader called JAWS to access the web
![Page 14: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/14.jpg)
Making your course accessible
Many accessibility changes to your site benefit all learners.
• Be consistentKeep navigation the same on each page
• Be redundantPresenting information in multiple ways helps all learners
![Page 15: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/15.jpg)
What to consider: text
• Is the font big enough, with enough contrast?
• Can the user change the font size in their browser?
• Are there distracting colours or animations?
• Is there alternative text for every important graphic? (Don’t forget charts & graphs!)
![Page 16: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/16.jpg)
What to consider: links
• Screen readerscan take linksout of context
• Do links makesense on theirown? (Don’tuse “click here”as link text!)
![Page 17: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/17.jpg)
What to consider: other elements
• Forms, tables and frames should be labeled• Audio, video transcripts should be available• Flash and PDF often require extra effort• When in doubt, offer same information in plain
text format as well
![Page 18: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/18.jpg)
What do I use?
• Do NOT use Word’s “Export to HTML” feature!
• Beginners: Course Genie will export a valid, accessible site from Word
• Intermediate: use a good WYSIWYG editor such as Dreamweaver
• Expert: hand-code XHTML and CSS
![Page 19: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/19.jpg)
Checking for accessibility
• Online checkers help find problem areas
• http://webxact.watchfire.com
• Good tool, but no substitute for human testing!
![Page 20: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/20.jpg)
It’s not difficult
• Most code changes are fairly minor
• Many changes benefit all students, not just those with disabilities
• Many terrific resources available online
![Page 21: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/21.jpg)
Go forth & accessify
• Try running your own site (or your favourite website) through a validator. How does it rate?
• Download a trial version of JAWS. What does your website sound like?
![Page 22: Workshop 1 Basics of Web Accessibility](https://reader035.vdocuments.mx/reader035/viewer/2022062517/56813997550346895da12edd/html5/thumbnails/22.jpg)
Thank you for coming!
• Join us tomorrow for Coding an Accessible Website - 12 pm PST
• Natasha Boskic ([email protected])• Kirsten Bole ([email protected])• Nathan Hapke ([email protected])