SlideShare a Scribd company logo
1 of 22
B U I L D I N G A C C E S S I B L E W E B S I T E S I N
W O R D P R E S S
B E S T P R A C T I C E S
@nancythanki @misfitideas
“The power of the Web is in its universality.
Access by everyone regardless of disability is
an essential aspect.”
– T I M B E R N E R S - L E E
W 3 C D I R E C T O R A N D I N V E N T O R O F T H E W O R L D W I D E
W E B
• 20 million blind adults in the US
• 10% use screen readers
• 8% of men and 0.5% of women are color blind
F A C T S
U N C O N V E N T I O N O F T H E R I G H T S O F P E R S O N S W I T H
D I S A B I L I T I E S
Article 21: Freedom of expression and opinion, and access to information
States Parties shall take all appropriate measures to ensure that persons with disabilities can exercise the right to
freedom of expression and opinion, including the freedom to seek, receive and impart information and ideas on an
equal basis with others and through all forms of communication of their choice, as defined in article 2 of the present
Convention, including by:
(a)Providing information intended for the general public to persons with disabilities in accessible formats and
technologies appropriate to different kinds of disabilities in a timely manner and without additional cost;
(b)Accepting and facilitating the use of sign languages, Braille, augmentative and alternative
communication, and all other accessible means, modes and formats of communication of their choice by
persons with disabilities in official interactions;
(c) Urging private entities that provide services to the general public, including through the Internet, to
provide information and services in accessible and usable formats for persons with disabilities;
(d)Encouraging the mass media, including providers of information through the Internet, to make their
services accessible to persons with disabilities;
(e)Recognizing and promoting the use of sign languages.
aka the UN recognizes Web accessibility as a basic human right
it is essential that the Web be accessible in order to provide
equal access and equal opportunity to people with disabilities
W H Y ?
• potential clients: government contracts, user aware companies
• people are able to use & contribute to the Web more effectively
• equal access and equal opportunity to an unprecendted access to
information and opportunity
W H A T ?
• what makes a website accessible?
• how can you know if yours is
accessible?
H O W ?
• type of content
• size and complexity
• development tools
• environment
T Y P E S O F
D I S A B I L I T I E S
• auditory
• cognitive / neurological
• physical
• visual
A S S I S T I V E T E C H N O L O G I E S
V S
A D O P T I V E S T R A T E G I E S
W E B U S E
T O O L S
• braille display
• screen reader
• text-to-speech
• voice browser
• voice recognition
• keyboard navigation
S C R E E N
R E A D E R S
• nvaccess’ NVDA reader
• Chrome Vox
• Mozilla’s Fangs Screen
Reader Emulator
• Apple’s VoiceOver
A D O P T I V E S T R A T E G I E S
• content formats: auditory, tactile, visual
• presentation: distinguishing visual content and
providing ways to understand audio content
• user interaction: typing, writing, and clicking
• design solutions: navigating and finding content
E V A L U A T I O N
T O O L S * * *
• Color Oracle
• WAVE-Web Accessibility
Virtual Evaluator
• Web Accessibility Checker
• AChecker
• Accessibility Valet
***no tool has been deemed able to replace common sense; please
keep that in mind
IMPLEMENTATIO
N
IMPLEMENTATIO
N
W H Y C A R E ?
W E B A C C E S S I B I L I T Y I S A S O C I A L
I S S U E
digital divide issues
mobile access
older users’ needs
O T H E R B A R R I E R S T O U S E
• older people
• low literacy/fluency
• low bandwidth
connections/older
technology
• new/infrequent
users
• mobile phone users
B E N E F I T S
F O R
O T H E R S
• older people
• low literacy/fluency
• low bandwidth
connections/older
technology
• new/infrequent users
• mobile phone users
B E N E F I T S
F O R
O T H E R S
R E S O U R C E S T O C O N S I D E R
• WebAIM: web accessibility in mind: http://webaim.org/intro/
• Web Accessibility Initiative (WAI): http://www.w3.org/WAI/
• WAI Resources: http://www.w3.org/WAI/Resources/
• Quicktips: http://www.w3.org/WAI/quicktips/
• Implementation Plan for Web Accessibility: http://www.w3.org/WAI/impl/Overview
• Web Content Accessibility Guidelines: http://www.w3.org/WAI/intro/wcag.php
• Web Accessibility Evaluation Tools: Overview: http://www.w3.org/WAI/ER/tools/
• Accessibility Evaluation Resources: http://www.w3.org/WAI/eval/Overview.html
• Easy Checks - A First Review of Web Accessibility: http://www.w3.org/WAI/eval/preliminary
• Complete list of web accessibility evaluation tools: http://www.w3.org/WAI/ER/tools/complete

