Your SlideShare is downloading. ×
0
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007




            Breaking...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                             8 Nov 2007



The power of the...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Contents

           ...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



A few examples …

 Al...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Keyboard navigation

...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



And it can go worse …...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



JavaScript




 On Fl...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Compatibility

 A sim...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007




Images and alternate...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



The range of Web acce...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



User needs

 From a u...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Legal issues

 W3C ha...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Workflow

 Web access...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Concepts and experime...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Technical implementat...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Visuals and graphical...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Web Content

 The nex...
Web 2.0 expo – Breaking down barriers: Design for Accessibility                        8 Nov 2007



Contact

 Jan Eric He...
Upcoming SlideShare
Loading in...5
×

Breaking Down The Barriers: Design for Accessibility

1,518

Published on

Speaker: Jan Eric Hellbusch

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

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

No notes for slide

Transcript of "Breaking Down The Barriers: Design for Accessibility"

  1. 1. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Breaking down barriers: Design for Accessibility Jan Eric Hellbusch & Martin Stehle © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  2. 2. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 The power of the Web … quot;The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.quot; (Sir Tim Berners-Lee) © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  3. 3. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Contents 1. A few examples … 2. The range of Web accessibility 3. Quality assurance with a testing scheme (BAFIN) © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  4. 4. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 A few examples … Although there uncountable issues concerning Web accessibility, there are a few major problems in Web 2.0: • Keyboard navigation • Dynamic content and no JavaScript • Compatibility problems with user agents • Images with no alternate text © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  5. 5. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Keyboard navigation At Yahoo! Finance someone forgot to consider keyboard navigation. © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  6. 6. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 And it can go worse … The same page with user color settings. © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  7. 7. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 JavaScript On Flickr we see, that people try, but there usability issues concerning keyboard navigation. © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  8. 8. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Compatibility A simple feature … In Google Suggest keyboard navigation is possible, but there are compatibility problems with screenreaders. © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  9. 9. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Images and alternate text There are limitations to accessibility, or how would you transcribe a Google Map? © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  10. 10. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 The range of Web accessibility • User needs • Legal issues • Workflow 1. Concepts and experiments 2. Technical implementation 3. Visuals and graphical design 4. Web Content © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  11. 11. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 User needs From a users point of view, content providers will have to focus on the following seven aspects to comprehend accessibility: 1. Text orientation 2. Contrast and colours 3. Resizeability 4. Linearisation 5. Device-independence and dynamic content 6. Understandibility 7. Structured contents © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  12. 12. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Legal issues W3C has published recommendations on: • Web Content Accessibility • Authoring Tool Accessibility • User Agent Accessibility The Web Content Accessibility Guidelines are the basis for legislation, including most European countries. © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  13. 13. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Workflow Web accessibility is often a technical issue - at first. To be successful, though, project managers and designers will need to relate to technical ideas such as: • standards compliance • web page prototyping • progressive enhancement © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  14. 14. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Concepts and experiments • accessibility and semantics • cascading style sheets - art in web design • navigation - a site's backbone • text-only? For whom or for what? © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  15. 15. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Technical implementation • layout techniques - writing letters with MS Excel • forms • flexibility, not optimisation • device-independence 1. Input devices 2. Formats (PDF, Flash …) 3. Dynamic content © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  16. 16. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Visuals and graphical design Accessibility refers basically to content, not to design. There are a few checkpoints to be reflected, and art directors should ideally be able to develop their designs with Cascading Style Sheets. The accessibility issues for the graphic designer: • contrast and colour are always subjective • multiple formatting © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  17. 17. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Web Content The next step is the day-to-day work, which is often in different hands. In a way, keeping accessibility up to par in a growing system is the hardest bit, not because of its complexity, but because there might be more people involved. • orientation • images (contrast, alternative text) • technical accessibility (tables, abbreviations …) © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  18. 18. Web 2.0 expo – Breaking down barriers: Design for Accessibility 8 Nov 2007 Contact Jan Eric Hellbusch Wittekindstr. 21c D – 44536 Lünen Tel.: +49 (0) 2 31 / 2 25 15 73 © Jan Eric Hellbusch 1967 hellbusch@2bweb.de http://2bweb.de
  1. A particular slide catching your eye?

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

×