INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology

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

Create a Web Site with Publisher 2000 for Marilyn Seguins Class.
WAHEP Website Check-up A Look at the Project Midway Website Evaluations.
ACCESSIBILITY OF DESIRE2LEARN LEARNING ENVIRONMENT.
Website Accessibility Testing Todd M. Weissenberger Web Accessibility Coordinator University of Iowa
USABILITY & ACCESSIBILITY IN WEB CONFERENCING TOOLS: A SIDE-BY-SIDE COMPARISON Accessing Higher Ground, 2009.
Web Accessibility Web Services Office of Communications.
Browser Toolbars You Shouldn’t Do Without How the WAT and WDT Can Help You Design Accessible Websites.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
PDFs & Dorsetforyou.com Laura Hall Senior Website Officer
Designing for Disabled Users.  p?vid=35 p?vid=35.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Copyright © 2005 Knowbility, Inc. Accessible Web Design Techniques 1 Accessibility Testing ► Accessibility Validators – Page by Page ► Listening to Your.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Web 2.0: Concepts and Applications 2 Publishing Online.
Click to edit Master text styles Second level Third level Fourth level Fifth level The trials of an accessible video player.
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
© 2012 Boise State University1 WordPress Training February 14, 2013.
MSBSD Website Guidelines Make text readable Make navigation Clear Use quality graphics, quickly accessible Have a consistent look and feel.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
Dreamweaver MX Unit B CIS 205—Web Site Design and Development.
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,
Accessibility and Usability Evaluation Summary for Mobile and Web 2.0 Applications Najat Al Naamani INFO6002: Assistive Technologies.
+ A11y assessment Lisa Liskovoi. + WCAG POUR some accessibility sugar on me Perceivable – Can I see it? Hear it? Feel it? Operable – Can I scroll it?
LYNN BRADSHAW CREATING WEB SITES WITH XARA WEB DESIGNER 7.
ACCESSIBILITY Devices for the Disabled users! By Kai Cubitt.
Web and meeting at unimc Norms in web context for PA Applications of the norms in our websites
Cascading Style Sheets CSS. Source W3Schools
© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation.
 CSM 583 CAPSTONE ADA Compliance: Easy Steps to Get Started with Accessibility By Jeff Statham.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
User interface implementation Juri Strumpflohner Matthias Braunhofer.
HTML HyperText Markup Language Victoria E. Kozlek.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Reach More People with Zoom & Speech Built Right into Websites.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
The Disability Resource Center Web Accessibility Assessment for Everyone.
Content Management System (CMS) Introduction for the Prospective Students site.
COMP 143 Web Development with Adobe Dreamweaver CC.
Accessibility First! David Kelleher
Web Accessibility June 2, 2016 Evaluation and Workflow.
Etiquette. Overview of QC Software testing is a process of verifying and validating that a software application or program – Software testing identifies.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Web and presentation software
Pre-Production Meet with the client to create a project plan:
Accessibility Solutions in a Digital Learning Environment
Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,
Widening the web Resources Readable. Keyboard navigable.
**Please view the instructional guide as a slideshow**
Intro to Dreamweaver Web Design Section 8-1
Accessibility testing
Sharon Trerise & Kara Patten Graphics from webaim.org
Web Accessibility Allison Kidd, Accessibility Specialist
Lakeshore Public Schools
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Starting to develop a website
Building your class website
Web and presentation software
Tools to improve accessibility
WebAIM Screen Reader Survey Results
Presentation transcript:

INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology

Data.gov.uk 1.A Public Platform for British citizens. 2.Evaluation based on Web 2.0 services Test Criteria in Web2Access (75.5%): 2.1. Readable test alternatives, but no text alternatives for some images 2.2 Video has the subtitle, but no chance to add content alternatives for videos. 2.3 Rich-text editor is not accessible by keyboard tabbing. 2.4 Some area is difficult for reading due to the colour contrast of 60 browsers in three different operating systems are compatible for this site.

Wikipedia 1.A free website which includes many encyclopaedia articles based on openly editable model. 2.Evaluation based on Web 2.0 services Test Criteria in Web2Access (64.4%): 2.1 No text alternatives for Captchas and images. 2.2 Fully navigable with WebbIE. 2.3 Rich-text editor is not accessible by keyboard tabbing. 2.5 lots of areas are not suitable for reading due to color contrast 3.53 of 59 browsers are compatible for this site.

Windows Live Messenger An instant messaging software. 2.Evaluation based on Applications Test Criteria in Web2Access (86.7%): 2.1 Good support for built in assistive tools in Windows Good support for external screen reader. 2.3 Keyboard access available, but no instruction of shortcut keys. 2.4 No font size and colour setting. 2.5 Good support for starting up. 3. Just supported in Windows 7 or Vista and other portable platforms.

Yahoo! Messenger 10 1.An instant messaging software. 2.Evaluation based on Applications Test Criteria in Web2Access (88.9%): 2.1 Not all elements are supported for built in assistive tools in Windows Good support for shortcut keys navigating. 2.3 No clear description about the element when tabbing. 2.4 font size and colour setting by users. 2.5 Zooming supported by external assistive tools 3. Just supported in Windows 7,Vista or XP and other portable platforms.

Website Design 1. Accessible at ECS Personal Homepage. 2.Using the CSS template from “Free CSS Template”. 3.Refine the template and reconstruct it to fit the requirement of accessibility and usability. 4.Adding the shortcut keys for accessibility which is not conflict with the default browsers such IE or Firefox.

1.Accessibility and Usability 1.1 Evaluated by WAVE, Color Contrast Analyser and Functional Accessibility Evaluator. 1.2 Reconstruct depends on the results. 3.Compatibility Following the web standard and test it automatically. 4.Web Standard html

Thank you