New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tips and Tricks for Website.

Slides:



Advertisements
Similar presentations
Building a Career Portfolio
Advertisements

Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
V.2010 | © OverDrive, Inc | Page 1 v | © OverDrive, Inc | Page 1v | © OverDrive, Inc | Page 1 Learn how to browse,
Teaching Accessibility & Universal Design Concepts Through the Use of Public Policy Projects Dr. Jonathan Lazar Dept of Computer and Information Sciences.
RespectTrustworthiness ResponsibilityFairness CaringCitizenship HonestyCourage IntegrityDiligence FriendshipConflict Resolution DiversityGrowth.
V. Beyond HTML: CSS, JavaScript, Plug-ins A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Web Accessibility With the User in Mind Insights and Techniques Kathy Kimball Candace Lee Egan Copyright 2002 California State University Fresno All rights.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
Maximizing Teaching & Learning For the Short Course.
Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager.
ONLINE TEACHING PORTFOLIOS FOR TEACHING, LEARNING & PROFESSIONAL DEVELOPMENT: A Mott Community College Center for Teaching and Learning Workshop, presented.
Creating and publishing accessible course materials Practical advise you can replicate.
Cumberland County: May 28 Oak Ridge: June 2 Roane County: June 4 Scott: June 4 Campbell: June 9 Knox: June 10 Loudon: June 11.
Instructional Goal Using Dreamweaver to create a basic web page.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
 What is web accessibility? ture=relatedhttp://
Web Design Basic Concepts.
Copyright © 2006 Knowbility, Inc. Accessibility Testing 1 ► Web Standards ► Accessibility Testing Tools ► Design & Production Process.
Computer-Assisted Disability Access Demonstration Improving Quality of Life.
For technical assistance, call 1-(800) Welcome to Cornerstone’s Updated VISION Software System Your MSDS & Chemical Inventory.
Copyright © 2005 Knowbility, Inc. Accessible Web Design Techniques 1 Accessibility Testing ► Accessibility Validators – Page by Page ► Listening to Your.
Facilities for Users with Disabilities OUCS Lecture Rooms and Help Centre.
Emergent Technology Social Networking, Videos, Games Carol Stewart Itec-7445.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Presentation for the ILRU Webcast October 1, 2003 Human Resource Practices: IT in the Workplace Susanne M. Bruyère Program on Employment and Disability.
Tux Paint Reviewed by team iTeach Jodi Hovest, Scottie Fetters, & Melanie Stainbrook.
IT Introduction to Website Development Welcome!
Teachers Discovering Computers Integrating Technology and Digital Media in the Classroom 7 th Edition Evaluating Educational Technology and Integration.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Level 2 IT Users Qualification – Unit 1 Improving Productivity Jordan Girling.
Ensuring Web Accessibility for ALL Students A Campus-wide Initiative NACADA – Southeast Regional Conference April 14, 2012 Margaret Turner, Director Jorja.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
SEAN WALLBRIDGE ITGROOVE AND SECTOR LEARNING SOLUTIONS SharePoint Users Group – March 12, 2009.
Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 ► Code Validators – XHTML & CSS ► Accessibility Validators – Page by Page ► Listening to Your.
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
KSU EDCI 763: ID Fall 2010 Harris Instructional Design Statement of Purpose, Needs Analysis, and Task Analysis.
Introduction to PowerPoint Curriculum Implementation Day Friday, November 3, 2006 K.J. Benoy.
Accommodating Clients who have Low Vision or Blindness Kim Borowicz Legal Aid Committee Meeting October 17, 2013.
Social Bookmarking with Diigo in the Classroom Kristen Henning Spring Grove Area School District.
Copyright © 2005 Knowbility, Inc. Accessible Web Design Techniques 1 Accessibility Testing ► Code Validators – XHTML & CSS ► Accessibility Validators –
Game Project IMGD 4000 Due Dates: Form Teams Treatment Website Tech milestone AlphaApril 17 Beta Final Presentation.
“Train-the-Trainer” Offering Great Instruction. Workshop Goals  Understand a variety of learning styles  Develop goals, objective & manageable lesson.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
Latoya Anderson Walden University Dr. Sherri Braxton-Lieber EDUC 4015 Captsone.
Principles of effective web design NOTES Flo Morris-Duffin.
Cover Letter YOUTH CENTRAL – Cover Letters & Templates
Welcome. Getting Started with Discovery Streaming.
What is a book trailer? A book trailer is actually a sub-genre of digital storytelling. Specifically, a book trailer is a video/digital advertisement.
*Smart Boards*.
Internet Safety Krista Sell IST 525 Kutztown University Summer 2011.
Job Documents Basics. Overview  Choosing a Job Ad  Cover Letter  LinkedIn Profile  Résumé  Portfolio (optional)
Acessible Digital Media By Rivelina Lorvil. What is Accessibility? ♦Accessibility involves two key issues ♦ first, how users with disabilities access.
A human right mandate for the UN  A General Assembly mandate since 2004  Established as a human right by article 9 of the.
Chapter 8 and 14 Review February 11, Define comparison and contrast. Explain and name the two types of comparison and contrast discussed in Chapter.
PowerPoint Cool for School Tips Summer Training 2010.
Your Online Software Training and Support Resource Welcome to.
How to do a great Power Point Document. The Principles 1. The audience should focus on YOU, not the screen 2. Keep it simple! Both text and visual layout.
David Robb 10/14/08 Discovery Streaming. From the Home Page, you can search for digital media by keyword, subject, grade level, or curriculum standards.
Overview In this tutorial you will: learn what an e-portfolio is learn about the different things e-portfolios may be used for identify some options for.
GETTING STARTED WITH VISUAL STUDIO.NET Getting Around Visual Studio.NET Using Panes Getting Panes back to normal The View Menu Online Resources Compatibility.
DSS Tips and Tricks A Must-Read for DSS Beginners Rev. Apr 2008.
Blog A Web site that contains dated text entries in reverse chronological order (most recent first) about a particular topic. Blogs serve many purposes.
Principles of Demonstrative Instructional Video Peyton R. Glore Assistant Professor School of Information Technology Macon State College October 17, 2007.
+ Year 2 Computing Specialism Session 2 Aims of the session For students to develop an understanding of: How Computing provides wide range of tools that.
Curry School of Education
Teaching Accessibility: Three Case Studies
Teaching Accessibility: Three Case Studies
How to Create a Tutorial Video
WebAIM Screen Reader Survey Results
Presentation transcript:

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tips and Tricks for Website Accessibility Training Annual Conference of Assistive Technology Act Programs May 24, 2007

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Training That Works AT programs have the capability to be leading advocates in their states for accessible information technology.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Training That Works Providing training to IT professionals is a key means of raising awareness about accessibility issues.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Training That Works AT programs can utilize the tips and tricks presented in this training to develop a training curriculum to meet the needs of IT professionals.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #1 – Show Off Your AT Skills Introduce the audience to AT in general and screen readers in particular.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #1 – Show Off Your AT Skills Most of your audience will have no idea about what AT is and what it does.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #1 – Show Off Your AT Skills Saying something even as simple as “Alt tags help people who use screen readers understand images” is useless if the audience isn’t familiar with screen readers.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #1 – Show Off Your AT Skills Try to develop a happy medium between talking about screen readers and other technologies.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #1 – Show Off Your AT Skills The various IT accessibility standards center around screen readers, but cover other AT devices as well.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #1 The simplest trick is to show off a screen reader. –Expensive: JAWS –Cheap: Home Page Reader –Free: Windows Narrator

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #1 However, if you don’t have a great deal of time (or expertise in using screen readers) you can show a video of a screen reader user. o/intro.asphttp:// o/intro.asp

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #2 – Show Off Your Toolbox Introduce the audience to the various online tools available to evaluate website accessibility.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #2 – Show Off Your Toolbox IT professionals love cool tools to play with, especially if they’re free.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #2 Download the Accessibility Toolbar.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #2 The Accessibility Toolbar has a collection of the best tools for validating and assessing website accessibility, all on one easy-to-use toolbar within Internet Explorer.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #2 The Accessibility Toolbar works very well in a hands-on training (if you can get it downloaded to every computer).

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #3 – Don’t Show Up Your Audience The easiest trap to fall into is to use the evaluation tools on the website of an audience member.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #3 – Don’t Show Up Your Audience There’s no easier way to alienate your audience than by pointing out the shortcomings of their own websites.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #3 – Don’t Show Up Your Audience Even using corporate websites or university websites can backfire.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #3 Use the “Mouse College” website to illustrate bad website design. ningmodules/bad/ ningmodules/bad/

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #3 “Mouse College” was developed by the University of California – Fresno to serve as an example of bad website design.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #3 Try using the evaluation tools on the “Mouse College” website to highlight the problems a user would have accessing information.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #3 You can save the “Mouse College” site to your computer in case you don’t have Internet access during your training.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #3 If you’d rather take the more positive approach, you can demonstrate “Federal Court Concepts,” a model accessible site.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #4 – Show Off Accessible Design Show that accessible design doesn’t have to mean ugly design.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #4 – Show Off Accessible Design Website designers value the visual aspects of their craft, and don’t want to be told how to make websites accessible at the cost of prettiness.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #4 – Show Off Accessible Design There’s a myth that accessible design equals ugly design:

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #4 Demonstrate CSS Zen Garden:

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #4 CSS stands for “Cascading Style Sheets.” By swapping out the style sheet on a given page, you can create a new version of the page with a different design.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #4 Encouraging IT professionals to use CSS can allow for greater accessibility.

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tricks for Tip #4 However, using CSS doesn’t guarantee good design: ww.brucelawson.co.uk/zen/sample.csshttp://csszengarden.com/?cssfile= ww.brucelawson.co.uk/zen/sample.css

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities Tip #5 – Keep Your Presentation Short

New Jersey Protection and Advocacy, Inc. New Jersey's designated protection and advocacy system for people with disabilities The End Any questions?