WEB ACCESSABILITY Web Accessibility in Reality. List of Content Background –What is the issue? Moving on –How can me learn more? Some QuickTips –What.

Slides:

Advertisements

Similar presentations

Tutorial 7 Planning and Creating a Flash Web Site.

Advertisements

From Disabled to Abled Web Today and Tomorrow’s Solution Kenneth Lau December 6, 2002.

Strategies For Creating Accessible University Webpages Scot Close and Neil Torrefiel Web Services Unit San Jose State University.

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.

Workshop 1 Basics of Web Accessibility Web Content Accessibility Project Funded by BCcampus Natasha Boskic, Kirsten Bole, Nathan Hapke University of British.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

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.

HCI 201 Week 6 Client Side Image Maps Introduction to CSS.

Using Cascading Style Sheets CSS Basics. Goals Understand basic syntax of Cascading Style Sheets (CSS) Understand basic syntax of Cascading Style Sheets.

Online Access for all POSTGRADUATE DIPLOMA IN PUBLIC COMMUNICATION (New Media) Trinity & All Saints College April 2006 Bim Egan Web Accessibility Consultant.

The W3C Web Accessibility Initiative (WAI) Inclusive learning through technology Damien French.

Americans with Disabilities Act Ms. Sam Wainford.

 What is web accessibility? ture=relatedhttp://

Web Design Basic Concepts.

© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.

Creating a Basic Web Page

Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.

Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.

Accessibility Standards. This PowerPoint will cover: – Web accessibility standards – Word file accessibility – PDF accessibility – PowerPoint accessibility.

Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.

The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.

Technology for Students with Special Needs E.Brown Forward.

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.

Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.

Web Accessiblity Carol Gordon SIU Medical Library.

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.

LIST OF WEB ACCESSIBILITY TOOLS GRANT MUKAI. WEB BROWSERS.

Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.

Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.

Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.

Tutorial 7 Planning and Creating a Flash Web Site.

WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.

Abigail morris.  Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply.

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

HTML part 2. HTML File Formats HTML 3.2 HTML 5.0 HTML Transitional HTML Frameset HTML Strict XHTML 1.0 Transitional XHTML 1.0 Frameset.

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

Fundamentals of Graphic Communication 3.5 Accessible Design.

XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.

1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.

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.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.

Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.

 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.

Accessibility Basics on creating accessible websites Accessibility Seth Duffey presentation for MAG Telecommunications.

Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."

MIT 511- Web Design & Usability

Creating a Flash Web Site

Objective % Select and utilize tools to design and develop websites.

Making the Web Accessible to Impaired Users

How People with Disabilities Access the Web

Objective % Select and utilize tools to design and develop websites.

Introduction to Web Accessibility

Design considerations

Curry School of Education

Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.

Web Programming– UFCFB Lecture 3

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

From compliance to usability

Building your class website

Presentation transcript:

WEB ACCESSABILITY Web Accessibility in Reality

List of Content Background –What is the issue? Moving on –How can me learn more? Some QuickTips –What can we do now? This material is mainly from W3C and ISOC Vietnam

Background What do we mean by Accessability? –Content is accessible when it may be used by someone with a disability. W3C / WAI (Web Accessibility Initiative) –Impact of the Web on People with Disabilities –Why is Web Accessibility an Issue? –Web Accessibility is a Cross-Disability Issue

Why is Web Accessibility an Issue? There are several reasons why Web accessibility is important: –use of the Web is spreading rapidly into all areas of society; –there are barriers on the Web for many types of disabilities; –millions of people have disabilities that affect access to the Web; –Web accessibility has carry-over benefits for other users; –some Web sites are required to be accessible.

Web Accessibility is a Cross-Disability Issue The Web can present barriers to people with different kinds of disabilities: visual disabilities: –unlabeled graphics, undescribed video, etc. hearing disabilities: –lack of captioning for audio, etc. physical disabilities: –lack of keyboard or single-switch support for menu commands other disabilities (ex. Cognitive, technical): –lack of consistent navigation structure, overly complex presentation or language, low connection speed, small displays etc.

What do we do now? Validate your pages (W3C, Cast/Bobby) Getting Started (also in Vietnamese) 10 QuickTips (also in Vietnamese) Full checklist Read & follow W3C Recomendations

5 recommendations to a better Accessible Website: 1. Always state the W3C standard that the page are based on. Every page should start with stating this. The ISOC pages are following XHTML 1.0 standard and the transitional dtd. Every page (in Vietnamese) on our site should start with: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 transitional//EN ”

5 Recommendations You should always have alternative text for every photo and image on your site. Then screenreaders and non-images browsers like Lynx can read and show them properly. Example:

5 Recommendations Use external CSS for text size, fonts and colors. Separate information from its presentation. This gives you a much more flexible page and it is also easier for people with their own.CSS to use it on your site. Always use relative sizing instead of fixed numbers. If you do not know how to begin then you can use the ISOC Vietnam CSS and then modify it.

5 Recommendations Be modest in putting a lot of images, scripts and other features on your site if it does not add something valuable to the content. This will only make it slow to download. Since a lot of people is sitting on computers which they are not allowed to upgrade your "full feature flash movie" may not be accessible.

5 Recommendations Use heading1, heading2, paragraph and so on for stating text structure. This is very helpful especially on large sites when you can use the functions of just reading the headers in order to "scan" the site. This is very much used by blind people to get an overview of the site.

Examples Screenreader (Jaws) Non-image browser (Lynx)