Accessibility Is Not Optional Anymore
Over 1 in 4 adults in the United States lives with a disability. That represents approximately 61 million potential customers. When your website is not accessible, you are not just excluding people. You are losing revenue and potentially exposing your business to legal action.
Website accessibility lawsuits against small businesses have increased significantly year over year, with over 4,600 filed in federal courts in recent years. But beyond the legal risk, accessibility is simply good business practice.
What Website Accessibility Actually Means
Accessibility means that people with disabilities can perceive, understand, navigate, and interact with your website. This includes people who are:
- Blind or visually impaired (using screen readers)
- Deaf or hard of hearing (needing captions or transcripts)
- Motor impaired (navigating with keyboard only or assistive devices)
- Cognitively different (needing clear layout and simple language)
The standard is called WCAG (Web Content Accessibility Guidelines), and version 2.1 Level AA is the generally accepted target.
The Quick Wins: Fix These Today
You can dramatically improve your site's accessibility in an afternoon by addressing these common issues:
1. Add Alt Text to Every Image
Alt text describes images for screen reader users. Every image on your site needs it.
- Good alt text: "Team of three plumbers standing in front of company van"
- Bad alt text: "IMG_4521.jpg" or "photo" or empty alt attribute
- Decorative images: Use an empty alt attribute (alt="") for purely decorative elements
2. Ensure Sufficient Color Contrast
Text must have enough contrast against its background to be readable:
- Normal text: Minimum contrast ratio of 4.5:1
- Large text (18px+ bold or 24px+): Minimum 3:1
- Use a contrast checker like WebAIM's Contrast Checker (free online tool)
Common failures: light gray text on white backgrounds, white text on light-colored images, placeholder text in forms.
3. Make All Functionality Keyboard Accessible
Some users cannot use a mouse. Test your website by:
- Pressing Tab to move through interactive elements
- Pressing Enter to activate buttons and links
- Checking for a visible focus indicator (the outline around the focused element)
- Ensuring no element traps keyboard focus (you can Tab into it but not out)
4. Use Proper Heading Structure
Screen readers use headings to navigate pages. Your heading hierarchy should be:
- One H1 per page (your main page title)
- H2s for major sections
- H3s for subsections within H2s
- Never skip levels (do not go from H2 to H4)
5. Label Your Forms
Every form field needs a visible label:
- Do not rely on placeholder text alone (it disappears when typing)
- Associate labels with inputs using the "for" attribute
- Mark required fields clearly
- Provide error messages that explain what needs to be fixed
Beyond the Basics: Building an Accessible Site
Video and Audio Content
- Add captions to all videos (auto-generated captions are a starting point, but review for accuracy)
- Provide transcripts for audio content like podcasts
- Do not auto-play audio or video content
- Ensure media players have accessible controls
Navigation
- Use descriptive link text ("Read our pricing guide" not "Click here")
- Provide a skip navigation link at the top of every page
- Keep navigation consistent across all pages
- Make dropdown menus keyboard accessible
Content Readability
- Write at an 8th-grade reading level when possible
- Use short paragraphs (3-4 sentences maximum)
- Break up content with headings, lists, and visual hierarchy
- Avoid jargon or define technical terms when first used
Mobile Accessibility
- Touch targets must be at least 44x44 pixels
- Do not rely on hover states for important information
- Support pinch-to-zoom (never disable user scaling)
- Ensure landscape and portrait orientations both work
How to Test Your Website's Accessibility
You do not need to hire an expert to start. Use these free tools:
- WAVE (Web Accessibility Evaluation Tool): Provides a visual overlay of accessibility issues on any page
- axe DevTools: A browser extension that runs automated accessibility checks
- Lighthouse (built into Chrome): Includes an accessibility score and recommendations
- Screen reader testing: Try navigating your site with VoiceOver (Mac) or NVDA (Windows, free)
Automated tools catch about 30-40% of accessibility issues. Manual testing with keyboard navigation and a screen reader catches most of the rest.
The Legal Landscape
The ADA (Americans with Disabilities Act) has been interpreted by courts to apply to websites, especially for businesses that have physical locations. Key points:
- There is no safe harbor from lawsuits simply by being a small business
- WCAG 2.1 Level AA is the generally referenced standard in legal settlements
- Demand letters often precede lawsuits and typically seek settlement
- Having an accessibility statement on your site shows good faith effort
Writing an Accessibility Statement
Add an accessibility page to your site that includes:
- Your commitment to accessibility
- The standard you are working toward (WCAG 2.1 AA)
- Known limitations (be honest about areas you are improving)
- A way for users to report accessibility issues
- Your contact information for accessibility concerns
The Business Case
Accessibility improvements almost always improve the experience for all users:
- Better color contrast makes content easier to read for everyone
- Keyboard navigation benefits power users and mobile users alike
- Clear headings help all visitors scan content quickly
- Proper form labels reduce errors and abandonment for everyone
- Captions help people watching video in noisy or quiet environments
Businesses that invest in accessibility regularly report increases in overall user engagement and conversion rates, often in the range of 15-25%.
Start Here
You do not need to achieve perfection overnight. Accessibility is a journey, and every improvement helps real people use your website and become your customers.