accessibility

Web Accessibility

Disabilities
Visual disabilities
Hearing impairments
Physical disabilities
Cognitive and neurological disabilities

Visual Disabilities
Blindness
Images with alt text
Keyboard support
Low vision
Font size
Color blindness
Contrast between font and background
Often use Screenreaders
http://www.youtube.com/watch?v=2ZkVd8GeYTk&feature=related
http://www.youtube.com/watch?v=bQpNYDvQ010&NR=1

Hearing Impairments
Deafness or hard of hearing
Include closed captioning option
Videos should include a transcript

Physical Disabilities
Site should support keyboard commands
Tab and enter key

Cognitive and Neurological Disabilities
Dyslexia, ADD, epilepsy
Avoid distracting (audio/video) elements that cannot be turned off easily
Use of visual or audio frequency can trigger seizures
Don’t have too much visual clutter

Layout
Use DIV for layout
Only use TABLE for information
Include summary and caption for table

Headings
Use headings in the correct order
H1 H2 H3 H4 H5 H6
Only have one <h1> for document title
Never leave this empty!

Images
Images that are not decorative must have alt text <img alt=“” />
Should present content and function

URLs title
Use title to describe URLs
<a href=“about.php” title=“about”>

Links in text
Avoid “click here”
Too ambiguous
Text should make sense by itself

Color and Contrast
Users may be colorblind
Need to check contrast for links
Need strong visual cues
http://www.flickr.com/photos/wufoo/2919012489/sizes/m/in/photostream/

Skip to Content
Important for screen reader users
Doesn’t have to be seen on your design
Use CSS to set it off the page
position:absolute;
left: -9999px;

Forms
Cause confusion when they do not use the correct form elements
<label for=“add”>Label Here</label>
<input name=“add” id=“add” type=“text”/>

Tab and Enter Key Only
Can you navigate your site using only the tab and enter key?
Set up tab order on navigation links
Navigate CNN.com using only the keyboard

So What?
Institutions supported by the government require these
Accessibility can affect business
Online shopping
Can lose a lot of money

So What?
Accessibility is very important for those of you thinking about a career in web development or user experience
For personas it makes sense to include groups of users with disabilities

Resources
http://www.slideshare.net/jared_w_smith/web-accessibility-gone-wild-1159892
http://www.slideshare.net/jared_w_smith/web-accessibility-gone-wild-2487364

accessibility

by prprof_mv

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 159

Statistics

accessibility Presentation Transcript

accessibility

by prprof_mv

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 159

Statistics

accessibility Presentation Transcript

Let LinkedIn power your SlideShare experience

Let LinkedIn power your SlideShare experience

Customize SlideShare content based on your interests

Keep up to date when your LinkedIn contacts post on SlideShare