SlideShare ist ein Scribd-Unternehmen logo
1 von 26
@SandiWassmer




Web Accessibility for
                        WELCOME
Happy Designers
Accessibility starts with
 Understanding and leads to
        Happiness.


    When it begins with
Assumptions, it usually ends in
         Mistakes.
Assumptions. Misunderstandings, Myths & Misnomers
Accessibility
does not
come in a box
Less is not More
The client
doesnÊŒt
always know
best
Having a disability does not give you a free pass
Beautiful,
useable &
accessible
It won’t break the bank
Validation
alone does
not cut the
mustard
Integral not alternative
Rely on what
you can
control
There is no
holy grail
Mistakes that are easy to make and even easier to rectify
What the heck is a Luminosity Ratio?
Please ask
ïŹrst
Wild goose
chases
Alt text is there for a purpose
Goodbye Access Keys. Hello Bypass Blocks
Simply logical
Forms, forms and more forms
Give a helping
hand and
guide gently
Semi Automatic Public Turing Test to Tell Computers and Humans Apart




               SAPTCHA not CAPTCHA
Do I really
need it?
ThatÊŒs All Folks!

Twitter:
www.twitter.com/SandiWassmer 

Work:
www.copious.co.uk 

Action for Blind People Blog:
www.actionforblindpeople.org.uk/news/blog
Thanks to:                                              Photography Credits


Slides

03) Source: Flickr License: Creative Commons Creator: Thomas Roche
04) Source: Wikimedia Commons License: Creative Commons Creator: Sun Ladder
06) Source: Wikimedia Commons License: None (Public Domain) Creator: Currier & Ives.
07) Source: Flickr License: Creative Commons Creator: TheTruthAbout...
08) Source: Wikimedia Commons License: None (Public Domain) Creator: Al Ravenna 
09) Source: Flickr License: Creative Commons Creator: Carly Jane1
10) Source: Wikimedia Commons License: Creative Commons Creator: Davidmpy
11) Source: Wikimedia Commons License: Creative Commons Creator: ïŹctures 
12) Source: Flickr License: Creative Commons Creator: pingnews.com
13) Source: Flickr License: Creative Commons Creator: ste3ve
14) Source: Flickr License: Creative Commons Creator: CarbonNYC
15) Source: Wikimedia Commons License: Creative Commons Creator: Jurii
16) Source: Flickr License: Creative Commons Creator: Mike Licht, NotionsCapital.com
17) Source: Flickr License: Creative Commons Creator: Neil T
18) Source: Wikimedia Commons License: Creative Commons Creator: Peripitus
19) Source: Wikimedia Commons License: None (Public Domain) Creator: Karsten Behrens
20) Source: Flickr License: Creative Commons Creator: Greencolander
21) Source: Flickr License: Creative Commons Creator: kacsi75
22) Source: Flickr License: Creative Commons Creator: eleanor.black
23) Source: Flickr License: Creative Commons Creator: mightyohm
24) Source: Flickr License: Creative Commons Creator: OctopusHat



                                                                                       2010 Sandi Wassmer

Weitere Àhnliche Inhalte

Andere mochten auch

Andere mochten auch (10)

BBC Olympics: An accessibility case study
BBC Olympics: An accessibility case studyBBC Olympics: An accessibility case study
BBC Olympics: An accessibility case study
 
Introduction to accessibility
Introduction to accessibilityIntroduction to accessibility
Introduction to accessibility
 
UXR2/17: Accessibility Trends – Anspruch und Wirklichkeit der Barrierefreihei...
UXR2/17: Accessibility Trends – Anspruch und Wirklichkeit der Barrierefreihei...UXR2/17: Accessibility Trends – Anspruch und Wirklichkeit der Barrierefreihei...
UXR2/17: Accessibility Trends – Anspruch und Wirklichkeit der Barrierefreihei...
 
WCAG 2.0 for Designers
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for Designers
 
The Velvet Rope - making user experience accessible
The Velvet Rope - making user experience accessibleThe Velvet Rope - making user experience accessible
The Velvet Rope - making user experience accessible
 
2017 CSUN Color Contrast
2017 CSUN Color Contrast2017 CSUN Color Contrast
2017 CSUN Color Contrast
 
Accessible Responsive Web Design
Accessible Responsive Web DesignAccessible Responsive Web Design
Accessible Responsive Web Design
 
Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016
 
Implementing Accessibility: Accessibility Toronto
Implementing Accessibility: Accessibility TorontoImplementing Accessibility: Accessibility Toronto
Implementing Accessibility: Accessibility Toronto
 
Accessibility and Design: Where Productivity and Philosophy Meet
Accessibility and Design:  Where Productivity and Philosophy MeetAccessibility and Design:  Where Productivity and Philosophy Meet
Accessibility and Design: Where Productivity and Philosophy Meet
 

Ähnlich wie Accessibility for Happy Designers

Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4
cedric1977
 
Cedric dixon powerpoint 4 ms.whitaker 3 (1)
Cedric dixon powerpoint 4 ms.whitaker 3 (1)Cedric dixon powerpoint 4 ms.whitaker 3 (1)
Cedric dixon powerpoint 4 ms.whitaker 3 (1)
cedric1977
 
Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4
cedric1977
 
Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4
cedric1977
 
You Too Can Use Web 2.0
You Too Can Use Web 2.0You Too Can Use Web 2.0
You Too Can Use Web 2.0
valeriev
 
Integrated social media marketing campaigns concept
Integrated social media marketing campaigns conceptIntegrated social media marketing campaigns concept
Integrated social media marketing campaigns concept
Social Media Marketing
 
