Axe Accessibility Report
Violations
Axe found 5 violations.
Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Learn more- Rule:
color-contrast - Impact:
serious - Tags: WCAG 2 Level AA, WCAG 1.4.3
7 nodes triggered this violation.
<a id="CybotCookiebotDialogBodyEdgeMoreDetailsLink" href="#" class="">Visa detaljer</a><span class="opacity-50">Fortsätt till kassan</span><div style="display: block; white-space: nowrap;">explore</div><div style="display: block; white-space: nowrap;">wedding</div><div style="display: block; white-space: nowrap;">Kollektioner</div><div style="display: block; white-space: nowrap;">OUR</div><input type="email" placeholder="DIN E-POSTADRESS" name="email" required="" class="actual-element" style="padding: 5px 10px 5px 10px; color: #abababff;font-family: Lato;font-size: 12px;line-height: 14px;text-align: left;">Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation
Learn more- Rule:
image-alt - Impact:
critical - Tags: WCAG 2 Level A, WCAG 1.1.1
7 nodes triggered this violation.
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;">Document must have one main landmark
Ensures the document has a main landmark
Learn more- Rule:
landmark-one-main - Impact:
moderate - Tags: Best practice
1 node triggered this violation.
<html lang="sv" style="--vh: 10.24px;">Zooming and scaling must not be disabled
Ensures <meta name="viewport"> does not disable text scaling and zooming
Learn more- Rule:
meta-viewport - Impact:
critical - Tags: Best practice
1 node triggered this violation.
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">All page content must be contained by landmarks
Ensures all page content is contained by landmarks
Learn more- Rule:
region - Impact:
moderate - Tags: Best practice
28 nodes triggered this violation.
<div class="relative"><span class="text-black text-center font-bold text-md lg:text-p uppercase block tracking-widest mb-6 lg:mb-0">Kunglig Hovleverantör</span><img alt="" src="https://cdn.sanity.io/images/kkdykxo2/production/2c8e9d264c438742a6abdcd84746c55854b148fd-888x258.jpg?w=1920&q=75&auto=format" decoding="async" data-nimg="intrinsic" class="mx-auto" srcset="https://cdn.sanity.io/images/kkdykxo2/production/2c8e9d264c438742a6abdcd84746c55854b148fd-888x258.jpg?w=828&q=75&auto=format 1x, https://cdn.sanity.io/images/kkdykxo2/production/2c8e9d264c438742a6abdcd84746c55854b148fd-888x258.jpg?w=1920&q=75&auto=format 2x" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;"><div class="p-3 md:p-12 lg:w-6/12"><div class="relative z-10 text-center mb-8"><h1 class="font-bold text-md lg:text-p w-full uppercase block tracking-widest font-lato mb-0 text-black ">EXKLUSIV SMYCKESBUTIK</h1></div><div class="absolute w-full transform top-1/2 -translate-y-1/2 left-0 hidden xl:flex flex-row flex-wrap items-center justify-between"><div class="relative z-10 text-center mb-12 mt-12 lg:mt-6"><img alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url("blur");"><div class="pt-3 pb-8 text-center image-carousel-block-text lg:text-left lg:px-20 lg:pb-10"><div class="absolute left-0 z-10 flex-row flex-wrap items-center justify-between hidden w-full transform -translate-y-1/2 top-1/2 xl:flex"><div class="relative z-10 text-center mb-12 mt-12 lg:mt-6"><img alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url("blur");"><div class="pt-3 pb-8 text-center image-carousel-block-text lg:text-left lg:px-20 lg:pb-10"><div class="absolute left-0 z-10 flex-row flex-wrap items-center justify-between hidden w-full transform -translate-y-1/2 top-1/2 xl:flex"><div class="relative z-10 text-center mb-12 mt-12 lg:mt-6"><div class="absolute w-full transform top-1/2 -translate-y-1/2 left-0 hidden xl:flex flex-row flex-wrap items-center justify-between"><div class="relative z-10 text-center mb-8"><span class="font-bold text-md lg:text-p w-full uppercase block tracking-widest font-lato mb-0 ">Trending</span></div><div class="absolute left-0 z-10 flex-row flex-wrap items-center justify-between hidden w-full transform -translate-y-1/2 top-1/2 xl:flex"><div class="relative"><div class="absolute w-full transform top-1/2 -translate-y-1/2 left-0 hidden xl:flex flex-row flex-wrap items-center justify-between"><div class="px-3 lg:px-10 xl:px-16 pt-4 md:pt-0 md:w-6/12"><img alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url("blur");"><div class="lg:text-right lg:items-end z-10 text-center flex flex-col items-center w-full lg:w-2/4 xl:w-1/3 py-8 lg:py-20 lg:bg-transparent px-4"><img alt="pieces" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" class="h-full w-full lg:absolute inset-0" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url("blur");"><div class="relative z-10 text-center mb-12 mt-12 lg:mt-6"><div class="absolute w-full transform top-1/2 -translate-y-1/2 left-0 hidden xl:flex flex-row flex-wrap items-center justify-between"><div class="bg-center text-center mt-12 lg:mt-8 py-10 md:py-20 px-4 lg:px-12" style="background-color: rgb(245, 240, 237);"><iframe allowtransparency="true" name="__zoid__imbox_launcher__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly93d3cuZWZ2YWF0dGxpbmcuY29tIn0sIm1ldGFEYXRhIjp7IndpbmRvd1JlZiI6eyJ0eXBlIjoicGFyZW50IiwiZGlzdGFuY2UiOjB9fSwicmVmZXJlbmNlIjp7InR5cGUiOiJyYXciLCJ2YWwiOiJ7XCJ1aWRcIjpcInpvaWQtaW1ib3gtbGF1bmNoZXItdWlkXzUwMGYzYzQ5NDVfbXR1Nm10eTZtam1cIixcImNvbnRleHRcIjpcImlmcmFtZVwiLFwidGFnXCI6XCJpbWJveC1sYXVuY2hlclwiLFwiY2hpbGREb21haW5NYXRjaFwiOlwiaHR0cHM6Ly93aWRnZXQtbGF1bmNoZXIuaW1ib3guaW9cIixcInZlcnNpb25cIjpcIjlfMF84OFwiLFwicHJvcHNcIjp7XCJ1c2VySWRcIjoxMTU2LFwic2V0dGluZ3NcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZW52XCI6XCJwcm9kXCIsXCJvbkNsaWNrXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZTA5Y2NlYjBlNF9tdHU2bXR5Nm1qbVwiLFwibmFtZVwiOlwib25DbGlja1wifX0sXCJvbk1vdXNlZW50ZXJcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9jZTNiN2QwZjgwX210dTZtdHk2bWptXCIsXCJuYW1lXCI6XCJvbk1vdXNlZW50ZXJcIn19LFwicmVnaXN0ZXJXaWRnZXRDYWxsSGFuZGxlclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzc2YmY4MGUxNTBfbXR1Nm10eTZtam1cIixcIm5hbWVcIjpcInJlZ2lzdGVyV2lkZ2V0Q2FsbEhhbmRsZXJcIn19LFwicmVnaXN0ZXJXaWRnZXRSUENIYW5kbGVyXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZDYzMzU4YmZkYV9tdHU2bXR5Nm1qbVwiLFwibmFtZVwiOlwicmVnaXN0ZXJXaWRnZXRSUENIYW5kbGVyXCJ9fSxcImNhbGxXaWRnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8yMjliMWI1MzQxX210dTZtdHk2bWptXCIsXCJuYW1lXCI6XCJjYWxsV2lkZ2V0XCJ9fSxcImNoYW5nZURpbWVuc2lvbnNcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF84Mzg5MWQ0ZTRjX210dTZtdHk2bWptXCIsXCJuYW1lXCI6XCJjaGFuZ2VEaW1lbnNpb25zXCJ9fSxcImNzcE5vbmNlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifX0sXCJleHBvcnRzXCI6e1wiaW5pdFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2ZiYjNhZGY2Y2RfbXR1Nm10eTZtam1cIixcIm5hbWVcIjpcImluaXRcIn19LFwiY2xvc2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF83NWQ5ODM1MjZmX210dTZtdHk2bWptXCIsXCJuYW1lXCI6XCJjbG9zZTo6bWVtb2l6ZWRcIn19LFwiY2hlY2tDbG9zZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzQ0ZDExNzRhZTNfbXR1Nm10eTZtam1cIixcIm5hbWVcIjpcImNoZWNrQ2xvc2VcIn19LFwicmVzaXplXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYmVmNjEzMGIyYV9tdHU2bXR5Nm1qbVwiLFwibmFtZVwiOlwiVmVcIn19LFwib25FcnJvclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzJjMjJiZmM5OGFfbXR1Nm10eTZtam1cIixcIm5hbWVcIjpcImVuXCJ9fSxcInNob3dcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9hMWU4NGI2MjM0X210dTZtdHk2bWptXCIsXCJuYW1lXCI6XCJDZVwifX0sXCJoaWRlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNzMzNDZlZmJkZF9tdHU2bXR5Nm1qbVwiLFwibmFtZVwiOlwiT2VcIn19LFwiZXhwb3J0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMmUxZjUzMTNkM19tdHU2bXR5Nm1qbVwiLFwibmFtZVwiOlwidG5cIn19fX0ifX0__" title="ImBox chat launcher" id="uid_23e9069e08_mtu6mty6mjm" style="background-color: transparent; border: none;">Passed checks
Axe found 15 passing checks.
| Description | Rule | Tags | Nodes |
|---|---|---|---|
| Required ARIA attributes must be provided | aria-required-attr |
WCAG 2 Level A, WCAG 4.1.2 | 101 |
| Certain ARIA roles must be contained by particular parents | aria-required-parent |
WCAG 2 Level A, WCAG 1.3.1 | 101 |
| ARIA roles used must conform to valid values | aria-roles |
WCAG 2 Level A, WCAG 4.1.2 | 101 |
| ARIA attributes must conform to valid names | aria-valid-attr |
WCAG 2 Level A, WCAG 4.1.2 | 121 |
| Elements must have sufficient color contrast | color-contrast |
WCAG 2 Level AA, WCAG 1.4.3 | 182 |
| Documents must have <title> element to aid in navigation | document-title |
WCAG 2 Level A, WCAG 2.4.2 | 1 |
| Heading levels should only increase by one | heading-order |
Best practice | 67 |
| <html> element must have a lang attribute | html-has-lang |
WCAG 2 Level A, WCAG 3.1.1 | 1 |
| <html> element must have a valid value for the lang attribute | html-lang-valid |
WCAG 2 Level A, WCAG 3.1.1 | 1 |
| Images must have alternate text | image-alt |
WCAG 2 Level A, WCAG 1.1.1 | 74 |
| Banner landmark must not be contained in another landmark | landmark-banner-is-top-level |
Best practice | 1 |
| Ensures landmarks are unique | landmark-unique |
Best practice | 2 |
| Page must contain a level-one heading | page-has-heading-one |
Best practice | 1 |
| All page content must be contained by landmarks | region |
Best practice | 1933 |
| lang attribute must have a valid value | valid-lang |
WCAG 2 Level AA, WCAG 3.1.2 | 7 |
Inapplicable checks
Axe found 2 inapplicable checks.
| Description | Rule | Tags |
|---|---|---|
| Main landmark must not be contained in another landmark | landmark-main-is-top-level |
Best practice |
| Document must not have more than one main landmark | landmark-no-duplicate-main |
Best practice |