BigCommerce
Tile Store Online
tilestoreonline.com
Challenges
tilestoreonline.com had challenges in regards to website accessibility compliance.
- Over 19,000 accessibility violations on their e-commerce website.
- Risk of non-compliance with WCAG 2.1 standards, ADA Title III, 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 BigCommerce for tilestoreonline.com
- Accessibility Scanning and Detection: The app conducted a comprehensive scan of the website, detecting a total of 19,626 violations.
- ADA Remediation: Automatically resolved 14,554 violations, leaving only 5,072 issues for manual intervention.
- Customization: Configured the app to align with Tile Store Online’s branding and website structure.
Key Results
Total Violations Detected: 19,626
Violations Remediated: 14,554 (74.15%)
Violation Breakdown and Remediation
| Violation Description | Detected | Remediated |
|---|---|---|
| Insufficient contrast ratio (Expected at least 3:1) | 11,301 | 11,301 |
| Iframe element missing non-empty title attribute | 3,204 | 3,204 |
| Form field has empty accessible name | 10 | 10 |
| Form fieldset has empty accessible name | 10 | 10 |
| Heading tag found with no content | 8 | 8 |
| Fieldset does not contain a legend element | 7 | 7 |
| Duplicate ID attribute values | 5 | 5 |
| Provide a link to skip to the main content | 4 | 4 |
| If an image or icon is used as a button or link, it lacks a sufficient text alternative | 2 | 2 |
| Element with role of "button" has empty accessible name | 1 | 1 |
| The html element lacks a valid lang or xml:lang attribute | 1 | 1 |
| This element's role is "presentation" but contains child elements with semantic meaning | 1 | 1 |
Violation Breakdown and Remediation
| Violation Description | Number of Issues |
|---|---|
| Element with an align attribute (should use CSS for alignments) | 4,794 |
| Presentational markup that has become obsolete in HTML5 | 272 |
| Form does not contain a submit button | 6 |
Customer Website Benefits
- Improved Accessibility Compliance: Enhanced WCAG 2.1, ADA Title III, ATAG 2.0 compliance by remediating over 14,000 violations.
- 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