Accessibility State College of Florida Less time. Less effort. More awesome.

Slides:



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

XX/XX/XX Presenter names Position Title Accessibility “How to”
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
Part II: Universally-Designed Course Materials Applying the UDL principles.
Web Accessibility Web Services Office of Communications.
Brought to you by the UCSB Web Standards Group (WSG)
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Issues related to the development of accessible web sites Steven Builta October 2002.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
How to Create Accessible PowerPoint Presentations Elizabeth Tu and Thayer Watkins April, 2010.
Creating Accessible PowerPoint Presentations Presenter Jennifer Reid Office of Information Services Information Dissemination Staff.
Adobe Reader and Acrobat Professional Adobe LiveCycle Designer Microsoft Office Word PowerPoint.
Accessibility Tools in Microsoft Office 2010 and 2013 ADA Conference 2014 Norah Sinclair Tessa Greenleaf.
Americans with Disabilities Act Ms. Sam Wainford.
Creating and publishing accessible course materials Practical advise you can replicate.
May 5, 2015 Allison Kidd, ATRC. Direct Services for CSU Students & Employees with Disabilities Ensure Equal Access to Technology & Electronic Information.
 What is web accessibility? ture=relatedhttp://
Electronic Communication and Web Accessibility Workshop.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Creating a Course for Universal Learning & Participation Ian Shadrick, Instructor: Counseling, Leadership, & Special Education Megan Shadrick, Associate.
Nov 4, 2002K. Smale - Section 5081 Section 508 What it means for you, the HEASARC and LHEA web developer.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.
Technology for Students with Special Needs E.Brown Forward.
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.
GTA Orientation, August 17, 2015 Allison Kidd Assistive Technology Resource Center.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
 CSM 583 CAPSTONE ADA Compliance: Easy Steps to Get Started with Accessibility By Jeff Statham.
WEB ACCESSIBILITY TRAINING FOR CONTENT MANAGERS.
How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.
Creating Accessible Presentations Richard Steinberg Texas Department of Assistive and Rehabilitative Services (DARS)
+ Accessible Document Basics Cindy Compeán Accessibility/Assistive Technology Specialist
Online Course Accessibility Technical and Pedagogical Strategies.
5 Steps to Accessible Syllabi in Word SBCTC Training July 2015 Amy Rovner, MPH RD Shoreline Community College.
Online Course Accessibility Technical and Pedagogical Strategies March 2016 Melissa Messina, Instructional Designer.
Customizing Canvas State College of Florida Less time. Less effort. More awesome.
FACULTY CENTER FOR LEARNING DEVELOPMENT & ACCESS-ABILITY SUPPORT SERVICES 2015.
 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
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.
Emerging Trends in Learning Webinar Series. Presentation Emerging Trends in Learning Webinar Series ADA E-learning Compliance with Lectora 16 Moderator:
Creating Section 508 Compliant Documents & Presentations
Closed Captioning State College of Florida
Get Rid of the Gray! Make Accessibility More Black and White!
Web & accessibility resources
Accessibility with Lectora Inspire 16
Making the Web Accessible to Impaired Users
Creating an Accessible Document
Accessible Technology Initiative
Creating ADA Compliant Resources
Plan for Teaching Online-Course Accessibility
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Financial Aid: ATRC Services & Intro to Accessibility
Creating Section 508 Compliant Documents & Presentations
Universal Design for Learning: An Inclusive Approach to Teaching
Accessible Course Design
Electronic Accessibility: What You Need to Know
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Accessible Course Design
Creating Section 508 Compliant Documents & Presentations
From compliance to usability
ADA Compliant Website & Documents
Building your class website
Introduction to Web Accessibility
Accessibility and oer design
Presentation transcript:

Accessibility State College of Florida Less time. Less effort. More awesome.

What is Web Accessibility? Web accessibility means that people with disabilities can use the web. More specifically, web accessibility means that people with disabilities can perceive, understand, navigate and interact with the web and that they can contribute to the web. Web accessibility also benefits people without disabilities, including older people with changing abilities due to aging. Web accessibility encompasses all disabilities affecting access to the web, including visual, auditory, physical, speech, cognitive and neurological disabilities. Millions of people have disabilities which affect their use of the web. Currently, most websites and web software have accessibility barriers which make it difficult or impossible for many people with disabilities to use the web. As more accessible websites and software become available, people with disabilities are able to use and contribute to the web more effectively.

