Approximately 1.3 billion people — about 16% of the global population — live with some form of disability. A significant portion of them use the internet regularly, often relying on assistive technologies like screen readers, voice navigation, keyboard-only navigation, and magnification tools. If your website isn't built with accessibility in mind, you're excluding a substantial portion of potential customers and, in many cases, violating the law.
Accessibility has shifted from a niche technical concern to a mainstream business requirement. The legal landscape is tightening, user expectations are rising, and the business case for inclusive design has never been clearer. This guide covers what you need to know, what you need to do, and why starting now is better than waiting.
What Is Web Accessibility and Why Does It Matter?
Web accessibility means designing and building websites that can be used by people of all abilities — including those who are blind, have low vision, are deaf or hard of hearing, have motor disabilities, or have cognitive disabilities.
Accessible design doesn't mean building a separate, stripped-down version of your site for disabled users. It means building one site that works well for everyone, using techniques and standards that make the experience inclusive by default.
The Business Case
Beyond the ethical imperative, there's a strong business case for accessibility that often goes unrecognized.
Market size: People with disabilities represent a significant consumer market. The disposable income of working-age adults with disabilities in the US alone is estimated at over $490 billion annually. Inaccessible websites exclude this market entirely.
SEO benefits: Many accessibility best practices directly improve SEO. Alt text on images helps both screen readers and search engine crawlers. Proper heading hierarchy benefits both people who use screen readers to navigate and search engines parsing your content structure. Descriptive link text helps both assistive technology users and people scanning your page. Accessible websites tend to rank better.
Better usability for everyone: Accessibility improvements often benefit all users, not just those with disabilities. High color contrast helps people in bright sunlight. Keyboard navigation helps power users. Captions on videos help people in noisy environments. This is sometimes called the "curb cut effect" — accommodations made for disability often end up helping everyone.
Legal risk reduction: ADA lawsuits targeting inaccessible websites have increased dramatically. In 2024 alone, over 3,000 digital accessibility lawsuits were filed in federal court. The majority target e-commerce and service businesses. The cost of defending or settling these suits is typically far greater than the cost of building accessibly in the first place.
The Legal Landscape: What You're Required to Do
The legal requirements around web accessibility in the US have evolved significantly and continue to tighten.
ADA Title III and Websites
The Americans with Disabilities Act (ADA) prohibits discrimination against people with disabilities in "places of public accommodation." Courts have increasingly ruled that websites are places of public accommodation, making inaccessible websites a potential ADA violation.
The Department of Justice issued final rules in April 2024 requiring state and local government websites to comply with WCAG 2.1 Level AA standards. While these rules directly apply to government sites, they signal the direction of broader regulatory expectations and have influenced how courts interpret private sector obligations.
For private businesses, the legal exposure is real. Plaintiffs' firms have developed efficient processes for identifying inaccessible websites and filing demand letters. Many small and medium businesses have settled accessibility lawsuits for $15,000–$100,000 or more.
Section 508
Section 508 of the Rehabilitation Act requires that federal agencies' digital tools and websites be accessible. If you sell to or contract with the federal government, Section 508 compliance is typically required in your agreement.
International Requirements
If you operate internationally, the EU Web Accessibility Directive and European Accessibility Act impose accessibility requirements on a wide range of organizations. Canada's Accessible Canada Act has similar provisions. Accessibility requirements are global and expanding.
Understanding WCAG: The Accessibility Standard
The Web Content Accessibility Guidelines (WCAG) are the internationally recognized standard for web accessibility, developed by the World Wide Web Consortium (W3C). Understanding them is essential for anyone building or managing a website.
The Four Principles
WCAG is organized around four core principles, often summarized as POUR:
- Perceivable — Information and user interface components must be presentable to users in ways they can perceive. This includes text alternatives for images, captions for videos, and sufficient color contrast.
- Operable — Users must be able to operate the interface. This includes keyboard accessibility, no content that causes seizures, and enough time to complete tasks.
- Understandable — Information and the operation of the interface must be understandable. This includes readable text, predictable navigation, and error prevention/correction.
- Robust — Content must be robust enough to be interpreted by a wide variety of user agents, including assistive technologies.
Conformance Levels
WCAG has three conformance levels:
- Level A — The most basic requirements. Not meeting these means significant barriers for some users.
- Level AA — The standard most organizations aim for. This is the level referenced in most legal requirements and accessibility policies.
- Level AAA — The highest level. Not all content can meet Level AAA, but targeting specific AAA criteria where applicable improves the experience further.
For most business websites, WCAG 2.1 Level AA compliance is the target. WCAG 2.2, the most recent version as of 2023, added additional criteria for cognitive and motor accessibility, and is increasingly being referenced in guidelines and legal frameworks.
Common Accessibility Failures and How to Fix Them
The vast majority of accessibility failures fall into a relatively small number of categories. Here are the most common issues found on business websites and what to do about them.
Missing Image Alt Text
Every informative image needs a text alternative that conveys the same information the image conveys. Screen reader users can't perceive images — without alt text, they get nothing. Decorative images that don't convey information should have empty alt attributes (alt="") so screen readers know to skip them.
This is one of the most common accessibility failures and one of the easiest to fix. It also has direct SEO benefits, as search engines use alt text to understand image content.
Insufficient Color Contrast
WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). Light gray text on a white background, popular in modern minimalist design, often fails this requirement completely.
Use a contrast checker tool (like the WebAIM Contrast Checker) to evaluate your color combinations. Increasing contrast almost always improves readability for everyone, not just users with visual impairments.
Non-Keyboard-Accessible Interactions
All functionality on your website must be accessible via keyboard alone — no mouse required. This matters for people who can't use a mouse due to motor disabilities, power users who prefer keyboard navigation, and screen reader users who navigate primarily by keyboard.
Test your site by unplugging your mouse and navigating entirely by Tab, Enter, Space, and arrow keys. Every interactive element — links, buttons, forms, dropdowns, modals — should be reachable and operable via keyboard. The current focus element should always be clearly visible.
Missing Form Labels
Every form input needs a properly associated label. Placeholder text is not an acceptable substitute for a label — it disappears when users start typing, and screen readers don't consistently announce it as a label.
Every input field should have a <label> element associated via the for attribute, or an aria-label attribute when a visible label isn't practical.
Videos Without Captions
All pre-recorded video with audio needs captions. This is a Level A requirement — meaning it's one of the most basic accessibility requirements. Auto-generated captions from platforms like YouTube are often inaccurate and don't meet the standard for accessibility. Captions should be accurate, synchronized, and properly formatted.
This also benefits hearing users watching in noisy environments or situations where they can't have sound on.
Poor Heading Structure
Heading tags (H1 through H6) should create a logical document outline. Screen reader users rely heavily on headings to navigate pages — they can jump between headings to find the content they're looking for. When headings are used only for visual styling rather than document structure, this navigation breaks down.
Every page should have a single H1 that describes the page content. Subsequent sections should use H2, with subsections using H3, and so on. Don't skip heading levels or use them out of order.
How to Audit Your Website for Accessibility
Accessibility auditing is a combination of automated testing and manual evaluation. Automated tools catch roughly 30-40% of accessibility issues. The rest require human judgment.
Automated Tools
- WAVE (WebAIM) — Browser extension that overlays accessibility issues on your page with clear visual indicators
- Axe DevTools — Chrome extension for in-browser accessibility testing, used by developers and accessibility professionals
- Google Lighthouse — Built into Chrome DevTools, includes an accessibility audit component
Manual Testing
- Navigate your site using only the keyboard (Tab, Shift+Tab, Enter, Space, arrow keys)
- Test with a screen reader (NVDA for Windows, VoiceOver for Mac/iOS, TalkBack for Android)
- Zoom to 200% in your browser and check that content is still usable
- Review all forms for proper labels and error handling
- Check all images for appropriate alt text
Building Accessibly from the Start vs. Retrofitting
Like most things in web development, accessibility is far easier and less expensive to build in from the beginning than to add after the fact. A website built with accessibility in mind costs roughly the same to build as one that ignores it. Retrofitting accessibility onto an inaccessible website can cost 10-30x more than building it correctly the first time.
If you're planning a website redesign, this is the ideal time to address accessibility comprehensively. Working with a team that builds accessibly by default — treating it as a standard requirement rather than an add-on — is the most efficient path to a compliant website.
If you're not planning a full redesign, prioritize the most common and impactful fixes first: image alt text, color contrast, keyboard accessibility, and form labels. These four categories address the majority of accessibility issues found on most business websites.
Want a website built for everyone?
Accessibility is built into every website we design — not as an optional extra, but as a fundamental requirement of quality work. Let's build something inclusive together.
Start a Project