© 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 Secrets of Screen Readers Revealed Sean Keegan February 28, 2008 For audio call Toll Free and use PIN/code
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.
Universal Accessibility in Web Survey Design: Practical Guidelines for Implementation 2010 FedCASIC Conference March 18, 2010 Holly H. Matulewicz ● Jeff.
Accessibility Conformance – Accessibility and Visualization CTS Customer Command and Control (C3) Gravitant, Inc.
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.
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.
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.
Copyright © 2006 Knowbility, Inc. Accessibility Testing 1 ► Web Standards ► Accessibility Testing Tools ► Design & Production Process.
Terrill Thompson Experience IT: Testing IT For Accessibility.
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.
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.
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.
Architecting & Designing for Accessibility Misty McLaughlin Information Architecture & Design I October 19, 2004 Misty McLaughlin Information Architecture.
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.
Website Development with Dreamweaver
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.
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,
© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation.
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.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
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
Testing for Accessibility
Accessibility Nuts and Bolts
Web Accessibility Allison Kidd, Accessibility Specialist
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
A Walk Through WAI Resources
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 State of Texas Accessibility Plan 1.Gather Baseline Information 2.Gain Top Level Support 3.Web Accessibility Group 4.Define a Standard 5.Create Implementation Plan 6.Training & Tech Support 7.Monitor Conformance 8.Remain Flexible 1.upcoming DIR survey 2.Brian Rawson, CTO 3.Under development 4.TAC /Section Under Development Under Development 8.Up to You! 1.upcoming DIR survey 2.Brian Rawson, CTO 3.Under development 4.TAC /Section Under development 6.www1.dir.state.tx.us/accessibility 7.Under development 8.Up to You!

© 2007 All rights reserved. Knowbility, Inc28 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, Inc29 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, Inc30 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, Inc31 It is up to you