SlideShare a Scribd company logo
1 of 20
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

Responsive Design & Accessibility
Responsive Design & AccessibilityResponsive Design & Accessibility
Responsive Design & Accessibility
Desarae Veit
 

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

Wordpress & accessibility
Wordpress & accessibilityWordpress & accessibility
Wordpress & accessibility
Howard Kramer
 
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 Design
Frédéric Harper
 
Designing with CSS3 Effectively & Efficiently
Designing with CSS3 Effectively & EfficientlyDesigning with CSS3 Effectively & Efficiently
Designing with CSS3 Effectively & Efficiently
Zoe Gillenwater
 
Methodist University Website Training Presentation
Methodist University Website Training PresentationMethodist University Website Training Presentation
Methodist University Website Training Presentation
goldentwig
 
Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3
Zoe Gillenwater
 

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

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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, ...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
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
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
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
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

Accessibility and Your Blog

Editor's Notes