DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to...

19
DESIGN FOR ALL Dap01s, Mehtiö Reija
  • 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...

DESIGN FOR ALLDap01s, 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. navigation2. navigation3.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 <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

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