Designing Accessible Web Content

Slides:

Advertisements

Similar presentations

ADA Compliant Websites & Documents What the heck am I supposed to do?

Advertisements

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.

CM143 - Web Week 11 Accessibility Priority Checkpoints.

Creating Accessible Documents Staff Development Day Information Technology October 14, 2013.

Accessibility Tools in Microsoft Office 2010 and 2013 ADA Conference 2014 Norah Sinclair Tessa Greenleaf.

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

Web Design Part 2 Page Size, Screen Layout and Content.

May 5, 2015 Allison Kidd, ATRC. Direct Services for CSU Students & Employees with Disabilities Ensure Equal Access to Technology & Electronic Information.

Electronic Communication and Web Accessibility Workshop.

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

California Community Colleges Distance Education Accessibility Guidelines for Students with Disabilities Overview by Ellen Cutler October 7, 2011.

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

Intro to Digital Accessibility For Content Owners & Editors.

Workshop 2 Coding an Accessible Website Web Content Accessibility Project Funded by BCcampus Natasha Boskic, Kirsten Bole, Nathan Hapke University of British.

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

Technology for Students with Special Needs E.Brown Forward.

January 8 th, 2009 Marla Roll, MS, OTR Director of ATRC, Office of Equal Opportunity & Diversity Assistant Professor, Dept of Occupational Therapy Jesse.

GTA Orientation, August 17, 2015 Allison Kidd Assistive Technology Resource Center.

Creating Accessible Content NC3ADL CONFERENCE NASH COMMUNITY COLLEGE APRIL 1, 2015 Amy Netzel and Darrin Evans Accessibility Technologists eLearning Support.

How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.

Defining Accessibility. This PowerPoint will cover the following topics: – Defining Accessibility – Universal Design – Principles of Accessible Design.

ADA Training Online Instructional Materials

Web Accessibility Web Accessibility Committee Memorial University of Newfoundland Presentation to Webdays 2005.

Accommodating Students with Disabilities in Online Courses Dallas Colleges Online Student Testimonial Student Testimonial.

Top Ten Tips for Creating Accessible Courses Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville

WEB ACCESSIBILITY TRAINING FOR CONTENT MANAGERS.

Accessibility – Standards and Guidelines April 1, 2015.

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

Multimedia Authoring1 What is accessible web design? Why bother with accessible web design? Legal reasons Benefits to people without disabilities How is.

Caption This! Update on Section 508 Compliance & Captioning Options September AETC E-Learn Call Caption This! Update on Section 508 Compliance & Captioning.

+ Accessible Document Basics Cindy Compeán Accessibility/Assistive Technology Specialist

Elizabeth Pyatt, Blockers: What do I REALLY Need to Fix?

A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.

Sfu.ca/tlcentre Accessibility in Online Course Development Kar-On Lee, Learning Technology Specialist Simon Fraser University, Burnaby,

 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.

The User Experience “Keeping Web Accessibility In Mind” Video available online at:

1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.

1 Web Site Usability Motivations of Web site visitors include: –Learning about products or services that the company offers –Buying products or services.

Elements of Accessibility in Online Courses Dallas County Community College District Technology Summer Institute June 10, :45-12:45.

Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.

September AETC E-Learn Call Caption This! Update on Section 508 Compliance & Captioning Options Mark Urban (U.S. Centers for Disease Control and Prevention)

Introduction to Accessibility CREATING ACCESSIBLE DOCUMENTS WORD, EXCEL, POWERPOINT, AND.PDF DREW CHILES.

Six Ways to make your Canvas Course more Accessible

Web & accessibility resources

Making your web site accessible a11yoz.com/maximise

Making the Web Accessible to Impaired Users

September AETC E-Learn Call Caption This

You Can DO-IT Too: Making Your Teaching More Inclusive

How People with Disabilities Access the Web

MUG Tuesday, May 31, 2016.

Six Ways to make your Canvas Course more Accessible

Introduction to Web Accessibility

Creating ADA Compliant Resources

Curry School of Education

Creating Accessible Electronic Content

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 Programming– UFCFB Lecture 3

OU Campus Accessibility

From compliance to usability

ADA Compliant Website & Documents

30 Web Accessibility Tips: Creating Accessible Web-Based Resources

Common Barriers to Accessibility on the Web

Accessible Websites Removing the Barriers

Accessible Design Top 10 List

Presented by Kristine Neuber, Ph.D IT Accessibility Coordinator

Presentation transcript:

Designing Accessible Web Content Brian Brautigam Alternate Media Specialist Riverside City College

What does Accessibility Mean? Accessibility enables a student with a disability to use the Web in a manner similar to someone without a disability. In other words, we are providing equal access.

How do students with disabilities access the web? Students with disabilities can access the web using specialized hardware and software called Assistive Computer Technologies.

Users who are blind… …may use screen reading software to hear the content of the screen

Users who are deaf… …require audiovisual resources to be captioned for accessibility

Users with Mobility Impairments …may use speech recognition technology to access web content

Users with learning differences… Will benefit from a logical, well-laid out site with consistent markup

QUICK TIPS

Quick Tips for Web Accessibility Pictures Use the “alt” attribute to describe the picture. Graphs, Charts and other complex images Use the “Longdesc” attribute.

Quick Tips for Web Accessibility Heading Styles Use “H1, H2, etc.” when marking up text. Disabled Student Services Office Hours The office is open from 7 a.m.-5:30 p.m. for your convenience… Staff We are staffed with friendly people who love their jobs.

Quick Tips for Web Accessibility Hyperlinks. Use text that makes sense when read out of context. For example, avoid “click here.”

For Example… Instead of this: To read an article about World War II pilots click here Or this: World War II Pilots Article: (http://www.cnn.com/2008/wwii/20/wwii.pilots/index.htm) DO THIS: Read World War II pilots article on CNN.com

Quick Tips for Web Accessibility Tables. Mark up tables with the “Scope” and “Header” attributes Use the “Summary” attribute to explain the contents of the table.

Layout tables vs. Data tables

Layout tables vs. Data tables Week Chapters Homework Sept. 1 Brown ch. 1 Answer odd numbered questions in back of chapter Sept. 7 Brown Ch. 2 Answer even numbered questions in back of chapter Sept. 14 Brown Ch. 3 Sept. 21 None Quiz on Chapters 1-3

Quick Tips for Web Accessibility Multimedia. Provide captioning of video and transcripts of audio.

Why is all this necessary? Accessibility is not a new concept. Ramps, wide doorways, elevators and accessible restrooms are an accepted part of campus architecture. Accessible web site design simply makes our “virtual architecture” accessible too.