SlideShare a Scribd company logo
Accessibility and Your Blog
September 18, 2010 - Domanique.com
Accessibility

✤   Define “Accessibility”

✤   Design for Accessibility

✤   Develop for Accessibility

✤   Open Discussion
Define Accessibility
When we say “Accessible”, we’re talking about websites that can be
accessed by all users, regardless of capabilities and disabilities.
Design for Accessibility

✤   Design for Color Blind

✤   Design for Technology

✤   Design for User Experience
Color Blind Disabilities
http://colorfilter.wickline.org
Technologies Change.... Fast
User Experience
Develop for Accessibility

✤   Web Standards & Best Practices

✤   Create Good Themes

✤   Alternate Content

✤   Multiple CSS Files
Web Standards & Best Practices
The Elusive Access Key
Create Good Themes
Tables are BAD, use the loop to your advantage
Working Image Tag



                        Better Image Tag




                       Awesome Image Tag




Alternate Content
alt, title, longdesc
Multiple CSS Files
Sources
✤   Web Accessibility Initiative: http://www.w3.org/WAI

✤   Section 508: http://www.section508.gov

✤   WP on Accessibility: http://codex.wordpress.org/Accessibility

✤   Color Blind Filter: http://colorfilter.wickline.org

✤   Fangs (Firefox plugin): https://addons.mozilla.org/en-US/firefox/addon/
    402/

✤   Web Anywhere (screen reader): http://webanywhere.cs.washington.edu/
    wa.php

✤   W3C Validator: http://validator.w3.org
Example Sites

✤   Envato: http://www.envato.com

✤   100 Layer Cake: http://100layercake.com/blog/archives/8690

✤   Domanique Alicia: http://www.domanique.com

✤   Smashing Magazine: http://www.smashingmagazine.com
Domanique Alicia
@_dom
www.domanique.com

More Related Content

Viewers also liked

Do the right thing: accessibility and inclusive design (with Drupal)
Do the right thing: accessibility and inclusive design (with Drupal)Do the right thing: accessibility and inclusive design (with Drupal)
Do the right thing: accessibility and inclusive design (with Drupal)cspin
 
Design with accessibility in mind
Design with accessibility in mindDesign with accessibility in mind
Design with accessibility in mindMike Donahue
 
PLUTO Institute: Accessibility and Universal Design
PLUTO Institute: Accessibility and Universal DesignPLUTO Institute: Accessibility and Universal Design
PLUTO Institute: Accessibility and Universal DesignEsteban (Steve) Sosa
 
Accessibility, Usability and User Centred Design (Accessibility workshop)
Accessibility, Usability and User Centred Design (Accessibility workshop)Accessibility, Usability and User Centred Design (Accessibility workshop)
Accessibility, Usability and User Centred Design (Accessibility workshop)David Lamas
 
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 MeetJoe Lonsky
 
Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)David Lamas
 
Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...
Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...
Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...Radina Matic
 
The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)UXPA International
 
Responsive Design & Accessibility
Responsive Design & AccessibilityResponsive Design & Accessibility
Responsive Design & AccessibilityDesarae Veit
 
Accessibility Design: Design for All
Accessibility Design: Design for AllAccessibility Design: Design for All
Accessibility Design: Design for AllShandy Tsai
 
Universal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing ExperienceUniversal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing ExperienceUXAndrew
 

Viewers also liked (12)

Beginners Guide to Accessibility
Beginners Guide to AccessibilityBeginners Guide to Accessibility
Beginners Guide to Accessibility
 
Do the right thing: accessibility and inclusive design (with Drupal)
Do the right thing: accessibility and inclusive design (with Drupal)Do the right thing: accessibility and inclusive design (with Drupal)
Do the right thing: accessibility and inclusive design (with Drupal)
 
Design with accessibility in mind
Design with accessibility in mindDesign with accessibility in mind
Design with accessibility in mind
 
PLUTO Institute: Accessibility and Universal Design
PLUTO Institute: Accessibility and Universal DesignPLUTO Institute: Accessibility and Universal Design
PLUTO Institute: Accessibility and Universal Design
 
