Accessibility
· 11 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.F404 Error PageActionHTTP 404, bare pageFIX
FFavicon & BrandingAction2 icon(s) detectedFIX
DDark Mode SupportActionNo dark mode signalsFIX
Detection limited to meta tags and inline styles.
DPrint StylesheetActionNo print stylesFIX
BTap Target Adequacy3 tap target(s) too small or too close togetherREVIEW
BWeb ManifestValid manifestREVIEW
CLighthouse Accessibility AuditsActionScore 74/100 — 5 failing, 15 passedREVIEW
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Names and labels
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.bottom-header > div.container > nav.main-menu > button.btn-menu div.bottom-header > div.container > nav.main-menu > button.btn-menu |
div.col-12 > div.product-carousel > div.owl-nav > button.owl-prev div.col-12 > div.product-carousel > div.owl-nav > button.owl-prev |
div.col-12 > div.product-carousel > div.owl-nav > button.owl-next div.col-12 > div.product-carousel > div.owl-nav > button.owl-next |
div.col-12 > div.product-carousel > div.owl-nav > button.owl-prev div.col-12 > div.product-carousel > div.owl-nav > button.owl-prev |
div.col-12 > div.product-carousel > div.owl-nav > button.owl-next div.col-12 > div.product-carousel > div.owl-nav > button.owl-next |
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
div.col-12 > div.product-carousel > div.owl-nav > button.owl-prev div.col-12 > div.product-carousel > div.owl-nav > button.owl-prev |
div.col-12 > div.product-carousel > div.owl-nav > button.owl-next div.col-12 > div.product-carousel > div.owl-nav > button.owl-next |
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.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.row > div.col-lg-2 > div.logo-area > a div.row > div.col-lg-2 > div.logo-area > a |
nav.main-menu > div.side-menu > div.logo-nav-res > a nav.main-menu > div.side-menu > div.logo-nav-res > a |
section#main-slider-res > div.carousel-inner > div.carousel-item > a.main-slider-slide section#main-slider-res > div.carousel-inner > div.carousel-item > a.main-slider-slide |
div.row > div.col-xl-10 > section#main-slider-res > a.carousel-control-prev div.row > div.col-xl-10 > section#main-slider-res > a.carousel-control-prev |
div.row > div.col-xl-10 > section#main-slider-res > a.carousel-control-next div.row > div.col-xl-10 > section#main-slider-res > a.carousel-control-next |
div.owl-item > div.item > div.amazing-product > a div.owl-item > div.item > div.amazing-product > a |
footer.modern-footer > div.container > div.footer-social > a footer.modern-footer > div.container > div.footer-social > a |
footer.modern-footer > div.container > div.footer-social > a footer.modern-footer > div.container > div.footer-social > a |
footer.modern-footer > div.container > div.footer-social > a footer.modern-footer > div.container > div.footer-social > a |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Contrast
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
ورود | ثبتنام ul.nav > li.nav-item > a.nav-link > span.label-dropdown |
div.side-menu > div.search-box-side-menu > form#mobileSearchForm > input#mobileSearchInput div.side-menu > div.search-box-side-menu > form#mobileSearchForm > input#mobileSearchInput |
طناب div.item > div.product-card > div.product-card-body > a.product-meta |
These are opportunities to improve the legibility of your content.
Navigation
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
کوله پشتی Pekynew Tabriz 20L پکینیو div.item > div.product-card > div.product-card-body > h5.product-title |
طناب div.item > div.product-card > div.product-card-body > h5.product-title |
These are opportunities to improve keyboard navigation in your application.
Best practices
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot div.col-12 > div.product-carousel > div.owl-dots > button.owl-dot |
These items highlight common accessibility best practices.