Accessibility Guide
Website Accessibility Checker: Why It Matters & How to Test
Over 1 billion people worldwide have a disability. If your website isn't accessible, you're excluding potential customers — and possibly breaking the law.
Why website accessibility matters
Website accessibility isn't just about being nice — it's a business imperative. Here's why:
- Legal requirement: The ADA, EU Accessibility Act, and similar laws require websites to be accessible. Lawsuits against inaccessible websites have surged, with over 4,000 federal lawsuits filed annually.
- SEO benefit: Many accessibility best practices directly improve SEO. Alt text helps Google understand images. Proper heading hierarchy helps crawlers parse your content. Semantic HTML improves indexability.
- Larger audience: 15% of the global population has some form of disability. An inaccessible website means turning away potential customers.
- Better UX for everyone: Captions help people in noisy environments. Good contrast helps people in bright sunlight. Keyboard navigation helps power users.
Check your accessibility score
Foglift tests your website for WCAG compliance including color contrast, alt text, keyboard navigation, and more. Free — no signup required.
Test Your WebsiteWhat WCAG compliance means
WCAG (Web Content Accessibility Guidelines) is the international standard for web accessibility. It has three levels:
- Level A: The minimum. Covers basic requirements like alt text for images and keyboard accessibility.
- Level AA: The target most organizations aim for. Includes color contrast ratios, resizable text, and consistent navigation.
- Level AAA: The highest level. Includes sign language interpretation and enhanced contrast. Rarely required.
Most legal requirements (including ADA compliance in the US) target WCAG 2.1 Level AA.
Common accessibility issues
1. Missing alt text on images
Screen readers can't describe images without alt text. Every meaningful image needs a descriptive alt attribute. Decorative images should use alt="" to be skipped.
2. Insufficient color contrast
Text must have a contrast ratio of at least 4.5:1 against its background (3:1 for large text). Light gray text on white backgrounds is one of the most common violations.
3. Missing form labels
Every form input needs an associated label. Placeholder text alone isn't sufficient — screen readers may not announce it.
4. Keyboard navigation issues
Users who can't use a mouse rely on keyboard navigation. All interactive elements must be focusable and operable via keyboard. Watch out for custom dropdowns and modals that trap focus.
5. Missing heading hierarchy
Headings should follow a logical order (H1 → H2 → H3). Skipping levels (H1 → H3) confuses screen readers and hurts SEO.
6. No skip navigation link
Keyboard users shouldn't have to tab through your entire navigation menu on every page. A "Skip to content" link at the top of the page lets them jump directly to the main content.
How to test accessibility
A thorough accessibility audit combines automated testing with manual checks:
Automated testing
- Foglift: Scans your site for accessibility issues alongside SEO, performance, and security. Get a score and action plan in seconds.
- axe DevTools: Browser extension that finds accessibility issues in the DOM.
- Lighthouse: Built into Chrome DevTools. Runs automated accessibility audits.
Important: Automated tools catch only 30-40% of accessibility issues. Manual testing is essential for a complete audit.
Manual testing
- Keyboard test: Unplug your mouse and navigate your entire site using only Tab, Enter, and arrow keys.
- Screen reader test: Try VoiceOver (Mac), NVDA (Windows), or TalkBack (Android).
- Zoom test: Zoom to 200% and check if content is still usable.
Start with an automated scan
Foglift gives you an accessibility score and highlights specific issues to fix. It also checks SEO, performance, and security — all in one scan.
Check Your Accessibility Score FreeQuick wins for accessibility
You don't need to fix everything at once. Start with these high-impact, low-effort improvements:
- Add alt text to all meaningful images
- Ensure all form inputs have labels
- Fix color contrast issues (use a contrast checker tool)
- Add a "Skip to content" link
- Use semantic HTML (nav, main, footer, article, section)
- Test keyboard navigation on your most important pages
Bottom line
Accessibility is good for users, good for SEO, and increasingly required by law. Start with an automated scan to find the obvious issues, then do manual testing for the rest.
Run a free Foglift scan to see your accessibility score and get specific recommendations.