Solution
The All in One Accessibility app was implemented to address these challenges. It offered the following features:
- Automated Accessibility Scanning: Identified barriers across the entire website.
- Auto-Remediation: Automatically fixed most accessibility barriers, reducing manual effort.
- Automated Accessibility Reporting: Provided insights into Barriers Identified barriers and their remediation status.
- Automated Compliance Monitoring: Ensured continuous adherence to accessibility standards.
Fixes Implemented
The All in One Accessibility app integrated on BigCommerce for www.studioefabrics.net
- Accessibility Scanning and Findings: The app conducted a thorough scan of the website, detecting a total of 6,222 accessibility barriers.
- ADA Remediation: Automatically resolved 6,182 barriers, leaving only 40 barriers requiring manual intervention.
- Customization: Configured the app to align with studioefabrics.net's branding and website structure.
Key Results
Total Accessibility Findings: 6,222
Barriers Successfully Resolved: 6,182
Accessibility Findings and Remediation Summary
| Accessibility Finding Description | Barriers Identified | Remediated |
|---|---|---|
| Insufficient contrast ratio (Expected at least 3:1) | 3,745 | 3,745 |
| Button element with empty accessible name | 2,141 | 2,141 |
| Missing alt text for images | 161 | 100 |
| Missing text alternatives for image links | 166 | 166 |
| Anchor element missing descriptive link content | 8 | 8 |
| Anchor element missing link content or name | 5 | 5 |
| Headings with no content | 5 | 5 |
| Duplicate ID attribute values | 4 | 4 |
| Empty form field names | 2 | 2 |
| Iframe element missing non-empty title attribute | 2 | 2 |
| Missing field set legends | 1 | 1 |
| Form field set has empty accessible name | 1 | 1 |
| Missing language attribute on HTML | 1 | 1 |
| Element with role "presentation" containing semantic elements | 1 | 1 |
| barriers Requiring Manual Action |
Accessibility Findings and Remediation Summary
| Accessibility Finding Description | Requires Manual Action |
|---|---|
| Element with an align attribute. CSS should be used for alignment. | 37 |
| Form does not contain a submit button. | 3 |
Customer Website Benefits
- Improved Accessibility Compliance: Achieved 99.36% automated remediation, significantly enhancing WCAG 2.1 standards, ADA Title III, ATAG 2.0.
- Enhanced User Experience: Website is now more accessible to users, including those using assistive technologies.
- Resource Efficiency: Automation reduced manual workload, saving time and effort.
- 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
