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 BigCommerce for www.newmoonbeginnings.com
- Accessibility Scanning and Findings: The app conducted a comprehensive scan of the website, detecting a total of 26,597 accessibility barriers.
- ADA Remediation: Automatically resolved 26,222 barriers, leaving only 375 barriers for manual intervention.
- Customization: Configured the app to align with NewMoonBeginnings.com’s branding and website structure.
Key Results
Total Accessibility Findings: 26,597
Barriers Successfully Resolved: 26,222
Accessibility Findings and Remediation Summary
| Accessibility Finding Description | Barriers Identified | 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 |
Accessibility Findings and Remediation Summary
| Accessibility Finding Description | Number of barriers |
|---|---|
| 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 barriers, 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.
