The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Slides:



Advertisements
Similar presentations
Accessibility and WHO's web site Images courtesy of Flickr.
Advertisements

Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
TODD WEISSENBERGER WEB ACCESSIBILITY COORDINATOR UNIVERSITY OF IOWA Creating Good PDFs/ Avoiding Bad PDFs.
Web Accessibility Web Services Office of Communications.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
EASI Equal Access to Software and Information EASI is the premier provider of online training about accessible information technology.
A Web Accessibility Primer: Usability for Everyone XX Presenter Name Presenter Title Presenter Contact Office of Web Communications.
Online Access for all POSTGRADUATE DIPLOMA IN PUBLIC COMMUNICATION (New Media) Trinity & All Saints College April 2006 Bim Egan Web Accessibility Consultant.
Building Accessibility Into The Workflow Rick Ells Computing & Communications University of Washington Seattle, Washington
Images. Tables. Frames. Forms. DMFD F2007 IT University of Copenhagen
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.
Web Accessibility Rick Ells UW Computing & Communications.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
May 22, Assistive Technology Resource Center Provide Assistive Technology for students, faculty and staff with disabilities Provide consultation.
Accessibility Tools in Microsoft Office 2010 and 2013 ADA Conference 2014 Norah Sinclair Tessa Greenleaf.
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
Kathy Gips Will Miller New England ADA & Accessible IT Center voice/tty Funded by the National Institute on Disability.
Accessible Word Document Training Microsoft Word 2010.
VARS – Website Creation Planning to create one Updating an existing one For a hobby For the family To Share (Files, Photographs, or whatever) WHY?
May 5, 2015 Allison Kidd, ATRC. Direct Services for CSU Students & Employees with Disabilities Ensure Equal Access to Technology & Electronic Information.
Understanding End User Role in PDF Accessibility Brad Hodges, AFB Consulting Pete De Vasto, Adobe Systems.
Electronic Communication and Web Accessibility Workshop.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
© Simeon Keates 2008 Usability with Project Lecture 7 – 30/09/09 Dr. Simeon Keates.
1 American with Disabilities Act (ADA) Web Site Compliance: Are Pharmacy Web Sites Accessible? Ellen R. Cohn Gary Stoehr Ashli Molinero University of Pittsburgh.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Lawyers Like Paper Brief Service documents Contracts, such as retainer agreements Demographic forms, such as Income verification forms Releases Informational.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
GTA Orientation, August 17, 2015 Allison Kidd Assistive Technology Resource Center.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Emily Gibson The College of New Jersey An Evaluation of Current Software Tools* Evaluation & Repair Software.
Access for all Why it’s important to make accessibility an integral part of your website design Donna Smillie Best Practice Officer (Accessible Websites)
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Section 508 requirements for Federal Website Design Jon Brundage MDCFUG 4/10/01.
Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.
Section 508 for EERE Web Sites May 10, 2007 Presenters: Kevin Eber Shauna Fjeld.
Search Engine Optimization. Definition  Search engine optimization or SEO, is the process of increasing the amount of visitors to a website by ranking.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Web Accessibility Web Accessibility Committee Memorial University of Newfoundland Presentation to Webdays 2005.
ADA Americans with Disabilities Act. Many people with disabilities are unable to access information on websites because of a variety of barriers that.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
1 Web Developer Foundations: Using XHTML Chapter 7 Web Site Design.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Information underload Julie Howell Campaigns Officer (Digital Access) RNIB Julie Howell Campaigns Officer (Digital Access) RNIB.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
Accessible Word Document Creation Using Microsoft Word 2010.
Page 1 of 15 1) Launch Dreamweaver. 2)Under Site, choose Manage Sites Click New, then Site. Continuing Studies CS 22 ·Stanford University EXERCISE 3: IMAGEMAPS.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.
Accessibility of services on the web. Table of contents Statistics Definitions Different kinds of disabilities Solutions for accessibility.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Accessibility Basics on creating accessible websites Accessibility Seth Duffey presentation for MAG Telecommunications.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
Designing Accessible Web Content
Making the Web Accessible to Impaired Users
Continuing Studies CS22 • Stanford University
MUG Tuesday, May 31, 2016.
Introduction to Web Accessibility
Creating ADA Compliant Resources
Universal Design for Learning: An Inclusive Approach to Teaching
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Web Accessibility Clinic – Common Issues
Building Accessibility Into The Workflow
Creating Accessible Electronic Documents
ITI 163: Web, Mobile, and Social Media Design Introduction
Presentation transcript:

The National Library for the Blind

Designing accessible websites Joanna Widdows David Egan

Design For All nAccessible design is good design for all nVisual impairment (VI) and the Web: l VI: a continuum

How do visually impaired people access the web? nMagnification nRefreshable Braille nSpeech synthesis

Why Bother? n Social Inclusion n Best Value n DDA n E-Government

Myths and Tips  Text version of site is essential 4Good sites can include more than just text

Myths and Tips  Frames must not be used 4 Give frames titles 4 Use ‘no frames’ version

Myths and Tips  Tables must not be used 4 Avoid the use of tables for layout 4 Use necessary markup to describe tables

Myths and Tips  Images must be avoided 4 Give all images alt text 4 Give imagemaps text links

Myths and Tips  Flash and Javascript must not be used 4 Offer alternatives for Javascript, applets, flash plug-ins

Myths and Tips  PDF must not be used 4Make Access Adobe available for PDF files -

Myths and Tips  Bobby is all you need 4 Use Bobby, other tools and human evaluation

More Tips 4 Make the text legible 4 make the design flexible 4 Provide a site map [preferably at the bottom of the screen]

…and more  Multiple links can make navigation difficult

4 Make sure links make sense out of context

The proof of the pudding... Some examples of good and bad practice

NLB Consultancy Interactive Initiatives n Co-ordinated by Interactive Initiatives n Developing NLB charter mark n