Accessibility in Practice

1,132 views

Published on

Accessibility in Practice: Real world design challenges Action for Blind People website design & build. Guest Lecture at MSc Digital Inclusion, Middlesex University. 26th September 2011

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

  • Be the first to like this

No Downloads
Views
Total views
1,132
On SlideShare
0
From Embeds
0
Number of Embeds
49
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Accessibility in Practice

    1. 1. Accessibility in PracticeReal world design challenges Action for Blind People website design & build Sandi Wassmer, Guest Lecturer MSc Digital Inclusion, Middlesex University 26th September 2011
    2. 2. A website is a product that people interact with Accessibility is not standalone It is one of many designconsiderations that competes to meet a projects objectives
    3. 3. If you dont know why, whats the point? Purpose: Whats the purpose? Audience: Whos it for? Objectives: What must the Audience do to fulfil the Purpose? Plan: How will they do it?
    4. 4. The TeamRelationships underpin everything.Knowledge, skill and experienceare meaningless without respect,understanding & communication.
    5. 5. ConsiderationsContent Types: ‣ Text ‣ Graphics ‣ Images ‣ Audio ‣ Video ‣ Downloadable Documents
    6. 6. ConsiderationsDesign: ‣ Conceptual ‣ Visual ‣ User Interface ‣ Information Architecture ‣ Interaction
    7. 7. ConsiderationsClient Side Development: ‣ Content HTML ‣ Style CSS ‣ Experience Javascript
    8. 8. ConsiderationsServer Side Development: ‣ CMS ‣ Database ‣ Programming
    9. 9. ConsiderationsBest Practices: ‣ Design ‣ Development ‣ Content Strategy ‣ Web Standards ‣ User Experience ‣ Usability ‣ Accessibility ‣ User Testing
    10. 10. User Experts are involved from the start Learning: collating existing knowledge, conducting market research, analysis, reporting Scoping: functional scoping, technical scoping, use cases documentationPrototyping: schematics, user journeys, wireframes, user interactions Testing: features & functionality, task completion, accessibility conformance, markup validation, browser & device compatibility, assistive technologies
    11. 11. Laying the foundation‣ Clean semantic markup‣ XHTML 1.0 Strict vs HTML 4.01
    12. 12. User Interfaces‣ Intuitive‣ Consistent‣ Memorable
    13. 13. Information Architecture‣ Well Structured‣ Meaningful‣ Consistent‣ Informative
    14. 14. Findability‣ Search‣ Filter‣ Navigation‣ Sitemap
    15. 15. Presentation‣ Style Switcher‣ Keyboard Focus‣ Screenreader Navigation‣ Disable CSS‣ Printability
    16. 16. Presentation: Style Switcher
    17. 17. Presentation: Keyboard Focus
    18. 18. Presentation: Screenreader Navigation
    19. 19. Presentation: Disable CSS
    20. 20. Presentation: Printability
    21. 21. Interactions‣ Instructions‣ Error Prevention‣ Error Handling‣ Success
    22. 22. WCAG 2.0: Think. Dont Tick.1.4.4 Resize text: "....text can be resizedwithout assistive technology up to 200 percent" (Level AA) 200 percent of what?
    23. 23. WCAG 2.0: Think. Dont Tick.3.1.5 Reading Level: When text requires reading ability more advanced than the lower secondary education level after removal of proper names and titles, supplemental content, or a version that does notrequire reading ability more advanced than the lower secondary education level, is available. (Level AAA) Sure. Right after I rewrite War and Peace.
    24. 24. WCAG 2.0: Think. Dont Tick.2.4.4 Link Purpose (In Context): "The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, ...." (Level A) Made sense until we tested with screenreader users who group links out of context.
    25. 25. WCAG 2.0: Think. Dont Tick. 1.1.1 Non-text Content: "All non-textcontent that is presented to the user has a text alternative that serves the equivalent purpose..." (Level A) Is the purpose to describe or convey meaning?
    26. 26. Testing, Testing, Testing Experts: test the whole website for conformance against known standards and objectives Users: are set a series of tasks to complete that determine whether a website is fit for purpose
    27. 27. Any Questions? Transcript of this presentation available for Download2011 Sandi Wassmer

    ×