Shopify apps extend your store's functionality but many popular apps introduce serious accessibility barriers that can trigger ADA lawsuits, frustrate customers with disabilities, and hurt your conversion rates.
In this guide, you'll learn which common Shopify app categories create accessibility problems, specific apps to avoid or use cautiously, and accessible alternatives that provide the same functionality without the barriers.
Why Apps Break Accessibility
Most Shopify apps are built for visual users without considering accessibility:
- Modals and pop-ups trap keyboard focus
- Custom forms lack proper labels
- Image galleries don't work with screen readers
- Live chat widgets aren't keyboard accessible
- Custom checkouts break WCAG compliance
The Problem:
One accessibility-breaking app can negate all your accessibility work on the rest of your store.
Pop-Up and Email Capture Apps
Why they break accessibility:
- Modals trap keyboard focus
- No way to close pop-up with keyboard
- Screen readers don't announce pop-up appearance
- Overlay blocks access to page content
Apps to avoid or use cautiously:
- Most aggressive pop-up apps
- Apps that trigger pop-ups immediately on page load
- Apps without keyboard close functionality
Accessible alternatives:
- Embedded signup forms (no pop-up)
- Exit-intent pop-ups with proper focus management
- Sidebar email capture (always visible, no modal)
If you must use pop-ups:
- Ensure Escape key closes modal
- Focus returns to trigger element after close
- ARIA live region announces modal appearance
- First interactive element inside modal receives focus
Product Image Gallery Apps
Why they break accessibility:
- Custom zoom features don't work with keyboard
- Image thumbnails missing alt text
- Lightbox modals trap focus
- Navigation arrows mouse-only
Apps to avoid:
- Apps that completely replace Shopify's default image gallery
- Apps using non-standard lightbox libraries
Accessible alternatives:
- Use Shopify's default product image functionality
- Simple image zoom on hover (CSS-based, no JavaScript)
- If custom gallery needed: Test with keyboard and screen reader first
What to look for:
- Keyboard navigation (arrow keys change images)
- Each image has descriptive alt text
- Zoom functions work with keyboard
- Gallery announces current image number ("Image 2 of 5")
Live Chat and Customer Support Apps
Why they break accessibility:
- Chat widget button not keyboard accessible
- Chat window has keyboard focus traps
- Messages not announced to screen readers
- No way to minimize chat with keyboard
Apps to avoid:
- Chat apps with floating bubbles that cover page content
- Apps without keyboard navigation
- Apps that auto-open and block content
Accessible alternatives:
- Email-based support (always accessible)
- Contact forms with proper labels
- Live chat apps that prioritize accessibility (test thoroughly)
If using live chat:
- Widget button must be keyboard accessible
- Messages announced via ARIA live regions
- Escape key closes chat window
- Chat doesn't block access to main content
Product Review Apps
Why they break accessibility:
- Review forms lack proper labels
- Star ratings not keyboard accessible
- Sorting/filtering reviews mouse-only
- Helpful/not helpful buttons require mouse click
Accessible alternatives:
- Shopify's built-in review functionality
- Simple review apps with standard HTML forms
- Apps that provide keyboard alternatives to star ratings
What to look for:
- Star ratings selectable with keyboard (arrow keys or Tab + Space)
- All form fields have visible labels
- Review helpfulness voting works with keyboard
- Filters accessible via keyboard
Countdown Timer and Urgency Apps
Why they break accessibility:
- Timers not announced to screen readers
- Urgency messaging uses color only
- "Limited stock" indicators rely on visual cues alone
Accessible alternatives:
- Text-based urgency messaging
- Timers with text updates (not just visual countdown)
- Genuine stock indicators with clear text
What to look for:
- Timer updates announced periodically to screen readers
- Urgency messages use text, not just color
- Clear text indicating what urgency means
Wishlist and Saved Items Apps
Key issues: "Add to wishlist" buttons not keyboard accessible, icon-only buttons with no text, removal requires mouse.
Look for: Clear button labels (not just heart icons), all functions work with keyboard, updates announced to screen readers.
Size/Color Swatch Apps
Key issues: Color swatches have no text labels, size selections not keyboard accessible, selection state not announced.
Look for: Color swatches include text ("Navy Blue", not just color box), keyboard navigation through all options, screen reader announces changes.
Quick View Apps
Key issues: Quick view modals trap keyboard focus, close button not keyboard accessible, content not announced.
Alternative: Skip quick view entirely (just link to product page) or use native Shopify quick view if theme includes it.
Currency Converter Apps
Key issues: Currency selector not keyboard accessible, price changes not announced to screen readers.
Look for: Standard select dropdown (not custom JavaScript), price updates announced via ARIA live region.
Search and Filter Apps
Key issues: Filter checkboxes not keyboard accessible, search results not announced, "Load more" buttons mouse-only.
Alternative: Shopify's default collection filtering, simple filter apps using standard HTML.
How to Test Apps for Accessibility
Before installing any Shopify app:
1. Check demo store with keyboard only
Can you use all features without a mouse?
2. Test with screen reader
Install NVDA (Windows) or use VoiceOver (Mac). Navigate app features. Are all actions announced clearly?
3. Check focus indicators
Press Tab repeatedly. Can you see which element is focused?
4. Look for color-only information
Does app use color alone to convey meaning?
5. Test modals and overlays
Can you close them with Escape key? Does focus return properly?
If an app fails these tests, look for alternatives.
What to Do If You're Already Using Problem Apps
Option 1: Replace with accessible alternatives
- Research accessible apps in same category
- Test thoroughly before switching
- Migrate data if possible
Option 2: Fix the app's accessibility issues
- Contact app developer (request accessibility fixes)
- Hire developer to add custom fixes
- Monitor for app updates that might break fixes
Option 3: Remove the app if not critical
- Evaluate if functionality is truly necessary
- Consider simpler alternatives
- Less complexity = fewer accessibility issues
Questions to Ask App Developers
Before purchasing a Shopify app, ask developers:
- ✅ "Is your app WCAG 2.1 AA compliant?"
- ✅ "Does your app work with keyboard navigation?"
- ✅ "Have you tested with screen readers?"
- ✅ "Do modals/pop-ups manage focus properly?"
- ✅ "Do you provide accessible alternatives to visual-only features?"
If they can't answer these confidently, reconsider the app.
Need Help Auditing Your Current Apps?
Get a professional Shopify accessibility audit. We'll review your installed apps and identify accessibility issues.
Get a Professional Accessibility Audit →Conclusion
Every Shopify app you install is a potential accessibility risk. Apps that seem harmless can introduce serious WCAG violations that trigger lawsuits or lose sales.
Best practices:
- ✅ Test apps thoroughly before installation
- ✅ Prefer simple apps over feature-heavy ones
- ✅ Choose apps with accessibility documentation
- ✅ Monitor your store after installing new apps
- ✅ Remove apps you're not actively using