More Related Content

What's hot

Freedom of Speech in Southeast Asia
Freedom of Speech in Southeast AsiaFreedom of Speech in Southeast Asia
Freedom of Speech in Southeast AsiaKounila Keo
 
Mass Media and Society Chapter 16: The Future of Mass Media
Mass Media and Society Chapter 16: The Future of Mass MediaMass Media and Society Chapter 16: The Future of Mass Media
Mass Media and Society Chapter 16: The Future of Mass Mediaczavisca
 
On Oral Histories, Communities and Annotating the City
On Oral Histories, Communities and Annotating the CityOn Oral Histories, Communities and Annotating the City
On Oral Histories, Communities and Annotating the Cityconiecto
 
Connected Limerick: exploring urban spaces through digital traces
Connected Limerick: exploring urban spaces through digital tracesConnected Limerick: exploring urban spaces through digital traces
Connected Limerick: exploring urban spaces through digital tracesconiecto
 

What's hot (7)

Freedom of Speech in Southeast Asia
Freedom of Speech in Southeast AsiaFreedom of Speech in Southeast Asia
Freedom of Speech in Southeast Asia
 
Using Multimedia Content to Improve Web-Based Delivery of Legal Services
Using Multimedia Content toImprove Web-Based Deliveryof Legal ServicesUsing Multimedia Content toImprove Web-Based Deliveryof Legal Services
Using Multimedia Content to Improve Web-Based Delivery of Legal Services
 
ICT as a Platform for Change
ICT as a Platform for Change ICT as a Platform for Change
ICT as a Platform for Change
 
Mass Media and Society Chapter 16: The Future of Mass Media
Mass Media and Society Chapter 16: The Future of Mass MediaMass Media and Society Chapter 16: The Future of Mass Media
Mass Media and Society Chapter 16: The Future of Mass Media
 
Media and information literacy
Media and information literacyMedia and information literacy
Media and information literacy
 
On Oral Histories, Communities and Annotating the City
On Oral Histories, Communities and Annotating the CityOn Oral Histories, Communities and Annotating the City
On Oral Histories, Communities and Annotating the City
 
Connected Limerick: exploring urban spaces through digital traces
Connected Limerick: exploring urban spaces through digital tracesConnected Limerick: exploring urban spaces through digital traces
Connected Limerick: exploring urban spaces through digital traces
 

Viewers also liked

Staying Connected: Securing Your WordPress Website
Staying Connected: Securing Your WordPress WebsiteStaying Connected: Securing Your WordPress Website
Staying Connected: Securing Your WordPress WebsiteRaymund Mitchell
 
Resources and lessons for using WordPress in your business
Resources and lessons for using WordPress in your businessResources and lessons for using WordPress in your business
Resources and lessons for using WordPress in your businessSteven Slack
 
WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...
WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...
WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...Mickey Mellen
 
Creating a Promo Video using Your iPad and Editing with iMovie for iPad
Creating a Promo Video using Your iPad and Editing with iMovie for iPadCreating a Promo Video using Your iPad and Editing with iMovie for iPad
Creating a Promo Video using Your iPad and Editing with iMovie for iPadNew Tricks
 
The Goldilocks Zone: Finding the Perfect Length for Blog Posts
The Goldilocks Zone: Finding the Perfect Length for Blog PostsThe Goldilocks Zone: Finding the Perfect Length for Blog Posts
The Goldilocks Zone: Finding the Perfect Length for Blog PostsSarah Giavedoni
 
Empathetc Development
Empathetc DevelopmentEmpathetc Development
Empathetc DevelopmentKyle Evans
 
Sanitizing, Validating and Escaping in WordPress Themes and Plugins
Sanitizing, Validating and Escaping in WordPress Themes and PluginsSanitizing, Validating and Escaping in WordPress Themes and Plugins
Sanitizing, Validating and Escaping in WordPress Themes and PluginsMicah Wood
 