Accessibility, Usability and User Centred Design (Accessibility workshop)
Accessibility, Usability and User Centred Design (Accessibility workshop)Accessibility, Usability and User Centred Design (Accessibility workshop)
Accessibility, Usability and User Centred Design (Accessibility workshop)
 
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
 
Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)
 
Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...
Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...
Inclusive Design: an Introduction to Accessibility - Radina Matic - DrupalCon...
 
The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)
 
Responsive Design & Accessibility
Responsive Design & AccessibilityResponsive Design & Accessibility
Responsive Design & Accessibility
 
Accessibility Design: Design for All
Accessibility Design: Design for AllAccessibility Design: Design for All
Accessibility Design: Design for All
 
Universal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing ExperienceUniversal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing Experience
 

Similar to Accessibility and Your Blog

How to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New YorkHow to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New YorkRachel Cherry
 
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitRachel Cherry
 
Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Clarissa Peterson
 
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12Karen Mardahl
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websitesRachel Cherry
 
Wordpress & accessibility
Wordpress & accessibilityWordpress & accessibility
Wordpress & accessibilityHoward Kramer
 
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
Smart Browsers and HTML5 Web Apps for the Chrome Web StoreSmart Browsers and HTML5 Web Apps for the Chrome Web Store
Smart Browsers and HTML5 Web Apps for the Chrome Web StoreSeth Ladd
 
Online Northwest 2009 Accessibility and Online Learning
Online Northwest 2009 Accessibility and Online LearningOnline Northwest 2009 Accessibility and Online Learning
Online Northwest 2009 Accessibility and Online Learningthewakilibrarian
 
Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)Matteo Wyllyamz
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFrédéric Harper
 
Designing with CSS3 Effectively & Efficiently
Designing with CSS3 Effectively & EfficientlyDesigning with CSS3 Effectively & Efficiently
Designing with CSS3 Effectively & EfficientlyZoe Gillenwater
 
Blueprint css framework
Blueprint css frameworkBlueprint css framework
Blueprint css frameworkTechsailor
 
Methodist University Website Training Presentation
Methodist University Website Training PresentationMethodist University Website Training Presentation
Methodist University Website Training Presentationgoldentwig
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)Adam Lu
 
Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Zoe Gillenwater
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JSAbout Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JSNaga Harish M
 

Similar to Accessibility and Your Blog (20)

How to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New YorkHow to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New York
 
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility Summit
 
Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2
 
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websites
 
Wordpress & accessibility
Wordpress & accessibilityWordpress & accessibility
Wordpress & accessibility
 
Access by Default
Access by DefaultAccess by Default
Access by Default
 
Access by Default
Access by DefaultAccess by Default
Access by Default
 
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
Smart Browsers and HTML5 Web Apps for the Chrome Web StoreSmart Browsers and HTML5 Web Apps for the Chrome Web Store
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
 
Online Northwest 2009 Accessibility and Online Learning
Online Northwest 2009 Accessibility and Online LearningOnline Northwest 2009 Accessibility and Online Learning
Online Northwest 2009 Accessibility and Online Learning
 
Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
Designing with CSS3 Effectively & Efficiently
Designing with CSS3 Effectively & EfficientlyDesigning with CSS3 Effectively & Efficiently
Designing with CSS3 Effectively & Efficiently
 
Html5 more than just html5 v final
Html5  more than just html5 v finalHtml5  more than just html5 v final
Html5 more than just html5 v final
 
Blueprint css framework
Blueprint css frameworkBlueprint css framework
Blueprint css framework
 
Methodist University Website Training Presentation
Methodist University Website Training PresentationMethodist University Website Training Presentation
Methodist University Website Training Presentation
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)
 
Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JSAbout Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 

Recently uploaded

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessUXDXConf
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyJohn Staveley
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyUXDXConf
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...FIDO Alliance
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityScyllaDB
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoTAnalytics
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024TopCSSGallery
 
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2DianaGray10
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FIDO Alliance
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKUXDXConf
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaCzechDreamin
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Patrick Viafore
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfChristopherTHyatt
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101vincent683379
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024Stephanie Beckett
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekCzechDreamin
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...CzechDreamin
 

Recently uploaded (20)

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024
 
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 

Accessibility and Your Blog

Editor's Notes