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?