β
Accessibility Report for https://caofb.com/cosmetology/
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-attr Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. Learn how to match ARIA attributes to their roles. |
0 | ["div.wrapper > div.testimonial-slideshow > ul.slick-dots > li#slick-slide02"] |
|
| 🔺aria-hidden-focus Focusable descendents within an `[aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. Learn how `aria-hidden` affects focusable elements. |
0 | ["div.wrapper > div.testimonial-slideshow > ul.slick-dots > li#slick-slide00","div.wrapper > div.testimonial-slideshow > ul.slick-dots > li#slick-slide01"] |
|
| 🔺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.wrapper > div.testimonial-slideshow > div.slick-list > div.slick-track"] |
|
| 🔺aria-required-children Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. Learn more about roles and required children elements. |
0 | ["section#content-5 > div.wrapper > div.testimonial-slideshow > ul.slick-dots"] |
|
| 🔺aria-roles ARIA roles must have valid values in order to perform their intended accessibility functions. Learn more about valid ARIA roles. |
0 | ["section#content-17 > div.wrapper > div#sb_instagram > div#sbi_images"] |
|
| 🔺color-contrast Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast. |
0 | ["div.wrapper > div.caption > div.copy > h2.mobileColorSwap","div.sb_instagram_header > a.sbi_header_link > div.sbi_header_text > h3","div.sb_instagram_header > div.sbi_header_bar > p.sbi_bio_info > span.sbi_posts_count","div.sb_instagram_header > div.sbi_header_bar > a.sbi_header_follow_btn > span"] |
|
| 🔺link-name Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible. |
0 | ["div#header > div.wrapper > div.logo > a","div#header > div.wrapper > div.cta > a.menu","div#sbi_17935255076669765 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18023288170532234 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17977840478189126 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18024794062472479 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17963818757400612 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17973029852082105 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17970388424128746 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17978077751162847 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17974639799278714 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18213933136227637 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18011611240581455 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18078923689346910 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18053932003396614 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17857054721906207 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17868813626876898 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17882007419776426 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17981996593972080 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18177762784259693 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_17994440392775232 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div#sbi_18273477286112204 > div.sbi_inner_wrap > div.sbi_photo_wrap > a.sbi_photo","div.wrapper > div#column-1 > p > a"] |
|
| 🔺list Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. Learn more about proper list structure. |
0 | ["section#content-18 > div.switcher > div.addresses > ul"] |