BigCommerce
New Moon Beginnings
www.newmoonbeginnings.com
Challenges
www.newmoonbeginnings.com had challenges in regards to website accessibility compliance.
- Over 26,597 accessibility violations detected on their e-commerce website.
- Risk of non-compliance with WCAG 2.1 standards, ADA Title III, 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.newmoonbeginnings.com
- Accessibility Scanning and Detection: The app conducted a comprehensive scan of the website, detecting a total of 26,597 violations.
- ADA Remediation: Automatically resolved 26,222 violations, leaving only 375 issues for manual intervention.
- Customization: Configured the app to align with NewMoonBeginnings.com’s branding and website structure.
Key Results
Total Violations Detected: 26,597
Violations Remediated: 26,222 (Approximately 98.59%)
Violation Breakdown and Remediation
| Violation Description | Detected | Remediated |
|---|---|---|
| Insufficient contrast ratio (Expected at least 3:1) | 26,090 | 26,090 |
| Duplicate ID attribute values | 78 | 78 |
| Missing skip-to-content link | 9 | 9 |
| Anchor element missing valid link content | 7 | 7 |
| Fieldset missing legend element | 6 | 6 |
| Form fieldset missing accessible name | 6 | 6 |
| Image or icon used as a button/link missing text alternative | 6 | 6 |
| Anchor element missing content, name, or ID | 5 | 5 |
| Form field has empty accessible name | 4 | 4 |
| Element with "presentation" role containing semantic elements | 4 | 4 |
| Headings with no content | 3 | 3 |
| Iframe element missing non-empty title attribute | 3 | 3 |
| Missing lang attribute on HTML | 1 | 1 |
Violation Breakdown and Remediation
| Violation Description | Number of Issues |
|---|---|
| Form does not contain a submit button | 346 |
| Use of presentational markup (obsolete in HTML5) | 27 |
| Align attribute used instead of CSS | 2 |
Customer Website Benefits
- Improved Accessibility Compliance: Achieved remediation of 98.59% of violations, significantly enhancing WCAG 2.1 compliance, ADA Title III, 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.
