Accessibility Report for https://www.becandbridge.com/collections/sale
Category Audit = accessibility
Accessibility in Lighthouse refers to an audit that measures how well your web application can be accessed and used by people with disabilities, and how well it complies with the Web Content Accessibility Guidelines (WCAG) standards.
The audit checks a variety of factors, including:
- The presence of text descriptions for images and other elements that cannot be read by screen readers.
- The display of text on a high-contrast background for easy reading.
- The ability to navigate and use the site using only a keyboard, not a mouse.
- The absence of using only color to convey information, which can be problematic for users with color blindness.
- The use of unique and descriptive headings for each page so users can understand the context.
If any accessibility-related issues are found during the audit, Lighthouse provides detailed recommendations and instructions for improving the accessibility of your web application.
Improving accessibility can enhance the usability of your site and expand its audience, including users with disabilities.
| auditthe name of the audit and its description, follow the link for more details | scorethe value of the audit score after the check | valuedetected cause values and check values | details for technician |
|---|---|---|---|
| 🔺aria-allowed-role | 0 | ["div.page-width > div.header-layout > div.header-item > ul.site-nav"] |
|
| 🔺aria-input-field-name When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. Learn more about input field labels. |
0 | ["div.announcement > div.announcement-slider > div.slick-list > div.slick-track"] |
|
| 🔺aria-valid-attr-value Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. Learn more about valid values for ARIA attributes. |
0 | ["div.header-layout > div.header-item > div.site-nav > a.site-nav__link"] |
|
| 🔺color-contrast Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast. |
0 | ["div.page-content > div#snize_results > div.snize-pagination > div.snize-current-page","div.page-content > div#snize_results > div.snize-pagination > a.snize-pagination-prev","div.transition-body > div#shopify-section-smsbump-custom-sms-text > div.smsbump-custom-sms-text > p"] |
|
| 🔺frame-title Screen reader users rely on frame titles to describe the contents of frames. Learn more about frame titles. |
0 | ["body.template-collection > div#merchantverse-iframe-wrapper > iframe#merchantverseiframe"] |
β