SlideShare a Scribd company logo
1 of 32
Download to read offline
D E M Y S T I F Y I N G A C C E S S I B L E
W O R D P R E S S W E B S I T E S
BEST PRACTICES
@nancythanki
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
Demystifying Accessible WordPress Websites
“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
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
potential clients + worldwide users
=
equal unprecedented access to information and equal
opportunity
• 20 million blind adults in the US
• 10% use screen readers
• 8% of men and 0.5% of women are color blind
FA C T S
DeuteranopiaNormal
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 Y
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
W H AT makes a website accessible?
H O W how can you know if yours is accessible?
users spend more time
on your site consuming
your content and
engaging with your
brand
intuitive navigation
+
properly labeled links
and images
+
user friendly design
aesthetics
A D O P T I V E S T R AT 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 VA L U AT I O N
T O O L S * * *
• Color Oracle
• Chrome Spectrum
• 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
IMPLEMENTATION
IMPLEMENTATION
digital divide issues
mobile access
older users’ needs
low literacy/fluency
low bandwidth connections/
older technology
new/infrequent users
mobile phone users
BENEFITS
FOR
OTHERS
W H AT ’ S
I N I T F O R
M E ?
D O E S I T M AT T E R H O W
A C C E S S I B L E Y O U R
C O N T E N T I S I F N O B O D Y
E V E R F I N D S I T ?
users spend more time
on your site consuming
your content and
engaging with your
brand
intuitive navigation
+
properly labeled links
and images
+
user friendly design
aesthetics
WHAT WE SEE vs WHAT SEARCH ENGINES SEE
ALTTEXT=SEARCHENGINESCAN“SEE”IMAGES
<img src=“grapes.jpg” alt=“A man
holding a bundle of grapes.”/>
CONTENT IS KING…
BUT HERE ARE SOME OTHER THINGS TOO
• Providing a clear and proper heading
structure and avoiding empty headings
• Providing descriptive link text (i.e., avoiding
“click here”)
• Ensuring page titles are descriptive, yet
succinct
• Not relying on JavaScript for things that
don’t need it
• Avoiding mouse dependent interaction
• Using standard web formats when possible
• Providing transcripts and captions for video
• Identifying the language of pages and page
content
• Allowing multiple ways of finding content
(e.g., search, a site map, table of contents,
clear navigation, etc.)
• Providing useful links to related and relevant
resources
• Ensuring URLs are human readable and
logical
• Presenting a clear and consistent navigation
and page structure
• Avoiding CSS and other stylistic markup to
present content or meaning*
• Defining abbreviations and acronyms
• Have unique and relevant titles and meta
descriptions
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
• Web Standards Project: http://www.webstandards.org/learn/faq/
n a n c y t h a n k i . c o m@ n a n c y t h a n k i

More Related Content

Viewers also liked

Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Nancy Thanki
 
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
 
Typography and User Experience in Web Design
Typography and User Experience in Web DesignTypography and User Experience in Web Design
Typography and User Experience in Web DesignSara Cannon
 
Why we publish -- WordCamp Birmingham 2014
Why we publish -- WordCamp Birmingham 2014Why we publish -- WordCamp Birmingham 2014
Why we publish -- WordCamp Birmingham 2014Brian Krogsgard
 
Accessible Websites: What are they and why should I care?
Accessible Websites: What are they and why should I care?Accessible Websites: What are they and why should I care?
Accessible Websites: What are they and why should I care?Nancy Thanki
 
Demystifying Accessible Websites - WCUS 2015
Demystifying Accessible Websites - WCUS 2015Demystifying Accessible Websites - WCUS 2015
Demystifying Accessible Websites - WCUS 2015Nancy Thanki
 
Let's Encrypt! Wait. Why? How? - WC Pune
Let's Encrypt! Wait. Why? How? - WC PuneLet's Encrypt! Wait. Why? How? - WC Pune
Let's Encrypt! Wait. Why? How? - WC PuneNancy Thanki
 
