Your SlideShare is downloading. ×
accessibility
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

accessibility

434
views

Published on

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
434
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • harasser a person is cold, with little or no respect for others. A stalker is a predator that can wait patiently connected to the network, participate in chat or forums to make contact with someone that you appear susceptible to annoy, usually women or children, and enjoys chasing a particular person, and directly connected with it or be a complete unknown. The bully enjoys and shows its power to pursue and psychologically damaging to the person.Cyberstalkers may research individuals to feed their obsessions and curiosity. They may engage in live chat harassment or flaming or they may send electronic viruses and unsolicited e-mails. Acts may become more intense, such as repeatedly instant messaging their targets.Spokeo is a search engine that uses email addresses to find people across the social Web. Give the site your log-on info for Gmail, Hotmail, Yahoo Mail, or AOL -- or just upload your personal address book; Spokeo will scour 41 social networks and collect all information associated with each email address. Blog entries, Linked In profiles, Flickr photostreams, Twitter tweets, Digg comments, Amazon wish lists -- and a whole lot more -- all on one tidy little Web page. And every time they add new content, Spokeo lets you know.
  • Transcript

    • 1. Web Accessibility
    • 2. Disabilities
      Visual disabilities
      Hearing impairments
      Physical disabilities
      Cognitive and neurological disabilities
    • 3. 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
    • 4. Hearing Impairments
      Deafness or hard of hearing
      Include closed captioning option
      Videos should include a transcript
    • 5. Physical Disabilities
      Site should support keyboard commands
      Tab and enter key
    • 6. 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
    • 7. Layout
      Use DIV for layout
      Only use TABLE for information
      Include summary and caption for table
    • 8. Headings
      Use headings in the correct order
      H1 H2 H3 H4 H5 H6
      Only have one <h1> for document title
      Never leave this empty!
    • 9. Images
      Images that are not decorative must have alt text <img alt=“” />
      Should present content and function
    • 10. URLs title
      Use title to describe URLs
      <a href=“about.php” title=“about”>
    • 11. Links in text
      Avoid “click here”
      Too ambiguous
      Text should make sense by itself
    • 12. 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/
    • 13. 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;
    • 14. 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”/>
    • 15. 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
    • 16. So What?
      Institutions supported by the government require these
      Accessibility can affect business
      Online shopping
      Can lose a lot of money
    • 17. 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
    • 18. 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