What is Section 508? U.S. Federal Law Section 508 of Rehabilitation Act Amendments of 1998 states in part: "Electronic information and data must be equally accessible to individuals with and without disabilities.“ Prohibits discrimination on basis of disability by recipients of federal funds Section 508 website: Benefits Accessible to individuals with disabilities Comply with US Federal Law More usable for all learners using wide variety of technologies Accommodate different learning styles Assist speakers of English as second language Captions increase comprehension for all learners Captions, Text Transcripts are Searchable Recognize and research unfamiliar terms Content accessed in situations not audio-friendly

Course Structure & Layout Follow a simple and consistent course design Organize related content in Folders or Learning Modules Same display options for all Learning Modules Design for minimal scrolling; avoid horizontal scrolling and minimize vertical scrolling Use both icon (image) and link text on homepage Establish a consistent layout Same icon layout for all Folders Consistent color scheme Logical order of content Design for Ease of Use

Semantic Structure Semantic structure is critical for accessibility Use true bulleted and numbered lists rather than creating it by using the tab key and an asterisk or number. Organize your content using true headings (sometimes labeled as “H1” “Heading 1”, etc.). The document title should be a first-level heading, the next level should be second-level, etc. HTML document should have only one H1 Don't skip downward levels (Ex: H1 should always be followed by H2 and H2 by H3 within a section) Provide a table of contents for long documents. Provide a descriptive document or page title. Use true columns instead of other methods (e.g., using the “Tab” key to create columns one line at a time).

Tips Use the simplest language appropriate for your content. Use illustrations, icons, etc. to supplement text. Check spelling, grammar, and readability. Be careful with abbreviations, jargon, complex language, or anything that might confuse the reader. AVOID THE USE OF ALL CAPS. IT CAN BE DIFFICULT TO READ.

Color Scheme Choose colors carefully The use of color can enhance comprehension, but do not use color alone to convey information (e.g., “Items in red are due this week”). Using color is fine (e.g., “The items due this week have the red word ‘due’ next to them”), it just can’t be the only way information is provided. Ex: avoid color coding with red/green, pastels Applies to: Text/Background, Graphics, Documents

Descriptive Hyperlinks Avoid using "click here" or " me" Avoid placing links too close together Avoid too many hyperlinks in a single document or web page ("34 is a lot") Link text should make sense out-of-context Good: There were many inventions during the Industrial Revolution of history Bad: For information about the Industrial Revolution click here

Text Equivalents Alternative text serves several functions: It is read by screen readers in place of images allowing the content and function of the image to be accessible to those with visual or certain cognitive disabilities. It is displayed in place of the image in browsers if the image file is not loaded or when the user has chosen not to view images. It provides a semantic meaning and description to images which can be read by search engines or be used to later determine the content of the image from page context alone. ALT text can be added to image properties in HTML, Word, PDF, PowerPoint, etc. Alternative text should present the content and function, not necessarily a description, of an image. If you had to remove the image, what text would you put in its place? Avoid words like “picture of,” “image of,” or “link to.” Use the fewest number of words necessary.

Multimedia Content Audio Only Text-only Transcript of audio component Transcript must be an accessible document Audio+Video Synchronized captions are required Text-only Transcript of audio component Video Description (unless talking head) Example: Example (talking heads): Can combine Text Transcript and Video Description: W3C Combined Example

Captions vs. Subtitles Captions Assumes viewer cannot hear ambient sounds, include references Accessible Separate text stream (independent of video) Archived, indexed, searched Most often appear below the video Can be turned on/off Subtitles Assume viewer can hear ambient sounds but not understand dialogue Not accessible Part of the video stream Subject to loss of quality during video compression and delivery Most often overlaid so may block important visual cues Cannot be turned off

All Online Electronic Content Web Accessibility is not limited to websites or web applications but include Microsoft Word, PowerPoint, Excel and PDF documents. The guides and tutorials on the GSA 508 website are an excellent resource when developing your materials

Accessibility Checker – Built into Microsoft

Disability Resource Center Contact Information: DRC Bradenton Office: or Patricia Lakey, Coordinator- Angela Powell, Advisor II- Jennifer Meier-Venice Campus Liaison-

Online Learning Staff Dale Drees Lead Instructional Designer Phone: Fax: John Ewing LMS Administrator Phone: Fax: Gary Baker Director Phone: Fax: Kendi Judy Specialist, Instructional Designer Phone: Fax: Melanie Wallace Staff Assistant Phone: Fax: