BigCommerce
Official Band Shirts
www.officialbandshirts.com
Challenges
www.officialbandshirts.com had challenges in regards to website accessibility compliance.
- Over 110,000 accessibility violations on their e-commerce website.
- Risk of non-compliance with WCAG 2.1 standards, ADA violations, Section 508 impacting user experience and inclusivity.
- Limited resources for manually identifying and resolving accessibility issues.
Solution
The All in One Accessibility app was implemented to address these challenges. It offered the following features:
- Automated Accessibility Scanning: Identified violations across the website.
- Auto-Remediation: Automatically fixed most accessibility issues, reducing manual effort.
- Automated Accessibility Reporting: Provided insights into violations and remediation status.
- Automated Compliance Monitoring: Helped ensure ongoing adherence to accessibility standards.
Implementation
The All in One Accessibility app integrated on BigCommerce for www.officialbandshirts.com
- Accessibility Scanning and Detection: The app conducted a comprehensive scan of the website, detecting a total of 110,966 violations.
- ADA Remediation: Automatically resolved 110,955 violations, leaving only 11 issues for manual intervention.
- Customization: Configured the app to align with Official Band Shirts’ branding and website structure.
Key Results
Total Violations Detected: 110,966
Violations Remediated: 110,955 (99.99%)
Violation Breakdown and Remediation
| Violation Description | Detected | Remediated |
|---|---|---|
| Insufficient contrast ratio (Expected at least 3:1) | 39,670 | 39,670 |
| Anchor element missing descriptive link content | 23,431 | 23,431 |
| Iframe element missing non-empty title attribute | 17,798 | 17,798 |
| Button element with empty accessible name | 14,962 | 14,962 |
| Missing alt text for images | 29,585 | 14,792 |
| Button with empty accessible name | 177 | 177 |
| Duplicate ID attribute values | 96 | 96 |
| Missing text alternatives for image links | 11 | 11 |
| Empty form field names | 4 | 4 |
| Missing fieldset legends | 3 | 3 |
| Headings with no content | 3 | 3 |
| Image inside link missing alt text | 2 | 2 |
| Anchor element missing link content or name | 1 | 1 |
| Missing language attribute on HTML | 1 | 1 |
Customer Website Benefits
- Improved Accessibility Compliance: Achieved near-complete remediation of violations, significantly enhancing WCAG 2.1 compliance, ADA violations, Section 508.
- Enhanced User Experience: Website is now more accessible to users, including those relying on assistive technologies.
- Resource Efficiency: Automated remediation reduced manual effort, saving time and resources.
- Inclusive Website: Ensured an inclusive browsing experience for all users.
Color Contrast Checker
Use our free web accessiblity color contrast checker to check your website's color combinations against WCAG A, AA, and AAA requirements.
Learn More
