Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Website Accessibility & WordPress


Published on

Website accessibility - what it is and why you should care. Slides from Amber Hinds' presentation for the Georgetown WordPress Meetup on August 21, 2018.

These slides cover:
- Why accessibility matters
- Accessibility laws - who needs to follow them
- Accessibility best practices
- How to test if your website is accessible or has any accessibility issues
- How to fix accessibility issues if they arise
- WordPress specific accessibility tools/themes

To watch a video recorded live at the meetup, go to

Find out more about the Georgetown, TX WordPress meetup at and contact Amber at

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Website Accessibility & WordPress

  1. 1. @roadwarriorwp | Website Accessibility & WordPress Georgetown WordPress Meetup August 21, 2018 | AMBER HINDS
  2. 2. @roadwarriorwp | Objective Have a website that can be used by everyone - people of all abilities and disabilities.
  3. 3. @roadwarriorwp |
  4. 4. @roadwarriorwp | Today’s Agenda ● Why accessibility matters ● Accessibility laws - who needs to follow them ● Accessibility best practices ● How to test if your website is accessible or has any accessibility issues ● How to fix accessibility issues if they arise ● Noteworthy WordPress specific accessibility tools/themes
  5. 5. @roadwarriorwp | Why Accessibility Matters
  6. 6. @roadwarriorwp | >1 billion of the world’s population have a disability. World Health Organization 2018 World Report on Disability
  7. 7. @roadwarriorwp | 15% of the world’s population have a disability. World Health Organization 2018 World Report on Disability
  8. 8. @roadwarriorwp | 1 in 8 people in the United States have a disability. U.S. Census Bureau's 2016 American Community Survey
  9. 9. @roadwarriorwp | $200 billion spent annually by disabled Americans. U.S. Department of Labor
  10. 10. @roadwarriorwp | Accessibility matters because... ● It’s good karma ● It’s good for SEO ● It increases revenue opportunities ● In some cases it’s legally required
  11. 11. @roadwarriorwp | Accessibility Laws* *I am not a lawyer.
  12. 12. @roadwarriorwp | Accessibility is a Civil Right ● Equal access to information: education, transit, voting, healthcare, employment, human services, etc. ● Equal ability to participate fully in our society
  13. 13. @roadwarriorwp | Rehabilitation Act of 1973 Section 504: “No otherwise qualified individual with a disability in the United States... shall, solely by reason of her or his disability, be excluded from participation in, be denied the benefits of, or be subjected to discrimination under any program or activity receiving Federal financial assistance.” Applies to: Government agencies, federally-funded projects, K-12 schools, postsecondary entities (state colleges, universities, and vocational training schools)
  14. 14. @roadwarriorwp | Rehabilitation Act of 1973 Section 508: Bars the Federal government from procuring electronic and information technology goods and services (including website design) that are not fully accessible to those with disabilities.
  15. 15. @roadwarriorwp | Rehabilitation Act of 1973 When complaints arise, members of the public, students, and employees with disabilities may: 1. File an administrative complaint with agencies they believe to be in violation of Section 508. 2. File a private lawsuit in federal district court, or 3. File a formal complaint through the US DOJ Office of Civil Rights.
  16. 16. @roadwarriorwp | Americans with Disabilities Act (ADA) Title II Communications with persons with disabilities must be "as effective as communications with others" [28 C.F.R. ss 35.160 (a)]. Title III Deals with public accommodation of people with disabilities.
  17. 17. @roadwarriorwp | Americans with Disabilities Act (ADA) No clear laws on how ADA applies the the web - no regulations - but increasing numbers of lawsuits filed and won under ADA.
  18. 18. @roadwarriorwp | Telecommunications Act of 1996 “The Act requires manufacturers of telecommunications equipment and customer premises equipment to ensure that the equipment is designed, developed, and fabricated to be accessible to and usable by individuals with disabilities, if readily achievable.” Complaints ● Filed with FCC ● Lawsuits are not authorized and there is no provision for damages.
  19. 19. @roadwarriorwp | Don’t forget about your state... ● State funded IT laws ● State anti-discrimination laws ● Many states allow damages for ADA cases + Local governments + World laws
  20. 20. @roadwarriorwp | Best Practices
  21. 21. @roadwarriorwp | Your website should be... Perceivable Operable Understandable Robust
  22. 22. @roadwarriorwp | Perceivable Information needs to be transformable from one form to another. Main content and message should be separable from the way it is styled or presented.
  23. 23. @roadwarriorwp | Operable Not everyone uses a standard keyboard + mouse to navigate the web. ● Multiple ways to interact with the website ● User control over time limits/timing ● Clear instructions ● Error recovery options
  24. 24. @roadwarriorwp | Understandable ● Appropriately targeted language/reading level ● Supplemental representation of information ○ Graphics, videos, audio players, graphs, etc. ○ Summaries or excerpts before long articles ● Understandable functionality ○ Navigation structure, form interactions, available tooltips etc.
  25. 25. @roadwarriorwp | Robust ● Functionality across current and future devices, operating systems, and browsers ● Support some outdated versions ● Validate against technical standards for that platform
  26. 26. @roadwarriorwp | When to start thinking about accessibility...
  27. 27. @roadwarriorwp |
  28. 28. @roadwarriorwp | Accessibility Checklist
  29. 29. @roadwarriorwp | Accessibility in Content ● Images need appropriate alt text or empty alt text if decorative ● Caption videos ● Provide transcripts for audio and video ● Be careful about reading level (8th grade) ● Avoid rapid flashing (no more than 3x/sec.)
  30. 30. @roadwarriorwp | Accessibility in Design ● Website must have consistent interface ● Check color contrast ● Beware of line length issues ● Keep related items close (proximity) ● Design focus states for links, buttons, etc. ● Design for error states
  31. 31. @roadwarriorwp | Accessibility in Development ● Follow Web Standards (W3C/WAI) ● Set page language ● Use semantics (headings, buttons, labels) ● Foreground images, please (with alt text) ● Hide informative text for screen readers with a CSS class like: .screen-reader-text ● Mobile-first, responsive design navigable with keyboard only (tab key)
  32. 32. @roadwarriorwp | Example: Fort Collins Montessori School
  33. 33. @roadwarriorwp | Guideline + Testing Resources ● P.O.U.R.: ● Current web content accessibility guidelines (WCAG) 2.1: ● WCAG 2 implementation checklist: ● Test your website: or get the Chrome extension ● Chrome Dev Tools > Audits ● Color contrast checker: ● Screen readers: ○ ChromeVox ○ NVDA
  34. 34. @roadwarriorwp |
  35. 35. @roadwarriorwp | Accessibility & WordPress Core ● Handbook on WordPress Accessibility ● Theme Developer’s Handbook Accessibility Guidelines ● Requirements for the accessibility-ready tag in the theme directory ● Make WordPress Accessible - you can help! ● Learn More: Accessibility talks on
  36. 36. @roadwarriorwp | Accessibility Ready Themes Free Themes ● 124 tagged “Accessibility ready” in the Theme Directory at Premium Themes ● Genesis by StudioPress - ● 200 tagged “Accessible” on Themeforest -
  37. 37. @roadwarriorwp | Accessibility Plugin Fix common accessibility issues without changing your theme. s/wp-accessibility
  38. 38. @roadwarriorwp | What if I just want to hire someone? Ask yourself how much of an expert you want, and how key accessibility is to your website’s success and reputation (or legal compliance)... ● Knowability - Austin-based nonprofit ● Check with local agencies ● Find a freelancer Is there anyone in the room today?
  39. 39. @roadwarriorwp | Amber Hinds Creative Director Road Warrior Creative @roadwarriorwp on all the socials