Magento
Dive Right in Scuba
www.diverightinscuba.com
Challenges
www.diverightinscuba.com had challenges in regards to website accessibility compliance.
- Over 41,661 accessibility violations detected on their e-commerce website.
- Risk of non-compliance with WCAG 2.1 standards, ATAG 2.0 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 Magento for www.diverightinscuba.com
- Accessibility Scanning and Detection: The app conducted a comprehensive scan of the website, detecting a total of 41,661 violations.
- ADA Remediation: Automatically resolved 34,529 violations, leaving only 7,132 issues for manual intervention.
- Customization: Configured the app to align with Diverightinscuba.com’s branding and website structure.
Key Results
Total Violations Detected: 41,661
Violations Remediated: 34,529 (Approximately 82.87%)
Violation Breakdown and Remediation
| Violation Description | Detected | Remediated |
|---|---|---|
| Insufficient contrast ratio (Expected at least 3:1) | 31,074 | N/A |
| Duplicate ID attribute values | 1,084 | N/A |
| Form field has empty accessible name | 615 | N/A |
| Missing alt text for images | 1,552 | 1,512 |
| Image or icon used as a button/link missing text alternative | 106 | N/A |
| Button element with empty accessible name | 41 | N/A |
| Headings with no content | 35 | N/A |
| Iframe element missing non-empty title attribute | 30 | N/A |
| Missing skip-to-content link | 8 | N/A |
| Form fieldset missing accessible name | 5 | N/A |
| Anchor element missing valid link content | 4 | N/A |
| Anchor element missing content, name, or ID | 4 | N/A |
| Button with empty accessible name | 4 | N/A |
| Fieldset missing legend element | 3 | N/A |
| Incorrect lang attribute format | 2 | N/A |
| Table structure missing header associations | 2 | N/A |
Violation Breakdown and Remediation
| Violation Description | Number of Issues |
|---|---|
| Form does not contain a submit button | 6,335 |
| Align attribute used instead of CSS | 412 |
| Use of presentational markup (obsolete in HTML5) | 385 |
Customer Website Benefits
- Improved Accessibility Compliance: Achieved remediation of 82.87% of violations, significantly enhancing WCAG 2.1 compliance, ATAG 2.0.
- 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.
Digital Accessibility Starter Kit
Ask our experts any accessibility question and browse through answered topics.
Learn More