fbpx
ADA Compliant Web Design

ADA Compliant Web Design

Making a more accessible internet, making it better for everyone.

Web Accessibility Tutorials Guidance WCAG Logo
Web Accessibility Tutorials Guidance WCAG Logo

ADA Compliant Web Design

Keeping track of double A (AA) for ADA Compliant Web Design is difficult. It takes a lot of time and careful attention to detail. Especially in the middle of changes to technology and politics.

But it also saves thousands of dollars in potential lawsuits. This guide only covers the basics you need to be thinking about. It’s not an all inclusive resource about ADA compliance for web. But it does give a helpful glimpse of what is required.

Design

There must exist a minimum contrast of 4.5:1 among elements. Your Heading tags (h1,h2,h3, etc.) are to be in proper order and in you content organically.

When an intractable element is present it receives a focus state when tabbing to access. Common elements on the website (buttons, form fields, ect.) are to have a unifying design.

Contrast Checker Example
  • H1
    • H2
      • H3

Forms

If an error is present on a form, the website must suggest ways to fix it. The user must be able withdraw and resubmit the form, or the form prompts a confirmation.

Ready to make your Brand Nerdy?

Does your business need to recover from COVID?

We can help!

Find Out How
Sending Your Resume

In this tutorial, we’ll explain how to send transfers using the web browser service of WeTransfer.

The free service allows you to send up to 2GB in file size total.

We’ve made a nifty little graphic with instructions on how to send your file transfer on the web browser.