DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to...
-
date post
21-Dec-2015 -
Category
Documents
-
view
217 -
download
2
Transcript of DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to...
Introduction
•Internet is a good thing
•Not only for disabled, instead for everybody
•Is t necessary for all sites?
•Compromises
•Visual
•Blindness -screen reader, keyboard
•Low visions -screen magnification, higher contrast, change the default text and background color
•Color blindness
•Hearing
Different types of disabilities
•Motor -voice recognition software, one-handed keyboard, mouth-stick, head-wand, single-switch access
•Cognitive
Different types of disabilities
First issues to consider
•The information should be given in more than one way, supporting multiple senses
•What information is worth to show everyone?
Organizing the content
The header
1. navigation2. navigation3.navigation
.
.
Banner
Content
•Title to all pages appropriate
•Navigation, where to put it?
Links
•No click here, content independent
•Too many links makes it hard to understand the text
•Let the user know if the link takes to some other type of document than html
Images / Graphics
•Support the text
•alt -definition,
•alt=”|” , alt=”.” , alt=”*”
•Phone testing
•Longdesc / invisible link / [D] -link
•Image text, where to put it?
Tables•Big tables, impossible to remember
•Table with 10 columns and 7 rows. Department Code, Class Number, Section, Max Enrollment, Current Enrollment, Room Number, Days, Start Time, End Time, Instructor, BIO, 100, 1, 15, 13, 5, Mon,Wed,Fri, 10:00, 11:00, Magde, 100, 2, 15, 7, 5, Tue,Thu, 11:00, 12:30, Indge, 205, 1, 15, 9, 6, Tue,Thu, 09:00, 10:30, Magde, 315, 1, 12, 3, 6, Mon,Wed,Fri, 13:00, 14:00, Indge, BUS, 150, 1, 15, 15, 13, Mon,Wed,Fri, 09:00, 10:00, Roberts, 210, 1, 10, 9, 13, Mon,Wed,Fri, 08:00, 09:00, Rasid.
Tables•Explanation / summary -attribute /
invisible link
•use of <th> , scope =”row/col” -attribute or id-attribute, headers -attribute, abbr -attribute and <caption>
Name Age Birthday
Jack 15 22.10.
Maria 19 7.3
<tbody><tr> <th scope="col">Name</th> <th scope="col">Age</th> <th scope="col">Birthday</th> </tr><tr> <th scope="row">Jackie</th> <td>5</td> <td>April 5</td></tr><tr> <th scope="row">Beth</th> <td>8</td> <td>January 14</td></tr></tbody></table>
in html:
Forms•An alternative option should be
offered
•Clear instruction what information is desired before the field
•If checkboxes or radio buttons used don’t brake them up with any block element
•accesskey -attribute
The Web Accessibility Guidelines
•Web Content Accessibility Guidelines
•Authoring Tool Accessibility Guidelines
•User Agent Accessibility Guidelines