SlideShare una empresa de Scribd logo
1 de 18
Descargar para leer sin conexión
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Más contenido relacionado

Más de adunne

The Starfish and the Spider
The Starfish and the SpiderThe Starfish and the Spider
The Starfish and the Spideradunne
 
Ginger Preview
Ginger PreviewGinger Preview
Ginger Previewadunne
 
Add Powerful Full Text Search to Your Web App with Solr
Add Powerful Full Text Search to Your Web App with SolrAdd Powerful Full Text Search to Your Web App with Solr
Add Powerful Full Text Search to Your Web App with Solradunne
 
Web 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web AppsWeb 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web Appsadunne
 
The Impact of Mobile Web 2.0 on the Telecoms Industry
The Impact of Mobile Web 2.0 on the Telecoms IndustryThe Impact of Mobile Web 2.0 on the Telecoms Industry
The Impact of Mobile Web 2.0 on the Telecoms Industryadunne
 
Building Web 2.0: Next-Generation Data Centers
Building Web 2.0: Next-Generation Data CentersBuilding Web 2.0: Next-Generation Data Centers
Building Web 2.0: Next-Generation Data Centersadunne
 
Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...
Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...
Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...adunne
 
Designing for a Web of Data
Designing for a Web of DataDesigning for a Web of Data
Designing for a Web of Dataadunne
 
Web 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web AppsWeb 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web Appsadunne
 
Disrupting the Platform: Harnessing social analytics and other musings on the...
Disrupting the Platform: Harnessing social analytics and other musings on the...Disrupting the Platform: Harnessing social analytics and other musings on the...
Disrupting the Platform: Harnessing social analytics and other musings on the...adunne
 
Your User's Privacy
Your User's PrivacyYour User's Privacy
Your User's Privacyadunne
 
Under the Hood: How Geonames Aggregates Over 35 Sources into One Data Set
Under the Hood: How Geonames Aggregates Over 35 Sources into One Data SetUnder the Hood: How Geonames Aggregates Over 35 Sources into One Data Set
Under the Hood: How Geonames Aggregates Over 35 Sources into One Data Setadunne
 
Scalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and ApproachesScalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and Approachesadunne
 
Trends in Search Engine Optimization and Search Engine Marketing
Trends in Search Engine Optimization and Search Engine MarketingTrends in Search Engine Optimization and Search Engine Marketing
Trends in Search Engine Optimization and Search Engine Marketingadunne
 
Wuala, P2P Online Storage
Wuala, P2P Online StorageWuala, P2P Online Storage
Wuala, P2P Online Storageadunne
 
Breaking Down The Barriers: Design for Accessibility
Breaking Down The Barriers: Design for AccessibilityBreaking Down The Barriers: Design for Accessibility
Breaking Down The Barriers: Design for Accessibilityadunne
 
Web 2.0 Design Patterns, Models and Analysis
Web 2.0 Design Patterns, Models and AnalysisWeb 2.0 Design Patterns, Models and Analysis
Web 2.0 Design Patterns, Models and Analysisadunne
 
Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...
Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...
Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...adunne
 
Blogs, Social Networks and Podcasts: Corporate Communications 2.0
Blogs, Social Networks and Podcasts: Corporate Communications 2.0Blogs, Social Networks and Podcasts: Corporate Communications 2.0
Blogs, Social Networks and Podcasts: Corporate Communications 2.0adunne
 
Mining Social Data for Fun and Insight
Mining Social Data for Fun and InsightMining Social Data for Fun and Insight
Mining Social Data for Fun and Insightadunne
 

Más de adunne (20)

The Starfish and the Spider
The Starfish and the SpiderThe Starfish and the Spider
The Starfish and the Spider
 
Ginger Preview
Ginger PreviewGinger Preview
Ginger Preview
 
Add Powerful Full Text Search to Your Web App with Solr
Add Powerful Full Text Search to Your Web App with SolrAdd Powerful Full Text Search to Your Web App with Solr
Add Powerful Full Text Search to Your Web App with Solr
 
Web 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web AppsWeb 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web Apps
 
The Impact of Mobile Web 2.0 on the Telecoms Industry
The Impact of Mobile Web 2.0 on the Telecoms IndustryThe Impact of Mobile Web 2.0 on the Telecoms Industry
The Impact of Mobile Web 2.0 on the Telecoms Industry
 
Building Web 2.0: Next-Generation Data Centers
Building Web 2.0: Next-Generation Data CentersBuilding Web 2.0: Next-Generation Data Centers
Building Web 2.0: Next-Generation Data Centers
 
Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...
Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...
Killing the Org Chart: Organizational, Cultural and Leadership Models on the ...
 
Designing for a Web of Data
Designing for a Web of DataDesigning for a Web of Data
Designing for a Web of Data
 
Web 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web AppsWeb 2.0 Performance and Reliability: How to Run Large Web Apps
Web 2.0 Performance and Reliability: How to Run Large Web Apps
 
Disrupting the Platform: Harnessing social analytics and other musings on the...
Disrupting the Platform: Harnessing social analytics and other musings on the...Disrupting the Platform: Harnessing social analytics and other musings on the...
Disrupting the Platform: Harnessing social analytics and other musings on the...
 
Your User's Privacy
Your User's PrivacyYour User's Privacy
Your User's Privacy
 
Under the Hood: How Geonames Aggregates Over 35 Sources into One Data Set
Under the Hood: How Geonames Aggregates Over 35 Sources into One Data SetUnder the Hood: How Geonames Aggregates Over 35 Sources into One Data Set
Under the Hood: How Geonames Aggregates Over 35 Sources into One Data Set
 
Scalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and ApproachesScalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and Approaches
 
Trends in Search Engine Optimization and Search Engine Marketing
Trends in Search Engine Optimization and Search Engine MarketingTrends in Search Engine Optimization and Search Engine Marketing
Trends in Search Engine Optimization and Search Engine Marketing
 
Wuala, P2P Online Storage
Wuala, P2P Online StorageWuala, P2P Online Storage
Wuala, P2P Online Storage
 
Breaking Down The Barriers: Design for Accessibility
Breaking Down The Barriers: Design for AccessibilityBreaking Down The Barriers: Design for Accessibility
Breaking Down The Barriers: Design for Accessibility
 
Web 2.0 Design Patterns, Models and Analysis
Web 2.0 Design Patterns, Models and AnalysisWeb 2.0 Design Patterns, Models and Analysis
Web 2.0 Design Patterns, Models and Analysis
 
Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...
Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...
Living in a Multi-lingual World: Internationalization in Web and Desktop Appl...
 
Blogs, Social Networks and Podcasts: Corporate Communications 2.0
Blogs, Social Networks and Podcasts: Corporate Communications 2.0Blogs, Social Networks and Podcasts: Corporate Communications 2.0
Blogs, Social Networks and Podcasts: Corporate Communications 2.0
 
Mining Social Data for Fun and Insight
Mining Social Data for Fun and InsightMining Social Data for Fun and Insight
Mining Social Data for Fun and Insight
 

Último

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 

Último (20)

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 

Breaking Down The Barriers: Design for Accessibility

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