Hands-On Website and Accessibility Preparation Training

Slides:



Advertisements
Similar presentations
Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions
Advertisements

ADA Compliant Websites & Documents What the heck am I supposed to do?
IMPORTANT: Instructions
Basic Accessible PDF Document Training Adobe Acrobat Professional 11.
Y A S O O B A L I b o r n o n 1 9 t h F e b r u a r y i n K a n p u r d i s t r i c t o f U t t a r P r a d e s h. H e s t a r t e d s i n g i.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Advanced Accessible PDF Document Training Adobe Acrobat 11.
Web Accessibility Web Services Office of Communications.
How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.
SharpSchool Teacher Training. Sharp School Login Go to:
EDITING A DISTRICT WEB PAGE
CREATING ACCESSIBLE DOCUMENTS Karen Wilson, Web Designer Web Services x6147.
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.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Redefining Disability Mobile Accessibility Testing By Priti Rohra Head Accessibility Testing BarrierBreak Technologies.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
Web Accessibility – Video Captioning. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
So – You want to learn how to put a BLOG article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
Website Editing From Gingerweb. Re-size your image first Before you start with adding an image to your site it must be resized to suit your page. An image.
ADA Americans with Disabilities Act. Many people with disabilities are unable to access information on websites because of a variety of barriers that.
End-User Training Editing Content with JustEdit Brandon Scheirman Instructional Designer, OmniUpdate.
Website Editing From Gingerweb The Image Gallery.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 7 – Creating and Using Templates in a Web.
The Knowledge Network Getting to full text. The Knowledge Network Top Tips Login to The Knowledge Network before beginning a search Select the Library.
Inserting Media POWERPOINT 2013 Insert a Picture From a File  Click on the Insert tab.  In the Images group, click on the Pictures button.  Navigate.
Accessible Word Document Creation Using Microsoft Word 2010.
 Upload various content to an ANGEL class. Access a website Login to ANGEL Use Microsoft Office to create documents Have a general plan of organization.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
Making Online Courses Accessible Tips for creating an accessible course.
Web Accessibility Web Community Meeting July 22, 2016 July 29, 2016.
OmniUpdate Basics Training FLEX – August 11, 2016 VOC-113.
Section 508 At long last, two of the most looming accessibility questions in the United States have been answered.
Community Engagement Web Community Manger (WCM) - Schoolwires
Have You Used A Snippet Lately?
Introduction to Web Accessibility
Plan for Teaching Online-Course Accessibility
Lippincott Procedures Training Tour for HealthStream Users
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Web Accessibility Allison Kidd, Accessibility Specialist
Welcome to today’s AEM Center Webinar
Welcome to today’s AEM Center Webinar
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
OU Campus Accessibility
Lesson Objectives Lesson Outcomes
Lakeshore Public Schools
WebJunction CQ Training - How to Update Your Landing Page
Lippincott Procedures Training Tour for General Users
Designing a Pittsfordschools.org site
NEW! Student Organization Database
Accessibility Tips for Your Office
ADA Compliant Website & Documents
Understanding SharePoint
TITLE Authors Institution
Creating and Linking New Pages
5. Setting up Alerts.
Lippincott’s Nursing Procedures and Skills
OUCampus Content Editor Training
Web content management
Manipulating Text & Links on your website
Find your school and click on it.
Training Tour for General Users
Presentation transcript:

Hands-On Website and Accessibility Preparation Training Presented by: Rick Nguyen and Matt Bidart

Recap What is accessibility? refers to the design of products, devices, services, or environments for people who experience disabilities

What are the Web Content Accessibility Guidelines (WCAG)? Refer to your handouts 1. Perceivable 2. Operable 3. Understandable 4. Robust

Let’s begin! Navigate to your department page and login into OU

1. Open up another tab and navigate to. mtsac. edu/accessibility 2 1. Open up another tab and navigate to mtsac.edu/accessibility 2. Under Resources click on “Accessibility Checklist” 3. Keep this page open as we go through numbers 1-9 on your handout

1. Make sure you have a descriptive page title Navigate to your page within OmniUpdate Check Out the page Click Properties Review and update your page Title, Description, and Keywords

2. Run an accessibility scan on your page Make sure your page is checked out Click the Page Check button Click the Accessibility button

3. Check images for meaningful Alternate Text Make sure your pages is checked out Click the Edit button for regions with images Click the image to select it Click the Insert/Edit button Edit/Update the image Description

4. Check links Make sure links clearly show where they go. Test links to make sure they go to the desired place.

5. Check videos for captions Click the CC button to confirm captions.

6. Check page navigation Can you use the tab key to navigate around your page? Is that navigation logical?