Practical Accessibility
        Ian Pouncey
Accessibility?


• Universal Access
• Usability
Why Accessibility?

• Help your users
• Don’t be a Target
• Step 3: Profit!
Disabilities

• Visual
• Auditory
• Physical
• Cognitive and Neurological
Myths

• Validation
• All or nothing
• About screen readers
• Difficult
• Easy
Bad Advice

• Add ‘title’ attributes to links
• Give all images ‘alt’ text
• Link to accessible version of your page
Accessibility > SEO

• Be careful when optimising:
 • Image ‘alt’ attributes
 • Links
Structure

• Headings
• Lists
• Differentiate between content types
Written Content

• Concise sentences
• One subject
• Spelling and grammar
Text

• Big (12 - 13px)
• Clear (high contrast)
• Limited line lengths (~70 characters)
Forms

• Keep forms simple
• Require only that which is required
• Labels
• Fieldsets
• Avoid Turing tests
Tables

• Not for layout
• Summary
• Headings
Multi-media


• Avoid unexpected movement / sounds
• Transcribe / caption
Mixed Content

• Text
• Images
• Video
• Audio
Focus

• Avoid
 • contrasting blocks of colour
 • unexpected sound
 • moving content
 • pop ups
Upcoming SlideShare
Loading in …5
×

Practical accessibility

1,340
-1

Published on

Simple and practical advice on what you should consider for accessibility when building a website.

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

No Downloads
Views
Total Views
1,340
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide















  • Practical accessibility

    1. 1. Practical Accessibility Ian Pouncey
    2. 2. Accessibility? • Universal Access • Usability
    3. 3. Why Accessibility? • Help your users • Don’t be a Target • Step 3: Profit!
    4. 4. Disabilities • Visual • Auditory • Physical • Cognitive and Neurological
    5. 5. Myths • Validation • All or nothing • About screen readers • Difficult • Easy
    6. 6. Bad Advice • Add ‘title’ attributes to links • Give all images ‘alt’ text • Link to accessible version of your page
    7. 7. Accessibility > SEO • Be careful when optimising: • Image ‘alt’ attributes • Links
    8. 8. Structure • Headings • Lists • Differentiate between content types
    9. 9. Written Content • Concise sentences • One subject • Spelling and grammar
    10. 10. Text • Big (12 - 13px) • Clear (high contrast) • Limited line lengths (~70 characters)
    11. 11. Forms • Keep forms simple • Require only that which is required • Labels • Fieldsets • Avoid Turing tests
    12. 12. Tables • Not for layout • Summary • Headings
    13. 13. Multi-media • Avoid unexpected movement / sounds • Transcribe / caption
    14. 14. Mixed Content • Text • Images • Video • Audio
    15. 15. Focus • Avoid • contrasting blocks of colour • unexpected sound • moving content • pop ups
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×