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.

Slides:



Advertisements
Similar presentations
Website usability: Studentlink Jessica Winblad Ravi Singh Ricky Sood Jendy Dennis Sahba Javedani.
Advertisements

Accessibility and WHO's web site Images courtesy of Flickr.
UI Best Practices Application Developer’s Intro School Week 1 Day 1.
Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
Making Text Legible: Designing for People with Partial Sight CSCI 4800 Spring 2007 E. Kraemer.
Principles of Web Design 5th Edition
Dyslexia and the Web.
Inclusive practice: Creating accessible resources for learning and teaching This session will introduce staff to principles around creating accessible.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Dyslexia and ICT. What is Dyslexia? The word 'dyslexia' is Greek and means 'difficulty with words'. Definition: Dyslexia is a specific learning difficulty.
Accessible Word Document Training Microsoft Word 2010.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
 What is web accessibility? ture=relatedhttp://
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.
Document and Web design has five goals:
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
PRESENTATION SOFTWARE PowerPoint, Keynote, Prezi Purpose?
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Alison Doyle Disability Officer Print Accessibility.
Web Technologies Website Development Trade & Industrial Education
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
CCRI – Instructional Support Team Creating Class Presentations using PowerPoint.
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.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Using Overhead Projectors (OHPs) and Overhead Transparencies (OHTs)
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
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.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
 Specific Learning Difficult (SpLD)  First noted in 1964  1980 Meares-Irlen Association founded by Olive Meares and Helen Irlen  Known by other names:
1 Testing Web site Accessibility Review of disabilities, legislation & techniques.
User Documentation. Documentation Guidelines  Break the documentation down by tasks  Plan for an audience  State the purpose of the document  Organize.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
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.
User Interface Development Target or Specific User Groups.
Accessible Word Document Creation Using Microsoft Word 2010.
Graphics Navigation Usability Typography Content Clarity & Consistency.
OER Schools Network Meeting Suzanne P Lavelle OER Network Co-Ordinator January 2016.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Writing Accessible Electronic Documents with Microsoft® PowerPoint
Color Theory. Primary Colors Colors that cannot be created by mixing others.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Accessibility: Consider the needs of those with specific learning difficulties such as dyslexia, and individuals with visual and attentional difficulties.
Chapter 2 Web Site Design Principles
Irlen Syndrome What’s It All About?
Color Theory in Web Design
Flexible and accessible text in the classroom.
Web Design and Development
Website Design and Management Section 3 - Design
Web content management
Uppingham Community College
Human and Computer Interaction (H.C.I.) &Communication Skills
Presentation transcript:

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 and tables may take a long time to download. Very large graphics make pages harder to read.

Geenral Principles Offer alternate download pages in a text reader friendly style. Where possible design web pages which can be downloaded and read off-line. Moving text creates problems for people with visual difficulties. Text reading software is unable to read moving text.

General Principles Contents links should show which pages have been accessed. Most users prefer dark print on a pale background. Colour preferences vary.

Colours Some websites offer a choice of background colours. Encourage the use of hyperlinks at the end of sentences. Avoid green and red/pink as these are difficult for colour-blind individuals. Make sure that it is possible for users to set their own choice of font style and size, background and print colours.

Scotopic Sensitivity Syndrome The scotopic sensitivity syndrome - proposed by Helen Irlen - is that there is an array of perceptual anomalies that allegedly cause visual dyslexia, (Pumfrey and Reason, 1991). The syndrome allegedly consists of visual distortions in four categories. Light sensitivity : the ability to accommodate high contrast and glare. Visual resolution: the ability to see print clearly and without distortions. Span of focus: the ability to perceive groups of words at the same time. Sustained focus: the ability to do with tasks with the eyes in a relaxed state with the objects in focus

Population Claims have been made that between 50 and 75 percent of learning disabled people suffer from this syndrome" Pumfrey and Reason (1991). However, a significant proportion of the 'normal' population also suffer from this syndrome (Brown pers. com. After attending an Irlen presentation). Pumfrey and Reason (1991) reviewed the literature on the use of lenses and filters, they consider that the evidence "indicates that visual problems do not seem to be a major cause of dyslexia". Dyslexic child suffering from scotopic sensitivity are bound to have their problems exacerbated. Although the Irlen lenses involve over 140 variations "the most significant effect of Irlen lenses is to reduce light overall rather than affect specific colours" (Moseley (1990b) cited by Pumfrey and Reason, 1991).

Remedies Should teachers suspect that a child has scotopic sensitivity the most immediate response would be to reduce the light intensity. Certain blackboards and whiteboards are renowned for giving off a glare when viewed at certain angles. Moving the child to a different part of the classroom may well help. The printed word may be modified by overlaying sheets of coloured acetate such as are used for OHP transparencies. These are available in a variety of colours and intensities. Photocopying material onto coloured paper is another means of avoiding the complications of scotopic sensitivity. It is unlikely that many schools will be able to print specialist handwriting paper in unobtrusive shades as reported by Brown (1990

Background Colour On Computer Applications change the background colour On the web this can be done using CSS or it can be done by setting browser options