Shopify
MyKids-USA
www.mykids-usa.com
Challenges
www.mykids-usa.com had challenges in regards to website accessibility compliance.
- Over 21,143 accessibility violations detected on their e-commerce website.
- Risk of non-compliance with WCAG 2.1 standards, Section 508, ADA Title III 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 Shopify for www.mykids-usa.com
- Accessibility Scanning and Detection: The app conducted a comprehensive scan of the website, detecting a total of 21,143 violations.
- ADA Remediation: Automatically resolved 21,086 violations, leaving only 57 issues for manual intervention.
- Customization: Configured the app to align with MyKids-USA.com’s branding and website structure.
Key Results
Total Violations Detected: 21,143
Violations Remediated: 21,086 (Approximately 99.73%)
Violation Breakdown and Remediation
| Violation Description | Detected | 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 |
Violation Breakdown and Remediation
| Violation Description | Number of Issues |
|---|---|
| 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 violations, 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.
Color Blindness Simulator
Ask our experts any accessibility questionand browse through answered topics.
Learn More
