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 website.
- Auto-Remediation: Automatically fixed most accessibility barriers, reducing manual effort.
- Automated Accessibility Reporting: Provided insights into barriers and remediation status.
- Automated Compliance Monitoring: Helped ensure ongoing adherence to accessibility standards.
Fixes Implemented
The All in One Accessibility app integrated on Shopify for www.mykids-usa.com
- Accessibility Scanning and Findings: The app conducted a comprehensive scan of the website, detecting a total of 21,143 accessibility barriers.
- ADA Remediation: Automatically resolved 21,086 barriers, leaving only 57 barriers for manual intervention.
- Customization: Configured the app to align with MyKids-USA.com’s branding and website structure.
Key Results
Total Accessibility Findings: 21,143
Barriers Successfully Resolved: 21,086
Accessibility Findings and Remediation Summary
| Accessibility Finding Description | Barriers Identified | Remediated |
|---|---|---|
| Duplicate ID attribute values | 15,933 | 15,933 |
| Insufficient contrast ratio (Expected at least 3:1) | 3,225 | 3,225 |
| Element with role of "button" has empty accessible name | 1,632 | 1,632 |
| Anchor element missing valid link content | 184 | 184 |
| Form field has empty accessible name | 57 | 57 |
| Headings with no content | 37 | 37 |
| Image or icon used as a button/link missing text alternative | 11 | 11 |
| All img tags must have alt attributes | 1 | 1 |
| Iframe element missing non-empty title attribute | 3 | 3 |
| Missing skip-to-content link | 3 | 3 |
Accessibility Findings and Remediation Summary
| Accessibility Finding Description | Number of barriers |
|---|---|
| Form does not contain a submit button | 51 |
| Use of presentational markup (obsolete in HTML5) | 6 |
Customer Website Benefits
- Improved Accessibility Compliance: Achieved remediation of 99.73% of barriers, significantly enhancing WCAG 2.1 compliance, Section 508, ADA Title III.
- 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.