Home viva do design da interface até a programação do sistema
Home viva  do design da interface até a programação do sistemaHome viva  do design da interface até a programação do sistema
Home viva do design da interface até a programação do sistemaLeo Baiano
 
Building an Autonomous Website
Building an Autonomous WebsiteBuilding an Autonomous Website
Building an Autonomous Websitevegasgeek
 
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosWordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosValério Souza
 
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorDicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorFellyph Cintra
 
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Bruno Rodrigo S. Souza
 
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.Nícholas André
 
Como criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-outComo criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-outAnna Korkman Lopes
 
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...Chipway
 
HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?Laurent Vergnaud
 
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 20164 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016Sylvie Clément
 
Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber! Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber! Daniel Coscarelli
 
Os recursos mais fodásticos do painel administrativo do WordPress
Os recursos mais fodásticos do painel administrativo do WordPressOs recursos mais fodásticos do painel administrativo do WordPress
Os recursos mais fodásticos do painel administrativo do WordPressMayara Alanna Pereira Martins
 

Viewers also liked (20)

Staying Connected: Securing Your WordPress Website
Staying Connected: Securing Your WordPress WebsiteStaying Connected: Securing Your WordPress Website
Staying Connected: Securing Your WordPress Website
 
Resources and lessons for using WordPress in your business
Resources and lessons for using WordPress in your businessResources and lessons for using WordPress in your business
Resources and lessons for using WordPress in your business
 
WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...
WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...
WordCamp Birmingham 2014: SEO Workshop: Best Practices for Better Website Tra...
 
Creating a Promo Video using Your iPad and Editing with iMovie for iPad
Creating a Promo Video using Your iPad and Editing with iMovie for iPadCreating a Promo Video using Your iPad and Editing with iMovie for iPad
Creating a Promo Video using Your iPad and Editing with iMovie for iPad
 
SEO goes Local
SEO goes LocalSEO goes Local
SEO goes Local
 
The Goldilocks Zone: Finding the Perfect Length for Blog Posts
The Goldilocks Zone: Finding the Perfect Length for Blog PostsThe Goldilocks Zone: Finding the Perfect Length for Blog Posts
The Goldilocks Zone: Finding the Perfect Length for Blog Posts
 
Empathetc Development
Empathetc DevelopmentEmpathetc Development
Empathetc Development
 
Sanitizing, Validating and Escaping in WordPress Themes and Plugins
Sanitizing, Validating and Escaping in WordPress Themes and PluginsSanitizing, Validating and Escaping in WordPress Themes and Plugins
Sanitizing, Validating and Escaping in WordPress Themes and Plugins
 
Home viva do design da interface até a programação do sistema
Home viva  do design da interface até a programação do sistemaHome viva  do design da interface até a programação do sistema
Home viva do design da interface até a programação do sistema
 
Building an Autonomous Website
Building an Autonomous WebsiteBuilding an Autonomous Website
Building an Autonomous Website
 
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosWordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
 
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorDicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
 
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
 
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
 
Como criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-outComo criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-out
 
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...
Wordcamp paris-2016 : Comment fonctionnent le projet et la communauté open so...
 
HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?
 
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 20164 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
 
Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber! Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber!
 
Os recursos mais fodásticos do painel administrativo do WordPress
Os recursos mais fodásticos do painel administrativo do WordPressOs recursos mais fodásticos do painel administrativo do WordPress
Os recursos mais fodásticos do painel administrativo do WordPress
 

Similar to Build Accessible Websites in WordPress: Best Practices

Best Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in WordpressBest Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in WordpressNancy Thanki
 
Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...
Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...
Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...Center for Civic Design
 
The internet-presentation
The internet-presentationThe internet-presentation
The internet-presentationarmilapratiwi
 
Internet ppt
Internet pptInternet ppt
Internet ppttej_vish
 
Digital Citizenship--National Liberty Museum
Digital Citizenship--National Liberty MuseumDigital Citizenship--National Liberty Museum
Digital Citizenship--National Liberty MuseumMary Beth Hertz
 
Accessibility Nonprofits Live
Accessibility Nonprofits LiveAccessibility Nonprofits Live
Accessibility Nonprofits LiveTechSoup
 
About internet by krishna tibdewal...!!!!
About internet by krishna tibdewal...!!!!About internet by krishna tibdewal...!!!!
About internet by krishna tibdewal...!!!!Krishna Tibdewal
 
