SlideShare una empresa de Scribd logo
1 de 22
Descargar para leer sin conexión
Eric Eggert, yatil.de, Global Ignite Week (Frankfurt), 2010-03-01




Accessibility
(Almost.)


Everyone here
 is disabled.
  (Or will be at some time.)
“People need not be
 limited by physical
handicaps as long as
they are not disabled
      in spirit.”
different input
  mechanisms
       &
different output
  mechanisms
We don’t need special websites
    for people with special
         requirements.
Accessible websites help
       everyone.
Have you ever forgotten
to buy new batteries for
     your mouse?
Designing for our
 future selves.
1998
                           2008
14-19


20-29


30-39


40-49


50-59


 60+


        0   25   50   75   100
Making great websites is fun.
The web enables
  people to do
 things beyond
 their abilities.
Thank you!
Images
••Slide 3 & 4:
     http://epicwinftw.com/2010/01/29/stephen-hawking-lego/
••Slide 5:
     Trackball: http://www.vowiki.at/index.php?title=Bild:Infogriptrackball.jpg
 •   http://www.assistiveware.com/videos.php
••Slide 7:
     http://www.flickr.com/photos/karola/4017466586/in/photostream/ (Karola Riegler)
 •   http://www.bizeps.or.at/oegsvideo.php?nr=9593 (ÖGS video still image)
 •   http://www.ted.com/talks/temple_grandin_the_world_needs_all_kinds_of_minds.html (TED video)
 •   http://live.gnome.org/Orca (Orca screen reader)
••Slide 8:
     http://www.flickr.com/photos/yatil/galleries/72157623414493993/ by @ScreenOrigami
••Slide 10:
     http://failblog.org/2008/09/05/ramp-fail/ (Failblog)
 •   http://accessibility-fail.dreamwidth.org/1101.html (found at accessibility-fail.dreamwidth.org)
Images

••Slide 11:
   http://www.hauptbahnhof-wien.at/
••Slide 12 & 13:
   http://www.ted.com/talks/temple_grandin_the_world_needs_all_kinds_of_minds.html
••Slide 15:
   http://www.apple.com/magicmouse/
••Slide 20:
   http://thereifixedit.com/2009/08/16/epic-kludge-photo-santas-towing-service/

Más contenido relacionado

Destacado

Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
Steven Swafford
 

Destacado (17)

Real World Web Accessibility
Real World Web AccessibilityReal World Web Accessibility
Real World Web Accessibility
 
WordCamp UK - Accessibility and HTML 5
WordCamp UK - Accessibility and HTML 5WordCamp UK - Accessibility and HTML 5
WordCamp UK - Accessibility and HTML 5
 
Designing for Accessibility
Designing for AccessibilityDesigning for Accessibility
Designing for Accessibility
 
Best of the web - accessibility & ell - Fall 2013
Best of the web - accessibility & ell - Fall 2013Best of the web - accessibility & ell - Fall 2013
Best of the web - accessibility & ell - Fall 2013
 
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
 
Accessible Documents
Accessible DocumentsAccessible Documents
Accessible Documents
 
10 Tips for Creating Accessible Web Content with WCAG 2.0
10 Tips for Creating Accessible Web Content with WCAG 2.010 Tips for Creating Accessible Web Content with WCAG 2.0
10 Tips for Creating Accessible Web Content with WCAG 2.0
 
Html5 aria-css-ibm-csun-2016
Html5 aria-css-ibm-csun-2016Html5 aria-css-ibm-csun-2016
Html5 aria-css-ibm-csun-2016
 
[Srijan Wednesday Webinar] Drupal 8 Accessibility: What We Didn't Get in Core...
[Srijan Wednesday Webinar] Drupal 8 Accessibility: What We Didn't Get in Core...[Srijan Wednesday Webinar] Drupal 8 Accessibility: What We Didn't Get in Core...
[Srijan Wednesday Webinar] Drupal 8 Accessibility: What We Didn't Get in Core...
 
HTML5 design principles
HTML5 design principlesHTML5 design principles
HTML5 design principles
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Accessible Responsive Web Design
Accessible Responsive Web DesignAccessible Responsive Web Design
Accessible Responsive Web Design
 
Design with accessibility in mind
Design with accessibility in mindDesign with accessibility in mind
Design with accessibility in mind
 
Information Architecture: Part 2 - Spring 2013 - Class 2
Information Architecture: Part 2 - Spring 2013 - Class 2Information Architecture: Part 2 - Spring 2013 - Class 2
Information Architecture: Part 2 - Spring 2013 - Class 2
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
 
Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3
 

Similar a Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01

JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...
JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...
JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...
Simen Sommerfeldt
 
Speaking assessment 2 final
Speaking assessment 2 finalSpeaking assessment 2 final
Speaking assessment 2 final
Gonçalo Duarte
 
Links presentacion
Links presentacion Links presentacion
Links presentacion
saendyy
 
Links presentacion BARCA
Links presentacion BARCALinks presentacion BARCA
Links presentacion BARCA
saendyy
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)
Erik Duval
 

Similar a Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01 (20)

History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer Interaction
 
History of CHI
History of CHIHistory of CHI
History of CHI
 
A to z ict tools
A to z ict toolsA to z ict tools
A to z ict tools
 
Mobile: the next frontier
Mobile: the next frontierMobile: the next frontier
Mobile: the next frontier
 
