Strengthen your online community by adding a personalized class banner.

Slides:



Advertisements
Similar presentations
WCAG 2 Compliance With PDF
Advertisements

Unit 3 Day 4 FOCS – Web Design. No Journal Entry.
ADA Compliant Websites & Documents What the heck am I supposed to do?
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
NSU Web Services Website Guidelines & Creating Accessible Website Content.
Dana Marlowe Accessibility Partners Accessibility Partners © Not to be reproduced without permission. 1 Giving a Picture 1000 Words: Accessibility.
Web Accessibility Web Services Office of Communications.
Web Accessibility With the User in Mind Insights and Techniques Kathy Kimball Candace Lee Egan Copyright 2002 California State University Fresno All rights.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Everyday inclusive Web design: an activity perspective CS575 MADHAVI L NIDAMARTHY.
How can blogs be kid friendly? In this session, you will learn how to set up your class, how to create blogs, learn benefits and uses of blogging, etc.
Creating and publishing accessible course materials Practical advise you can replicate.
Accessible Word Document Training Microsoft Word 2010.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Electronic Communication and Web Accessibility Workshop.
Accessibility Standards. This PowerPoint will cover: – Web accessibility standards – Word file accessibility – PDF accessibility – PowerPoint accessibility.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.
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.
ADA Training Online Instructional Materials
Terrill Thompson Is Your Course Content Accessible?
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
HTML: Hyptertext Markup Language Doman’s Sections.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
 CSM 583 CAPSTONE ADA Compliance: Easy Steps to Get Started with Accessibility By Jeff Statham.
How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.
Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
+ Accessible Document Basics Cindy Compeán Accessibility/Assistive Technology Specialist
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
ADA 508 Compliance in Online Classes Presenter: Tahiya Marome.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
Presented by Maya Pakhomova. What Should You Do to Make an Office Document Readable? I use text that describes a graphic.
How to Create Accessible Course Materials Yasmin Mahasongkham Highline College.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.
Creating Section 508 Compliant Documents & Presentations
Creating ADA Compliant Course Sites: An Online Training Program
County Website Content Management System
Web & accessibility resources
Accessible Social Media
Accessibility in Digital Documentation
Universal Design Strategies in Teaching and Communication
Making the Web Accessible to Impaired Users
2017 Fall Faculty Workshops
How People with Disabilities Access the Web
MUG Tuesday, May 31, 2016.
Adding Assignments and Learning Units to Your TSS Course
Plan for Teaching Online-Course Accessibility
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Financial Aid: ATRC Services & Intro to Accessibility
Universally Designed Course Materials
Context Is Everything Meaningful Alternative Text
Web Accessibility Allison Kidd, Accessibility Specialist
Creating Section 508 Compliant Documents & Presentations
Universal Design for Learning: An Inclusive Approach to Teaching
Lakeshore Public Schools
Creating Section 508 Compliant Documents & Presentations
Designing a Pittsfordschools.org site
Accessibility Tips for Your Office
Building your class website
Student Accessibility Services (SAS)
Web Standards and Accessible Design.
Common Barriers to Accessibility on the Web
Web content management
Accessibility and oer design
Presentation transcript:

Strengthen your online community by adding a personalized class banner

Encourage thoughtful discussions by breaking large classes into smaller, more intimate groups

Introduce and reinforce lecture topics with banners

Identify courses and sections

Set a mood

Universal Design Tip Always add a meaningful alt tag to graphics and images When the Image Description is left blank, it will be read as "IMAGE" or as the name of the image file; therefore, it is not useful to a person who is using a device to listen to their courses.

The alt tag, or Image Description, for this lecture banner could be described as Language Lecture. However, if you imagine that you are describing this image and its function to a friend over the telephone, you might use this alt tag instead: Language Lecture in American Indian Studies 101, Unit 3 Universal Design Tip

In this example, the banner is purely decorative. The topic of the lecture is in text below the banner and will be read by the assistive device. Adding two quotation marks as the Image Description will force the device to skip this image. Universal Design Tip

Use banners to promote discussions* Which image doesnt belong in this group of photos? Why? Edit one of the banner images slightly and switch it out after a few weeks – change a male to a female, an old person to a young person, or make a subtle change such as removing eyeglasses or jewelry. How many students noticed? How might it be useful to understand typical human observations? Use the power of imagery to illustrate a controversial topic. Ask students to comment on their interpretations of the images. Use a banner to tell a partial story and have students predict what happens next. Use in conjunction with a journal or wiki assignment. *Be sure to include an alternative for visually impaired students

Tell a story over time, such as a semester. Have students contribute images. Inspire topics for papers or research Build to the end of the course – reinforce whats been learned or add visual material not covered in the content Post class stats or survey results *Be sure to include an alternative for visually impaired students Use banners to promote discussions*

Add visual signals to readers about which course theyve opened, which lecture theyre working on, and where they stopped reading in their last session Emphasize an important point by turning it into a pull-quote Use captions to credit a source and subtly remind students to cite their research Offer did you know trivia snippets *Be sure to include an informative alt tag for visually impaired students Use graphics and images within content areas*

Increase reading speed and comprehension and help readers to remain focused by using graphics to break up dense pages of text

Add interactive exercises to lessons* *Be sure to include an alternative for visually and mobility impaired students

AccordionAccordion TabsTabs Process CircleProcess Circle PyramidPyramid TimelineTimeline Circle MatrixCircle Matrix GlossaryGlossary CertificateCertificate Word SearchWord Search Interactivity available in Adobe Captivate

Find resources online Narrow your search: example site:.gov, then select the Images tab. Or go to and select the Images tabwww.google.com/unclesam Use Google Images and Flickr to search the Creative Commons site Search for.jpg files at the root level of your hard drive Use Google Video to search at iTunes U, YouTube, and TED Talks Heres a collection of audio websites:

Use the style attributes in Blackboards Text Editor Screen readers have built-in functionality that enables users to navigate easily through a document's headings, often with a single keystroke. This allows listeners to scan the document before navigating to a particular section of interest. Universal Design Tip

Use boldface and italics for emphasis instead of color Ensure optimal readability by offering high brightness and contrast Universal Design Tip

4. Use closed captioning and provide transcripts of videos Additional resources: Creating accessible images by the University of Wisconsin-Madison: course/standards/images.htm Techsmiths captioning tutorial: Color blindness simulator: Check for color contrast: Universal Design Tip