© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation.

Slides:



Advertisements
Similar presentations
Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 Code Validators – XHTML & CSS Accessibility Validators – Page by Page Listening to Your Pages.
Advertisements

The Art of PowerPoint, Part 3: Accessibility and the Web Sean Keegan April 21, 2008 For audio call Toll Free and use PIN/code
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
NOTE: Much of this presentation is outdated. For new material, see “WCAG 2 Presentations” at presentations/WCAG20/ Overview.
WCAG 2.0 top ten checkpoints Ten popular area of focus for compliance and accessibility.
Web Accessibility Web Services Office of Communications.
WCAG 2.0 Web Content Accessibility Guidelines Update Last Updated July 2007.
1 Introduction to Accessibility and Planning an Accessible Website Presented by Everett Zufelt & Mike Gifford for Citizens With Disabilities - Ontario.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (4/21)
Standards & Accessibility DMFD. Digital Media: Communication and DesignF2007 Comments Homepage  Requirement: include photo in index.html (today’s.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Kathy Gips Will Miller New England ADA & Accessible IT Center voice/tty Funded by the National Institute on Disability.
Designing for Disabled Users.  p?vid=35 p?vid=35.
© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation.
Copyright © 2006 Knowbility, Inc. Accessibility Testing 1 ► Web Standards ► Accessibility Testing Tools ► Design & Production Process.
Copyright © 2005 Knowbility, Inc. Accessible Web Design Techniques 1 Accessibility Testing ► Accessibility Validators – Page by Page ► Listening to Your.
Planning and Designing an Instructor Web Page A. Craig Dixon & Tang Suppacheewa October 26, 2007.
Basic Web Design. Technology is a tool  FIRST, understand how people actually interact with each other and with the information in their lives, in all.
INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Testing for Accessibility and Usability Is Your Site Accessible and Usable or Just Conformant?
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
IT Introduction to Website Development Welcome!
Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide.
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University.
Web Technologies Website Development Trade & Industrial Education
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Coding: XHTML and CSS. Why code? Writers and editors are often asked to write and edit web copy. Although it is easy to create a web site without coding.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
World Wide Web Resources What Do the Experts Say About Web Pages? February, 2001.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
1 WEB Engineering E-Commerce Strategy & Management COM350.
Status as of 9 August 2007  Rough concept draft only, much of it is incomplete  There are Notes for some slides, and none yet for others Note: This document.
UT Glenda (goodwitch) Sims glendathegood.com April 26, 2007.
Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 ► Code Validators – XHTML & CSS ► Accessibility Validators – Page by Page ► Listening to Your.
Practical Accessibility Testing The High Tech + High Touch Recipe for Success Photo by StarsApart.
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Access for All: Basics of Web Accessibility April 17, 2012 Presenters: Cindy Leonard Bayer Center for Nonprofit Management at Robert Morris University.
WCAG 2.0 Web Content Accessibility Guidelines Update Last Updated August 2007.
Copyright © 2005 Knowbility, Inc. Accessible Web Design Techniques 1 Accessibility Testing ► Code Validators – XHTML & CSS ► Accessibility Validators –
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Is Your Site Accessible? Validating Your Web Site.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
A centre of expertise in digital information managementwww.ukoln.ac.uk UKOLN is supported by: This work is licensed under a Attribution- NonCommercial-ShareAlike.
UT Glenda (goodwitch) Sims glendathegood.com.
The Disability Resource Center Web Accessibility Assessment for Everyone.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Library Instruction Services Redesign Danielle Skaggs Fall 2006.
Project: Web Designer. Phase 1: The World Wide Web.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
Practical Accessibility Testing for Enterprise Web Sites Your Chance to the Web 3/30/11deque.com1.
Project 1 Introduction to HTML.
Web Site Development and Macromedia Dreamweaver 8
Chapter 1 Introduction to HTML.
Testing for Accessibility
Accessibility Nuts and Bolts
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation

© 2007 All rights reserved. Knowbility, Inc2 Ensuring Accessibility Testing Tools User Testing Implement & Maintain

© 2007 All rights reserved. Knowbility, Inc3 Validity: Building to Code HTML & XHTML Validation validator.w3.org/validator.w3.org/ CSS Validation jigsaw.w3.org/css-validator/jigsaw.w3.org/css-validator/

© 2007 All rights reserved. Knowbility, Inc4 Accessibility Testing Tools Accessibility/Web Standards Validators Page by Page Listening to Your Pages JAWS / Fangs Authoring Tools Dreamweaver Enterprise Accessibility Reports LIFT & WebXM

© 2007 All rights reserved. Knowbility, Inc5 Accessibility Validators- Page by Page CSS/XHTML Validators WebXact The Wave Web Developer for Firefox Accessibility Toolbar for IE Luminosity Contrast Ratio Analyser Accessibility Tools can only automatedly test approximately 27% of the issues. Accessibility Testing requires human brain power!

© 2007 All rights reserved. Knowbility, Inc6 Evaluation of Free Accessibility Testing Tools links to free online accessibility testing tools

© 2007 All rights reserved. Knowbility, Inc7 Testing a Site WebXact Wave HTML Validator (Firefox Extension) Web Developer (Firefox Extension) Luminosity Contrast Ratio Analyser analyser-firefox-extension.php#downloadextension

© 2007 All rights reserved. Knowbility, Inc8 Listening to Your Site The real test: Can users with disabilities actually use your site? Listen to representative pages of site using JAWS JAWS screenreader Fangs screenreader emulator standards-schmandards.com/projects/fangs standards-schmandards.com/projects/fangs

© 2007 All rights reserved. Knowbility, Inc9 Hurting My Ears tes/2000/kilby-autobio.htmlhttp://nobelprize.org/nobel_prizes/physics/laurea tes/2000/kilby-autobio.html

© 2007 All rights reserved. Knowbility, Inc10 Enterprise Tools Define URL, spider profile Select testing criteria Review reports Results by checkpoints Checkpoints expanded Resources – How to fix Previews of pages

© 2007 All rights reserved. Knowbility, Inc11 LIFT Machine

© 2007 All rights reserved. Knowbility, Inc12 Defining a Project in LIFT

© 2007 All rights reserved. Knowbility, Inc17 WebXM

Watchfire WebXM

© 2007 All rights reserved. Knowbility, Inc22 User Testing Just Ask: Integrating Accessibility Throughout Design By Shawn Henry Accessibility is a subset of Usability Testing.

© 2007 All rights reserved. Knowbility, Inc23 The Importance of User Testing

© 2007 All rights reserved. Knowbility, Inc24 A Practical Testing Plan 1.Code Validation 2.Browser Testing Turn off images Don’t use the mouse Increase font size Change window size 3.Online Accessibility Testing (representative pages) use more than one tool, example: Watchfire & Wave 4.Screenreader Testing JAWS 5.Enterprise Accessibility Report like Lift or WebXM 6.Hands-on Accessibility Testing

© 2007 All rights reserved. Knowbility, Inc25 Software Development Life Cycle Accessibility

© 2007 All rights reserved. Knowbility, Inc26 Create an Accessibility Plan 1.Gather Baseline Information 2.Gain Top Level Support 3.Organize Web Accessibility Group 4.Define a Standard 5.Create an Implementation Plan 6.Provide Training and Technical Support 7.Monitor Conformance 8.Remain Flexible Through Changes WebAim 8 Step Implementation Model

© 2007 All rights reserved. Knowbility, Inc27 Implementation Strategy - Prioritize Top 10% of pages based on use Critical Pages (required for your business purpose) Audience Public Members Employees Geeks

© 2007 All rights reserved. Knowbility, Inc28 Implementation Strategies Accessible (immediately, no excuses) All new or revised pages Top 10% pages (based on analytics) Critical pages Accessibility pages Accessible by (date) Legacy Web Pages * * encourages archive of old / outdated pages!

© 2007 All rights reserved. Knowbility, Inc29 Implementation – Work Smart Tools that Support Accessibility HTML Authoring Tools Enterprise Wide Testing Tools Web Templates MS Word / PDF Select a readable font (avoid italics) Do not use text boxes Avoid underlines (except for links) Use Headings and Lists Include Alt Text for Images Use Table Editor to create data tables Do NOT use Tables for Layout Use Word Templates Provide user feedback method

© 2007 All rights reserved. Knowbility, Inc30 It is up to you