BigCommerce
Casa Raul Western Wear
casaraulww.com
Challenges
casaraulww.com had challenges in regards to website accessibility compliance.
- Over 23,000 accessibility violations detected on their e-commerce website.
- Risk of non-compliance with WCAG 2.1, 2.2 standards, 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 tilestoreonline.com
- Accessibility Scanning and Detection: The app conducted a comprehensive scan of the website, detecting a total of 23,086 violations.
- ADA Remediation: Automatically resolved 18,236 violations, leaving only 4,850 issues for manual intervention.
- Customization: Configured the app to align with Casa Raul WW’s branding and website structure.
Key Results
Total Violations Detected: 23,086
Violations Remediated: 18,236 (78.98%)
Violation Breakdown and Remediation
| Violation Description | Detected | Remediated |
|---|---|---|
| Iframe element missing non-empty title attribute | 11,205 | 11,205 |
| Insufficient contrast ratio (Expected at least 3:1) | 5,908 | 5,908 |
| The language specified in the lang attribute is not well-formed | 952 | 952 |
| Element with role of "button" has empty accessible name | 68 | 68 |
| This element's role is "presentation" but contains child elements with semantic meaning | 33 | 33 |
| Heading tag found with no content | 19 | 19 |
| All img tags must have alt attributes | 1 | 1 |
| Duplicate ID attribute values | 12 | 12 |
| If an image or icon is used as a button or link, it lacks a sufficient text alternative | 10 | 10 |
| Fieldset does not contain a legend element | 9 | 9 |
| Form fieldset has empty accessible name | 9 | 9 |
| Form field has empty accessible name | 4 | 4 |
| Anchor element found with no link content | 3 | 3 |
| Provide a link to skip to the main content | 1 | 1 |
| The html element lacks a valid lang or xml:lang attribute | 1 | 1 |
| The relationship between td elements and their associated th elements is not defined | 1 | 1 |
Violation Breakdown and Remediation
| Violation Description | Number of Issues |
|---|---|
| Presentational markup that has become obsolete in HTML5 | 4,776 |
| Element with an align attribute (should use CSS for alignments) | 63 |
| Form does not contain a submit button | 5 |
| All img tags must have alt attributes | 6 |
Customer Website Benefits
- Improved Accessibility Compliance: Achieved significant remediation of violations, enhancing WCAG 2.1, 2.2 compliance, 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.
Color Contrast Checker
Use our free web accessiblity color contrast checker to check your website's color combinations against WCAG A, AA, and AAA requirements.
Learn More
