Segment 2: Web Standards & Accessibility Ted Drake, Yahoo Accessibility Lab Slideshare.net/7mary4.

Slides:

Advertisements

Similar presentations

Support.ebsco.com EBSCOhost Mobile Tutorial. Welcome to the EBSCOhost Mobile tutorial, a guide to the most popular EBSCOhost features available for use.

Advertisements

Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.

Principles of Web Design 5 th Edition Chapter Nine Site Navigation.

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

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.

1 Accessibility CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 16, 2007.

DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to consider?

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.

Web Accessibility. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory notes 2010 Required.

Accessible Word Document Training Microsoft Word 2010.

HTML Overview for Proofreading. HTML layouts are divided into sections, and created in tables separating the images & content sections.

Designing for Disabled Users.  p?vid=35 p?vid=35.

Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

Accessibility IS 403: User Interface Design Shaun Kane 1.

HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.

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

Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.

INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.

Redefining Disability Mobile Accessibility Testing By Priti Rohra Head Accessibility Testing BarrierBreak Technologies.

Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.

Understanding WCAG Elizabeth J. Pyatt, Ph.D. Information Technology Services.

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.

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

Technology for Students with Special Needs E.Brown Forward.

Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Americans with Disabilities Act (ADA): Compliance on the University Libraries Web Portal John Pardavila Library Systems May 29, 2013.

Web Accessiblity Carol Gordon SIU Medical Library.

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

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.

HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.

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

Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.

Bells, Whistles, and Alarms: HCI Lessons Using AJAX for a Page-turning Web Application Juliet L. Hardesty, Indiana University.

2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.

Wijmo Troy Taylor. What is Wijmo? -Wijmo is a kit of over 40 UI widgets, optimized for client-side web development. -HTML5 -jQuery -CSS3 -SVG.

Principles of Web Design 6 th Edition Chapter 9 – Site Navigation.

Accessibility Barriers Screen reader users will not be able to access content within a text box. Information presented as an image, animation, or video.

Some Big Concepts You Need to Know REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 3.

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.

Accessible Word Document Creation Using Microsoft Word 2010.

OER Schools Network Meeting Suzanne P Lavelle OER Network Co-Ordinator January 2016.

Writing Accessible Electronic Documents with Microsoft® PowerPoint

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

Chapter 2 Developing a Web Page.

Making the Web Accessible to Impaired Users

How People with Disabilities Access the Web

Introduction to Web Accessibility

Curry School of Education

Tutorial Tutorial Read all the directions before proceeding

Web Accessibility Allison Kidd, Accessibility Specialist

Fixed Positioning.

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

International University of Japan

From compliance to usability

Building your class website

30 Web Accessibility Tips: Creating Accessible Web-Based Resources

Web Standards and Accessible Design.

ITI 163: Web, Mobile, and Social Media Design Introduction

Demystifying Web Content Accessibility Guidelines

Web content management

Accessibility Evaluation

WebAIM Screen Reader Survey Results

Presentation transcript:

Segment 2: Web Standards & Accessibility Ted Drake, Yahoo Accessibility Lab Slideshare.net/7mary4

What does an Accessible Site Designed with Web Standards Look Like?

Topics Features of an accessible site designed with Web Standards? Beyond the blind When web standards is not enough Mobile Users

Is your standards-based web site accessible?

Maybe

Web Standards Foundation

Solid Versatile Semantic Data Device Independent

Static

Dynamic

New Visual & Auditory Concerns Expandable content Editable text Drag and Drop Gestures Closed Captions Regularly updated content Dialogue boxes Keyboard focus control

Drag and Drop Provide non-mouse alternative

Expandable Content Button for expand/contract Place focus into expanded area Tell user the container can be expanded

Video Accessibility

Live Regions Define regions of the page that update automatically. Should the screen reader user get a notification every time it changes?

Cognitive and Physical Concerns Memory loss Different cognitive levels of understanding content. What helps some will distract others Dyslexia Keyboard navigation Voice recognition

Voice Recognition Dragon Naturally Speaking Images with text must have matching alt text. Don’t autofocus form elements Avoid multiple links to different URLs with the same text.

Keyboard Navigation

Avoid long sentences Avoid large blocks of text Avoid justified alignment Give the user white space Dyslexie: font designed for dyslexia Dyslexie

Mobile Browsers and Accessibility

New Device Same Accessibility Concerns

iPhone and iPad Full featured VoiceOver Safari browser supports HTML5, CSS3, JavaScript Custom gestures will conflict with VoiceOver. No Flash support

Android, Blackberry, Nokia Screen reader is available, but not as sophisticated as VoiceOver Use clean, structural markup for better performance Android’s browser is full featured. Blackberry and Nokia are not as robust.

Questions? Question mark in Esbjerg Some rights reserved by alexanderdrachmann