accessibility

770 views

Published on

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
770
On SlideShare
0
From Embeds
0
Number of Embeds
345
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

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.
  • accessibility

    1. 1. Web Accessibility
    2. 2. Disabilities• Visual disabilities• Hearing impairments• Physical disabilities• Cognitive and neurological disabilities
    3. 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=re lated• http://www.youtube.com/watch?v=bQpNYDvQ010&NR=1
    4. 4. Hearing Impairments• Deafness or hard of hearing• Include closed captioning option• Videos should include a transcript
    5. 5. Physical Disabilities• Site should support keyboard commands – Tab and enter key
    6. 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. 7. Layout• Use DIV for layout• Only use TABLE for information – Include summary and caption for table
    8. 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. 9. Images• Images that are not decorative must have alt text <img alt=“” />• Should present content and function
    10. 10. URLs title• Use title to describe URLs• <a href=“about.php” title=“about”>
    11. 11. Links in text• Avoid “click here”• Too ambiguous• Text should make sense by itself
    12. 12. Color and Contrast • Users may be colorblind • Need to check contrast for links • Need strong visual cueshttp://www.flickr.com/photos/wufoo/2919012489/sizes/m/in/photostream/
    13. 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. 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. 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. 16. So What?• Institutions supported by the government require these• Accessibility can affect business – Online shopping – Can lose a lot of money
    17. 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. 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

    ×