DESIGN FOR ALL Dap01s, Mehtiö Reija

Agenda Introduction Different types of disabilities - what to consider?

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. navigation 2. navigation 3.navigation. Banner Content Title to all pages appropriate Navigation, where to put it?

Organizing the content Important / simple / introduction first No sounds starting automatically

Practical issues

Text Spell check! Proof read Cut it to smaller/understandable parts

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, scope =”row/col” -attribute or id-attribute, headers -attribute, abbr - attribute and NameAgeBirthday Jack Maria197.3

Name Age Birthday Jackie 5 April 5 Beth 8 January 14 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

Standards

The Web Accessibility Guidelines Web Content Accessibility Guidelines Authoring Tool Accessibility Guidelines User Agent Accessibility Guidelines

Section 508 Web Accessibility Actually a law that concerns the Federal Goverment