Game prototyping workshop
Game prototyping workshopGame prototyping workshop
Game prototyping workshop
 
TechKnowledge Technology Stories - Part 1: Smaller, Faster, Cheaper and More…
TechKnowledge Technology Stories - Part 1: Smaller, Faster, Cheaper and More…TechKnowledge Technology Stories - Part 1: Smaller, Faster, Cheaper and More…
TechKnowledge Technology Stories - Part 1: Smaller, Faster, Cheaper and More…
 
JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...
JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...
JavaZone 2014: En realitetsorientering om Tingenenes Internett, og hvordan du...
 
My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...
My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...
My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...
 
My Minecraft-Smart-Home: Prototyping the Internet of Uncanny Things
My Minecraft-Smart-Home: Prototyping the Internet of Uncanny ThingsMy Minecraft-Smart-Home: Prototyping the Internet of Uncanny Things
My Minecraft-Smart-Home: Prototyping the Internet of Uncanny Things
 
Papaya webinar: leveraging lifecycle
Papaya webinar: leveraging lifecyclePapaya webinar: leveraging lifecycle
Papaya webinar: leveraging lifecycle
 
Speaking assessment 2 final
Speaking assessment 2 finalSpeaking assessment 2 final
Speaking assessment 2 final
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
 
Teixits sobre el territori
Teixits sobre el territoriTeixits sobre el territori
Teixits sobre el territori
 
Links presentacion
Links presentacion Links presentacion
Links presentacion
 
Links presentacion BARCA
Links presentacion BARCALinks presentacion BARCA
Links presentacion BARCA
 
Thought: The Future of Mobile and Embedded Application Input
Thought: The Future of Mobile and Embedded Application InputThought: The Future of Mobile and Embedded Application Input
Thought: The Future of Mobile and Embedded Application Input
 
Science 2.0 Approach to Research
Science 2.0 Approach to ResearchScience 2.0 Approach to Research
Science 2.0 Approach to Research
 
Roadmap to Blended Learning (4 Nov 2011)
Roadmap to Blended Learning (4 Nov 2011)Roadmap to Blended Learning (4 Nov 2011)
Roadmap to Blended Learning (4 Nov 2011)
 
BlackBerry 10 Rises
BlackBerry 10 RisesBlackBerry 10 Rises
BlackBerry 10 Rises
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)
 

Más de Eric Eggert

Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
Eric Eggert
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
Eric Eggert
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Eric Eggert
 
Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)
Eric Eggert
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with Notes
Eric Eggert
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notes
Eric Eggert
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Eric Eggert
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of  Accessible Web DesignFronteers Jam Session: Principles of  Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web Design
Eric Eggert
 
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztWebtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Eric Eggert
 
Nutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzNutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 Linz
Eric Eggert
 

Más de Eric Eggert (20)

ARIA Serious
ARIA SeriousARIA Serious
ARIA Serious
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazy
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWG
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web Accessibility
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)
 
Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with Notes
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notes
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of  Accessible Web DesignFronteers Jam Session: Principles of  Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web Design
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
 
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztWebtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
 
Nutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzNutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 Linz
 

Último

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Último (20)

Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 

Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01

  • 1. Eric Eggert, yatil.de, Global Ignite Week (Frankfurt), 2010-03-01 Accessibility
  • 2. (Almost.) Everyone here is disabled. (Or will be at some time.)
  • 3.
  • 4. “People need not be limited by physical handicaps as long as they are not disabled in spirit.”
  • 5.
  • 6. different input mechanisms & different output mechanisms
  • 7.
  • 8.
  • 9. We don’t need special websites for people with special requirements.
  • 10.
  • 11.
  • 12.
  • 13.
  • 15. Have you ever forgotten to buy new batteries for your mouse?
  • 16. Designing for our future selves.
  • 17. 1998 2008 14-19 20-29 30-39 40-49 50-59 60+ 0 25 50 75 100
  • 19. The web enables people to do things beyond their abilities.
  • 21. Images ••Slide 3 & 4: http://epicwinftw.com/2010/01/29/stephen-hawking-lego/ ••Slide 5: Trackball: http://www.vowiki.at/index.php?title=Bild:Infogriptrackball.jpg • http://www.assistiveware.com/videos.php ••Slide 7: http://www.flickr.com/photos/karola/4017466586/in/photostream/ (Karola Riegler) • http://www.bizeps.or.at/oegsvideo.php?nr=9593 (ÖGS video still image) • http://www.ted.com/talks/temple_grandin_the_world_needs_all_kinds_of_minds.html (TED video) • http://live.gnome.org/Orca (Orca screen reader) ••Slide 8: http://www.flickr.com/photos/yatil/galleries/72157623414493993/ by @ScreenOrigami ••Slide 10: http://failblog.org/2008/09/05/ramp-fail/ (Failblog) • http://accessibility-fail.dreamwidth.org/1101.html (found at accessibility-fail.dreamwidth.org)
  • 22. Images ••Slide 11: http://www.hauptbahnhof-wien.at/ ••Slide 12 & 13: http://www.ted.com/talks/temple_grandin_the_world_needs_all_kinds_of_minds.html ••Slide 15: http://www.apple.com/magicmouse/ ••Slide 20: http://thereifixedit.com/2009/08/16/epic-kludge-photo-santas-towing-service/