The GPL: What It Means (And What It Doesn't) - WC Udaipur
The GPL: What It Means (And What It Doesn't) - WC UdaipurThe GPL: What It Means (And What It Doesn't) - WC Udaipur
The GPL: What It Means (And What It Doesn't) - WC UdaipurNancy Thanki
 
Website Design with UX in Mind
Website Design with UX in MindWebsite Design with UX in Mind
Website Design with UX in MindMelissa Eggleston
 
A house with no walls: Creating a site structure for the future
A house with no walls: Creating a site structure for the futureA house with no walls: Creating a site structure for the future
A house with no walls: Creating a site structure for the futureGizmo Creative Factory, Inc.
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Hans Mösl
 
Website Security - It Begins With Good Posture
Website Security - It Begins With Good PostureWebsite Security - It Begins With Good Posture
Website Security - It Begins With Good PostureTony Perez
 
Breaking up (your code) is hard to do
Breaking up (your code) is hard to doBreaking up (your code) is hard to do
Breaking up (your code) is hard to doDan Beil
 
Ecomm wp2014
Ecomm wp2014Ecomm wp2014
Ecomm wp2014Tom Nora
 
Maintaining Retainers as a WordPress Developer
Maintaining Retainers as a WordPress DeveloperMaintaining Retainers as a WordPress Developer
Maintaining Retainers as a WordPress DeveloperDevinVinson
 
The Capitalist in the Co-Op: The Art & Science of the Premium WordPress Business
The Capitalist in the Co-Op: The Art & Science of the Premium WordPress BusinessThe Capitalist in the Co-Op: The Art & Science of the Premium WordPress Business
The Capitalist in the Co-Op: The Art & Science of the Premium WordPress BusinessShane Pearlman
 

Viewers also liked (17)

Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014
 
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
 
Typography and User Experience in Web Design
Typography and User Experience in Web DesignTypography and User Experience in Web Design
Typography and User Experience in Web Design
 
Why we publish -- WordCamp Birmingham 2014
Why we publish -- WordCamp Birmingham 2014Why we publish -- WordCamp Birmingham 2014
Why we publish -- WordCamp Birmingham 2014
 
Accessible Websites: What are they and why should I care?
Accessible Websites: What are they and why should I care?Accessible Websites: What are they and why should I care?
Accessible Websites: What are they and why should I care?
 
Demystifying Accessible Websites - WCUS 2015
Demystifying Accessible Websites - WCUS 2015Demystifying Accessible Websites - WCUS 2015
Demystifying Accessible Websites - WCUS 2015
 
Let's Encrypt! Wait. Why? How? - WC Pune
Let's Encrypt! Wait. Why? How? - WC PuneLet's Encrypt! Wait. Why? How? - WC Pune
Let's Encrypt! Wait. Why? How? - WC Pune
 
The GPL: What It Means (And What It Doesn't) - WC Udaipur
The GPL: What It Means (And What It Doesn't) - WC UdaipurThe GPL: What It Means (And What It Doesn't) - WC Udaipur
The GPL: What It Means (And What It Doesn't) - WC Udaipur
 
Website Design with UX in Mind
Website Design with UX in MindWebsite Design with UX in Mind
Website Design with UX in Mind
 
A house with no walls: Creating a site structure for the future
A house with no walls: Creating a site structure for the futureA house with no walls: Creating a site structure for the future
A house with no walls: Creating a site structure for the future
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?
 
Website Security - It Begins With Good Posture
Website Security - It Begins With Good PostureWebsite Security - It Begins With Good Posture
Website Security - It Begins With Good Posture
 
The Best SEO Plugin for WordPress
The Best SEO Plugin for WordPressThe Best SEO Plugin for WordPress
The Best SEO Plugin for WordPress
 
Breaking up (your code) is hard to do
Breaking up (your code) is hard to doBreaking up (your code) is hard to do
Breaking up (your code) is hard to do
 
Ecomm wp2014
Ecomm wp2014Ecomm wp2014
Ecomm wp2014
 
Maintaining Retainers as a WordPress Developer
Maintaining Retainers as a WordPress DeveloperMaintaining Retainers as a WordPress Developer
Maintaining Retainers as a WordPress Developer
 
The Capitalist in the Co-Op: The Art & Science of the Premium WordPress Business
The Capitalist in the Co-Op: The Art & Science of the Premium WordPress BusinessThe Capitalist in the Co-Op: The Art & Science of the Premium WordPress Business
The Capitalist in the Co-Op: The Art & Science of the Premium WordPress Business
 

Recently uploaded

Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteMavein
 
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024Jan Löffler
 
Niche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus BonusNiche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus BonusSkylark Nobin
 
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfLESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfmchristianalwyn
 
Presentation2.pptx - JoyPress Wordpress
Presentation2.pptx -  JoyPress WordpressPresentation2.pptx -  JoyPress Wordpress
Presentation2.pptx - JoyPress Wordpressssuser166378
 
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdfIntroduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdfShreedeep Rayamajhi
 
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSLESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSlesteraporado16
 
Bio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxBio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxnaveenithkrishnan
 
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptxA_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptxjayshuklatrainer
 
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsVision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsRoxana Stingu
 
Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Shubham Pant
 
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...APNIC
 
world Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptxworld Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptxnaveenithkrishnan
 
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSTYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSedrianrheine
 
Zero-day Vulnerabilities
Zero-day VulnerabilitiesZero-day Vulnerabilities
Zero-day Vulnerabilitiesalihassaah1994
 

Recently uploaded (15)

Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a Website
 
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
 
Niche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus BonusNiche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus Bonus
 
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfLESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
 
Presentation2.pptx - JoyPress Wordpress
Presentation2.pptx -  JoyPress WordpressPresentation2.pptx -  JoyPress Wordpress
Presentation2.pptx - JoyPress Wordpress
 
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdfIntroduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdf
 
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSLESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
 
Bio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxBio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptx
 
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptxA_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
 
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsVision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
 
Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024
 
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
 
world Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptxworld Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptx
 
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSTYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
 
Zero-day Vulnerabilities
Zero-day VulnerabilitiesZero-day Vulnerabilities
Zero-day Vulnerabilities
 

Demystifying Accessible WordPress Websites

  • 1. D E M Y S T I F Y I N G A C C E S S I B L E W O R D P R E S S W E B S I T E S BEST PRACTICES @nancythanki
  • 11. “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
  • 12. 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
  • 13. potential clients + worldwide users = equal unprecedented access to information and equal opportunity
  • 14. • 20 million blind adults in the US • 10% use screen readers • 8% of men and 0.5% of women are color blind FA C T S
  • 16. T Y P E S O F D I S A B I L I T I E S auditory cognitive / neurological physical visual
  • 17. A S S I S T I V E T E C H N O L O G Y braille display screen reader text-to-speech voice browser voice recognition keyboard navigation
  • 18. 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
  • 19. W H AT makes a website accessible? H O W how can you know if yours is accessible?
  • 20. users spend more time on your site consuming your content and engaging with your brand intuitive navigation + properly labeled links and images + user friendly design aesthetics
  • 21. A D O P T I V E S T R AT 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
  • 22. E VA L U AT I O N T O O L S * * * • Color Oracle • Chrome Spectrum • 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
  • 25. digital divide issues mobile access older users’ needs low literacy/fluency low bandwidth connections/ older technology new/infrequent users mobile phone users BENEFITS FOR OTHERS
  • 26. W H AT ’ S I N I T F O R M E ?
  • 27. D O E S I T M AT T E R H O W A C C E S S I B L E Y O U R C O N T E N T I S I F N O B O D Y E V E R F I N D S I T ?
  • 28. users spend more time on your site consuming your content and engaging with your brand intuitive navigation + properly labeled links and images + user friendly design aesthetics
  • 29. WHAT WE SEE vs WHAT SEARCH ENGINES SEE ALTTEXT=SEARCHENGINESCAN“SEE”IMAGES <img src=“grapes.jpg” alt=“A man holding a bundle of grapes.”/>
  • 30. CONTENT IS KING… BUT HERE ARE SOME OTHER THINGS TOO • Providing a clear and proper heading structure and avoiding empty headings • Providing descriptive link text (i.e., avoiding “click here”) • Ensuring page titles are descriptive, yet succinct • Not relying on JavaScript for things that don’t need it • Avoiding mouse dependent interaction • Using standard web formats when possible • Providing transcripts and captions for video • Identifying the language of pages and page content • Allowing multiple ways of finding content (e.g., search, a site map, table of contents, clear navigation, etc.) • Providing useful links to related and relevant resources • Ensuring URLs are human readable and logical • Presenting a clear and consistent navigation and page structure • Avoiding CSS and other stylistic markup to present content or meaning* • Defining abbreviations and acronyms • Have unique and relevant titles and meta descriptions
  • 31. 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 • Web Standards Project: http://www.webstandards.org/learn/faq/
  • 32. n a n c y t h a n k i . c o m@ n a n c y t h a n k i