We use cookies on this website to provide better user experience.Learn more

Add ADA Compliance to Theme

1

David,

over the last few weeks, I’ve taken on a couple of projects that haven’t asked for a redesign, but instead they have a desire to make their website compliant with the US American with Disabilities Act. Hopefully you are aware of the trend.

Anyway, I have my dev team working on building an awesome tool to audit sites for ADA compliance, but implementing these requirements into an existing site is very tedious and cumbersome – especially for older themes or themes from lower quality developers.

I also thought about creating a plugin for this, but that’s a slippery slope… theme integration is the most efficient way to handle this I think…

Maybe this could be an option for Premium members?

thanks!

====================

10/12

David, here are some resources as requested:

https://www.ada.gov/pcatoolkit/chap5toolkit.htm
https://www.searchenginejournal.com/ada-compliant-website/200106/

Development tools

WordPress goes WCAG


https://wordpress.org/plugins/wp-accessibility/ (this is plugin)

this is a theme developer that has already built these requirements into his framework…. but his is a shortcode based system… no bueno 🙂

Accessible WordPress Themes

Let me know if you need anything else! and thanks for considering it!

2 Comments

  • Hi Neil,

    what are the requirements for ADA compliance? It would be great if you have any resources to share with me so I can get an idea.

    Thanks!

    Best,
    David

    Reply
    • @David

      In a nutshell, ADA Compliance has a lot to do with Screen Readers being able to help users Navigate and Understand Content through Audible Communication.

      Simply put, when a User Mouses-over or Tabs through a Navigation Menu, the Navigation Items should be able to be read out-loud by the Screen Reader.

      More Advanced items would be: Contact Form Labels/Fields with ‘Aria’* text.

      NOTE: For Media, just practice Good SEO by adding ALT & Title Tags to every image / For Visual Impairments: Be sure to have Excellent Contrast between Text and Backgrounds (this site is a great example) / Any External Links should contains in the Title=”” tag: “Opens in new window or tab”.

      *Now-a-days, just about every Quality Theme or Plugin contains ‘Aria’ tags for ADA readability. Use Google Chrome’s [Inspect Element] to see this in the code. EXAMPLE: On the “Reply” link below your post: aria-label=”Reply to David Vongries” “Audits” tab to perform [√] Accessibility Audits. This is a HUGE help (Right-click on a webpage > Inspect).

      cheers,
      -scott

Leave a Comment

Your email address will not be published. Required fields are marked *

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match