Digital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowDigital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowMarketingeScribe
 
Corso pisa-7 dh-2017
Corso pisa-7 dh-2017Corso pisa-7 dh-2017
Corso pisa-7 dh-2017Luca De Biase
 
"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather Gaither"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather GaitherHeather Gaither
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web AccessibleInfosys
 
Empowerment technologies
Empowerment technologiesEmpowerment technologies
Empowerment technologiesDeped
 
The Internet Presentation
The Internet Presentation The Internet Presentation
The Internet Presentation guest9e3d59
 
The Internet Presentation
The Internet PresentationThe Internet Presentation
The Internet Presentationguest3d7966
 

Similar to Build Accessible Websites in WordPress: Best Practices (20)

Best Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in WordpressBest Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in Wordpress
 
Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...
Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...
Making Elections Accessible to All is Still a Wicked Problem (or Curbcuts for...
 
The internet-presentation
The internet-presentationThe internet-presentation
The internet-presentation
 
Comm.tech
Comm.techComm.tech
Comm.tech
 
Internet ppt
Internet pptInternet ppt
Internet ppt
 
Digital Citizenship--National Liberty Museum
Digital Citizenship--National Liberty MuseumDigital Citizenship--National Liberty Museum
Digital Citizenship--National Liberty Museum
 
Designing 4 Disabilities
Designing 4 DisabilitiesDesigning 4 Disabilities
Designing 4 Disabilities
 
mohammed ppt
mohammed pptmohammed ppt
mohammed ppt
 
The New Library
The New LibraryThe New Library
The New Library
 
Comm.tech
Comm.techComm.tech
Comm.tech
 
Accessibility Nonprofits Live
Accessibility Nonprofits LiveAccessibility Nonprofits Live
Accessibility Nonprofits Live
 
About internet by krishna tibdewal...!!!!
About internet by krishna tibdewal...!!!!About internet by krishna tibdewal...!!!!
About internet by krishna tibdewal...!!!!
 
Digital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowDigital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should Know
 
1emptech
1emptech1emptech
1emptech
 
Corso pisa-7 dh-2017
Corso pisa-7 dh-2017Corso pisa-7 dh-2017
Corso pisa-7 dh-2017
 
"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather Gaither"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather Gaither
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web Accessible
 
Empowerment technologies
Empowerment technologiesEmpowerment technologies
Empowerment technologies
 
The Internet Presentation
The Internet Presentation The Internet Presentation
The Internet Presentation
 
The Internet Presentation
The Internet PresentationThe Internet Presentation
The Internet Presentation
 

Recently uploaded

Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...Excelmac1
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书zdzoqco
 
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一Fs
 
Call Girls Service Adil Nagar 7001305949 Need escorts Service Pooja Vip
Call Girls Service Adil Nagar 7001305949 Need escorts Service Pooja VipCall Girls Service Adil Nagar 7001305949 Need escorts Service Pooja Vip
Call Girls Service Adil Nagar 7001305949 Need escorts Service Pooja VipCall Girls Lucknow
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa494f574xmv
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作ys8omjxb
 
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)Christopher H Felton
 
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMagic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMartaLoveguard
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Sonam Pathan
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Sonam Pathan
 
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Dana Luther
 
Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITMgdsc13
 
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一Fs
 
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxDyna Gilbert
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一z xss
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationLinaWolf1
 
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一Fs
 

Recently uploaded (20)

Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
 
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
 
Call Girls Service Adil Nagar 7001305949 Need escorts Service Pooja Vip
Call Girls Service Adil Nagar 7001305949 Need escorts Service Pooja VipCall Girls Service Adil Nagar 7001305949 Need escorts Service Pooja Vip
Call Girls Service Adil Nagar 7001305949 Need escorts Service Pooja Vip
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
 
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
 
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
 
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMagic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptx
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170
 
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
 
Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITM
 
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
 
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
 
Model Call Girl in Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in  Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in  Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
 
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
 

