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

Slides:



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

Welcome Presentation by Gavin Evans and Jaime Purvis.
Ten Top Tips! How to make your materials more inclusive Every person has a different perception of what they see and how they interpret information; learners.
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
XX/XX/XX Presenter names Position Title Accessibility “How to”
Web accessibility A practical introduction. Presentation title and date1 Web accessibility is about designing sites so as many people as possible can.
1 Accessibility CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 16, 2007.
Segment 2: Web Standards & Accessibility Ted Drake, Yahoo Accessibility Lab Slideshare.net/7mary4.
General Principles Navigation should be easy. A site map is helpful. Use graphics, images, and pictures to break up text, while bearing in mind that graphics.
Web Accessibility With the User in Mind Insights and Techniques Kathy Kimball Candace Lee Egan Copyright 2002 California State University Fresno All rights.
Creating Accessible Instructional Materials
Creating Accessible Documents TO HELP SET UP: 1)Sign into computer 2)Navigate to the USB 3)Drag “Lib Session” Folder to TEMP D 4)Open “Lib Session” Folder.
Accessible Word Document Training Microsoft Word 2010.
Everyday Accessibility. Maximise accessibility using Microsoft® Word, PowerPoint, and PDFs. Andrew Costello (Disability Service). Trinity College Dublin.
What is the Accessible Information ?. Everyday Accessibility Training Day Topics 1.The need for Accessible information 2.What is the Accessible info policy.
 What is web accessibility? ture=relatedhttp://
Word processing June 2013.
Electronic Communication and Web Accessibility Workshop.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Accessibility IS 403: User Interface Design Shaun Kane 1.
NASA AMES RESEARCH CENTER WebDev Group: Assistive Technologies NASA AMES RESEARCH CENTER WebDev Group: Assistive Technologies 8/30/2015 Introduction to.
Highlight this text & type in your poster title (44pt recommended) Highlight this text and replace with the authors. You can select to make the text smaller.
Alison Doyle Disability Officer Print Accessibility.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Website Accessibility “Access for All”. General Design Considerations: Handy for Users: –Relevant materials –Easy to use format.
© 2008 Cisco Systems, Inc. All rights reserved.Cisco ConfidentialPresentation_ID 1 Accessibility for CCNA Discovery and CCNA Exploration June 2008.
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.
How People With Disabilities Use the Web Larry G. Hull Accessibility Engineer.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
AbilityNet – Making IT Accessible for All. Web accessibility Web accessibility and Disability A Practical introduction Jon Gooday & Robin Christopherson.
Software Usability Course notes for CSI University of Ottawa Section 7: Accessibility - Usability for the Disabled Timothy C. Lethbridge
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
ACCESSIBILITY By Josh Allen. DEVICES THAT PEOPLE CAN USE.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
ACCESSIBILITY Devices for the Disabled users! By Kai Cubitt.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Principles of effective web design NOTES Flo Morris-Duffin.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Accessible Word Document Creation Using Microsoft Word 2010.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Software Interface Design Features / Issues. Learning Objectives Discuss the features affecting interface design.
Writing Accessible Electronic Documents with Microsoft® PowerPoint
How to Create Accessible Course Materials Yasmin Mahasongkham Highline College.
Color Theory. Primary Colors Colors that cannot be created by mixing others.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
(c) Charlotte Holland DCU ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)
Accessibility of services on the web. Table of contents Statistics Definitions Different kinds of disabilities Solutions for accessibility.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Accessibility First! David Kelleher
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Web and presentation software
Guide to Accessible PowerPoint
Accessibility in Digital Documentation
Making the Web Accessible to Impaired Users
Creating ADA Compliant Resources
Creating ADA Compliant Resources
What is the Accessible Information ?
Colorado State University Web Accessibility
Building your class website
Creating Accessible Documents
Web and presentation software
Accessible Design Top 10 List
Accessible Slide Template
Accessibility Evaluation
Accessibility.
Accessible Slide Template
Making Documents Accessible
Presentation transcript:

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

Creating accessible resources Audience – Pupils – Teachers – Parents Aim of the resource – Provide information – Training – Get people to refer back to you – Raise the profile of your school (is so, provide a means of providing feedback)

Resources – disabilities to consider Visual – Colour blindness – Reduced vision Auditory Movement and Manual Dexterity Visual Processing/Cognitive Disorders – Dyslexia – Dyscalculia

Visual impairment Visual – Colour blindness – Reduced vision Solutions: Use a larger font size bolder colours Avoid pale shades that are similar in tone Avoid red/green contrasting colours Ensure all images and tables are labelled (in ‘alt’ text) and captioned (for screen readers) Consider producing an audio version (MP3)

Auditory issues Auditory – Reduced hearing – Tinnitus Solutions: Produce a text version of your resources Produce subtitles for a film Create transcripts of any audio sections (available via a link in the resource)

Impaired movement and manual dexterity Manual dexterity – Navigation problems – Using hardware (eg. mouse, touchpad, keyboard) Solutions: If your resource is a website, make any links obvious and clear Try to ensure that your document can be navigated easily using the arrow keys. Avoid the need for excessive scrolling, use of tabs and need for right/left click of mouse

Visual Processing/Cognitive Disorders Processing issues – Dyslexia – Information over-load When dyslexic users read text, they can experience visual distortion effects. These effects vary in degree from person to person, but they can make reading text much harder. Dyslexia Improvements - what does dyslexia look like Some pupils are not able to process large amounts of data in one go, for example if they have suffered from some type of brain injury.

Visual Processing/Cognitive Disorders Solutions: Avoid justified text and double spaces after full stops – these create large, uneven spaces between letters and words and result in a “river effect”. Avoid high contrast colours – i.e. black text on a white background (can lead to “swirling of the words”). Use greys and browns instead. Don’t have long paragraphs of unbroken text in your document – use shorter paragraphs (1 per idea). Avoid fonts with serifs and italicised text – they obscure letter shapes for dyslexics and make reading difficult. Use bold to highlight instead of italics. Alternative fonts, such as OpenDyslexic.OpenDyslexic

Visual Processing/Cognitive Disorders "Typographic river" by Jeff Dahl - Own work. Licensed under GFDL via Commons - File:Typographic_river.svg The “River” Effect

This is a screenshot of a web page of a Wikimedia Foundation project. Text of Wikimedia projects (except for Wikinews[1] and parts of Wikidata[2]) are licensed under the Creative Commons Attribution Share-Alike 3.0 license Note how this black text on a white background produces more glare and is harder on the eyes!

This work has been released into the public domain by its author, Willard5 at English Wikipedia. This applies worldwide. Blurring and doubling of text Visual Processing/Cognitive Disorders

Solutions: Break up large areas of text with images and captions to help cognitive processing. Avoid multiple windows with cluttered displays which can create distractions Sequential operations can also be difficult for those with processing issues Provide easy ways to backtrack or start again in navigation of websites (sitemaps)

This presentation is shared under CC-BY 4.0CC-BY 4.0 Creating Accessible Resources (2016) by Suzanne P Lavelle/Children’s Hospital school, shared under CC-BY 4.0Suzanne P Lavelle/Children’s Hospital schoolCC-BY 4.0