Integrated social media marketing campaigns concept
Integrated social media marketing campaigns conceptIntegrated social media marketing campaigns concept
Integrated social media marketing campaigns concept
Social Media Marketing
 
Integrated social media marketing campaigns concept
Integrated social media marketing campaigns conceptIntegrated social media marketing campaigns concept
Integrated social media marketing campaigns concept
Ralph Paglia
 

Ähnlich wie Accessibility for Happy Designers (20)

POW! Your Point Handout 1: Resources
POW! Your Point Handout 1: ResourcesPOW! Your Point Handout 1: Resources
POW! Your Point Handout 1: Resources
 
Hacking For Innovation
Hacking For InnovationHacking For Innovation
Hacking For Innovation
 
Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4
 
Cedric dixon powerpoint 4 ms.whitaker 3 (1)
Cedric dixon powerpoint 4 ms.whitaker 3 (1)Cedric dixon powerpoint 4 ms.whitaker 3 (1)
Cedric dixon powerpoint 4 ms.whitaker 3 (1)
 
Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4
 
Law Libraries Reaching for the Sky: Practical Applications of Web 2.0 Technology
Law Libraries Reaching for the Sky: Practical Applications of Web 2.0 TechnologyLaw Libraries Reaching for the Sky: Practical Applications of Web 2.0 Technology
Law Libraries Reaching for the Sky: Practical Applications of Web 2.0 Technology
 
Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4Cedric dixon powerpoint 4 ms.whitaker 4
Cedric dixon powerpoint 4 ms.whitaker 4
 
You Too Can Use Web 2.0
You Too Can Use Web 2.0You Too Can Use Web 2.0
You Too Can Use Web 2.0
 
Creative Commons and the Future of Sharing
Creative Commons and the Future of SharingCreative Commons and the Future of Sharing
Creative Commons and the Future of Sharing
 
Jennifer Lindsay on The Social Eye
Jennifer Lindsay on The Social EyeJennifer Lindsay on The Social Eye
Jennifer Lindsay on The Social Eye
 
Is the net disappointed 9 for print
Is the net disappointed 9 for printIs the net disappointed 9 for print
Is the net disappointed 9 for print
 
Integrated social media marketing campaigns concept
Integrated social media marketing campaigns conceptIntegrated social media marketing campaigns concept
Integrated social media marketing campaigns concept
 
Integrated social media marketing campaigns concept
Integrated social media marketing campaigns conceptIntegrated social media marketing campaigns concept
Integrated social media marketing campaigns concept
 
Integrated Social Media Campaigns
Integrated Social Media CampaignsIntegrated Social Media Campaigns
Integrated Social Media Campaigns
 
Integrated social media marketing campaigns concept
Integrated social media marketing campaigns conceptIntegrated social media marketing campaigns concept
Integrated social media marketing campaigns concept
 
Upper Elementary Snapshots A Writing Strat
Upper Elementary Snapshots A Writing StratUpper Elementary Snapshots A Writing Strat
Upper Elementary Snapshots A Writing Strat
 
Niche or Platform - what next for our institutions online?
Niche or Platform - what next for our institutions online?Niche or Platform - what next for our institutions online?
Niche or Platform - what next for our institutions online?
 
Web for Information and Mental Health Support
Web for Information and Mental Health SupportWeb for Information and Mental Health Support
Web for Information and Mental Health Support
 
How's it Done? MI SA Conference Workshop
How's it Done? MI SA Conference WorkshopHow's it Done? MI SA Conference Workshop
How's it Done? MI SA Conference Workshop
 
DG Group - Social Media For Small Businesses
DG Group - Social Media For Small BusinessesDG Group - Social Media For Small Businesses
DG Group - Social Media For Small Businesses
 

Mehr von Sandi Wassmer

The Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & MultisensoryThe Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & Multisensory
Sandi Wassmer
 
Inclusive design is for everyone
Inclusive design is for everyoneInclusive design is for everyone
Inclusive design is for everyone
Sandi Wassmer
 

Mehr von Sandi Wassmer (9)

It's All Content: Content strategy and user interaction in the digital world
It's All Content: Content strategy and user interaction in the digital worldIt's All Content: Content strategy and user interaction in the digital world
It's All Content: Content strategy and user interaction in the digital world
 
Inclusive Design: In Context & Interactive
Inclusive Design: In Context & InteractiveInclusive Design: In Context & Interactive
Inclusive Design: In Context & Interactive
 
The Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & MultisensoryThe Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & Multisensory
 
Accessibility in Practice
Accessibility in PracticeAccessibility in Practice
Accessibility in Practice
 
Does anyone know the way to Web Accessibility Utopia?
Does anyone know the way to Web Accessibility Utopia?Does anyone know the way to Web Accessibility Utopia?
Does anyone know the way to Web Accessibility Utopia?
 
E accessibiliy & the Inclusive Web
E accessibiliy & the Inclusive WebE accessibiliy & the Inclusive Web
E accessibiliy & the Inclusive Web
 
SXSW 2011 Inclusive Design
SXSW 2011 Inclusive DesignSXSW 2011 Inclusive Design
SXSW 2011 Inclusive Design
 
Move over Web Accessibility. Inclusivity is heading straight at you.
Move over Web Accessibility.  Inclusivity is heading straight at you.Move over Web Accessibility.  Inclusivity is heading straight at you.
Move over Web Accessibility. Inclusivity is heading straight at you.
 
Inclusive design is for everyone
Inclusive design is for everyoneInclusive design is for everyone
Inclusive design is for everyone
 

KĂŒrzlich hochgeladen

KĂŒrzlich hochgeladen (20)

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 

Accessibility for Happy Designers

Hinweis der Redaktion