Build Accessible Websites in WordPress: Best Practices

  • 1. B U I L D I N G A C C E S S I B L E W E B S I T E S I N W O R D P R E S S B E S T P R A C T I C E S @nancythanki @misfitideas
  • 2.
  • 3. “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” – T I M B E R N E R S - L E E W 3 C D I R E C T O R A N D I N V E N T O R O F T H E W O R L D W I D E W E B
  • 4. • 20 million blind adults in the US • 10% use screen readers • 8% of men and 0.5% of women are color blind F A C T S
  • 5. U N C O N V E N T I O N O F T H E R I G H T S O F P E R S O N S W I T H D I S A B I L I T I E S Article 21: Freedom of expression and opinion, and access to information States Parties shall take all appropriate measures to ensure that persons with disabilities can exercise the right to freedom of expression and opinion, including the freedom to seek, receive and impart information and ideas on an equal basis with others and through all forms of communication of their choice, as defined in article 2 of the present Convention, including by: (a)Providing information intended for the general public to persons with disabilities in accessible formats and technologies appropriate to different kinds of disabilities in a timely manner and without additional cost; (b)Accepting and facilitating the use of sign languages, Braille, augmentative and alternative communication, and all other accessible means, modes and formats of communication of their choice by persons with disabilities in official interactions; (c) Urging private entities that provide services to the general public, including through the Internet, to provide information and services in accessible and usable formats for persons with disabilities; (d)Encouraging the mass media, including providers of information through the Internet, to make their services accessible to persons with disabilities; (e)Recognizing and promoting the use of sign languages. aka the UN recognizes Web accessibility as a basic human right it is essential that the Web be accessible in order to provide equal access and equal opportunity to people with disabilities
  • 6. W H Y ? • potential clients: government contracts, user aware companies • people are able to use & contribute to the Web more effectively • equal access and equal opportunity to an unprecendted access to information and opportunity
  • 7. W H A T ? • what makes a website accessible? • how can you know if yours is accessible?
  • 8. H O W ? • type of content • size and complexity • development tools • environment
  • 9. T Y P E S O F D I S A B I L I T I E S • auditory • cognitive / neurological • physical • visual
  • 10. A S S I S T I V E T E C H N O L O G I E S V S A D O P T I V E S T R A T E G I E S
  • 11. W E B U S E T O O L S • braille display • screen reader • text-to-speech • voice browser • voice recognition • keyboard navigation
  • 12. S C R E E N R E A D E R S • nvaccess’ NVDA reader • Chrome Vox • Mozilla’s Fangs Screen Reader Emulator • Apple’s VoiceOver
  • 13. A D O P T I V E S T R A T E G I E S • content formats: auditory, tactile, visual • presentation: distinguishing visual content and providing ways to understand audio content • user interaction: typing, writing, and clicking • design solutions: navigating and finding content
  • 14. E V A L U A T I O N T O O L S * * * • Color Oracle • WAVE-Web Accessibility Virtual Evaluator • Web Accessibility Checker • AChecker • Accessibility Valet ***no tool has been deemed able to replace common sense; please keep that in mind
  • 17. W H Y C A R E ?
  • 18. W E B A C C E S S I B I L I T Y I S A S O C I A L I S S U E
  • 19. digital divide issues mobile access older users’ needs O T H E R B A R R I E R S T O U S E
  • 20. • older people • low literacy/fluency • low bandwidth connections/older technology • new/infrequent users • mobile phone users B E N E F I T S F O R O T H E R S
  • 21. • older people • low literacy/fluency • low bandwidth connections/older technology • new/infrequent users • mobile phone users B E N E F I T S F O R O T H E R S
  • 22. R E S O U R C E S T O C O N S I D E R • WebAIM: web accessibility in mind: http://webaim.org/intro/ • Web Accessibility Initiative (WAI): http://www.w3.org/WAI/ • WAI Resources: http://www.w3.org/WAI/Resources/ • Quicktips: http://www.w3.org/WAI/quicktips/ • Implementation Plan for Web Accessibility: http://www.w3.org/WAI/impl/Overview • Web Content Accessibility Guidelines: http://www.w3.org/WAI/intro/wcag.php • Web Accessibility Evaluation Tools: Overview: http://www.w3.org/WAI/ER/tools/ • Accessibility Evaluation Resources: http://www.w3.org/WAI/eval/Overview.html • Easy Checks - A First Review of Web Accessibility: http://www.w3.org/WAI/eval/preliminary • Complete list of web accessibility evaluation tools: http://www.w3.org/WAI/ER/tools/complete

Editor's Notes

  1. =more actively participate in society equal opportunity to: unprecedented access to info unprecedented interaction