79 barriers found on the web page

Disclaimer

Please note that the automatic score is based on tests carried out automatically. About 20% of the conceivable tests can be automated, and the tool covers a part of these tests. The score from user tests are based on a limited set of questions and will also not cover all possible tests. Therefore, the evaluated pages may contain barriers not reported by any of the tools. For reference see the list of. currently implemented tests. Full disclaimer.

Result Details

Show

Applied Automatic Tests

Select a test to display the details

Test Detail: Images must have alternate text (image-alt)

(Test for Success Criterion 1.1.1: Non-text Content:)

Verification required Ensures <img> elements have alternate text or a role of none or presentation (8 occurences)

Test Detail: <video> elements must have captions (video-caption)

(Test for Success Criterion 1.2.2: Captions (Prerecorded))

Verification required Ensures <video> elements have captions (2 occurences)
  1. Path: iframe:nth-child(19)
    Heading
    Code
    Code extract
    <video tabindex="-1" class="video-stream html5-main-video" controlslist="nodownload" style="width: 400px; height: 225px; left: 0px; top: -225px;"></video>
  2. Path: iframe:nth-child(21)
    Heading
    Code
    Code extract
    <video tabindex="-1" class="video-stream html5-main-video" controlslist="nodownload" style="width: 400px; height: 225px; left: 0px; top: -225px;"></video>

Test Detail: <video> elements must have an audio description track (video-description)

(Test for Success Criterion 1.2.5: Audio Description (Prerecorded))

Verification required Ensures <video> elements have audio descriptions (2 occurences)
  1. Path: iframe:nth-child(19)
    Heading
    Code
    Code extract
    <video tabindex="-1" class="video-stream html5-main-video" controlslist="nodownload" style="width: 400px; height: 225px; left: 0px; top: -225px;"></video>
  2. Path: iframe:nth-child(21)
    Heading
    Code
    Code extract
    <video tabindex="-1" class="video-stream html5-main-video" controlslist="nodownload" style="width: 400px; height: 225px; left: 0px; top: -225px;"></video>

Test Detail: Certain ARIA roles must contain particular children (aria-required-children)

(Test for Success Criterion 1.3.1: Info and Relationships)

Verification required Ensures elements with an ARIA role that require child roles contain them (19 occurences)

Test Detail: Certain ARIA roles must be contained by particular parents (aria-required-parent)

(Test for Success Criterion 1.3.1: Info and Relationships)

Verification required Ensures elements with an ARIA role that require parent roles are contained by them (19 occurences)

Test Detail: <li> elements must be contained in a <ul> or <ol> (listitem)

(Test for Success Criterion 1.3.1: Info and Relationships)

Verification required Ensures <li> elements are used semantically (64 occurences)

Test Detail: <ul> and <ol> must only directly contain <li>, <script> or <template> elements (list)

(Test for Success Criterion 1.3.1: Info and Relationships)

Verification required Ensures that lists are structured correctly (9 occurences)

Test Detail: Form elements must have labels (label)

(Test for Success Criterion 1.3.1, 3.3.2: Info and Relationships)

Verification required Ensures every form element has a label (2 occurences)
  1. Path: #edit-keys
    Heading
    Code
    Code extract
    <input type="text" name="keys" id="edit-keys" class="form-control ui-autocomplete-input" placeholder="Ellos, Hotels, Bubbleroom..." autocomplete="off">
    Problems
    * Fix any of these: Form element does not have an explicit <label>; aria-label attribute does not exist or is empty; Form element does not have an implicit (wrapped) <label>; Element has no title attribute or the title attribute is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
  2. Path: #edit-email
    Heading
    Code
    Code extract
    <input placeholder="din@epost.se" class="form-control form-email" data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254">
    Problems
    * Fix any of these: Form element does not have an explicit <label>; aria-label attribute does not exist or is empty; Form element does not have an implicit (wrapped) <label>; Element has no title attribute or the title attribute is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
Verification required Ensures every form element has a label (1 occurrence)

Test Detail: ARIA roles used must conform to valid values (aria-roles)

(Test for Success Criterion 1.3.1, 4.1.1, 4.1.2: Info and Relationships)

Verification required Ensures all elements with a role attribute use a valid value (19 occurences)

Test Detail: ARIA attributes must conform to valid values (aria-valid-attr-value)

(Test for Success Criterion 1.3.1, 4.1.1, 4.1.2: Info and Relationships)

Verification required Ensures all ARIA attributes have valid values (21 occurences)

Test Detail: Elements must have sufficient color contrast (color-contrast)

(Test for Success Criterion 1.4.3: Contrast (Minimum))

Verification required Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (73 occurences)
  1. Path: .dropdown.hidden-xs:nth-child(1) > a[href="#"][data-toggle="dropdown"][role="button"]
    Heading
    Code
    Code extract
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Kategorier <span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.28 (foreground color: #7a7a7a, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  2. Path: .dropdown.hidden-xs:nth-child(2) > a[href="#"][data-toggle="dropdown"][role="button"]
    Heading
    Code
    Code extract
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Favoriter <span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.28 (foreground color: #7a7a7a, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  3. Path: a[href$="hostrea"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/hostrea" data-drupal-link-system-path="node/17864">Höstrea!</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.28 (foreground color: #7a7a7a, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  4. Path: .promotions-heading > h2
    Heading
    Code
    Code extract
    <h2>Giltiga Zalando rabattkoder och erbjudanden under oktober 2018</h2>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.64 (foreground color: #828282, background color: #f8f9fa, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  5. Path: .goto
    Heading
    Code
    Code extract
    <a href="https://www.zalando.se/" target="_blank" class="goto btn" title="Zalando">
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #7f8c8d, background color: #ffffff, font size: 6.8pt, font weight: bold). Expected contrast ratio of 4.5:1.
  6. Path: #promo-36538 > .partner-logo > .inner > .field--name-field-type.field
    Heading
    Code
    Code extract
    <div class="field field--name-field-type">För alla</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #ffffff, background color: #3498db, font size: 7.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  7. Path: #promo-36538 > .offer-details > .inner > header > .partner-flagdate > .unknown.field-name-field-to.field-to-formatted > time
    Heading
    Code
    Code extract
    <time class="datetime">Obekräftat slutdatum</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  8. Path: .feature[href$="zalando#promo-36538"][data-goto="\/rabattkod\/goto\/36538"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/zalando#promo-36538" class="btn-reveal feature click-reveal" data-goto="/rabattkod/goto/36538" rel="nofollow" target="_blank">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.53 (foreground color: #ffffff, background color: #6cb524, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  9. Path: a[aria-controls="terms-collapse-promotion-36538"]
    Heading
    Code
    Code extract
    <a class="terms-toggle" data-toggle="collapse" href="#terms-collapse-promotion-36538" aria-expanded="false" aria-controls="terms-collapse-promotion-36538">Villkor<span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  10. Path: #promo-36538 > .offer-details > .inner > .additional-info > .goto-partner
    Heading
    Code
    Code extract
    <div class="goto-partner">| Visa alla <div class="field field--name-field-partner field--type-entity-reference field--label-hidden field__item"><a href="/rabattkod/zalando" hreflang="sv">Zalando</a></div> rabattkoder</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  11. Path: #promo-36538 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="zalando"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/zalando" hreflang="sv">Zalando</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  12. Path: #promo-33683 > .partner-logo > .inner > .field--name-field-type.field
    Heading
    Code
    Code extract
    <div class="field field--name-field-type">Erbjudande</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #ffffff, background color: #3498db, font size: 7.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  13. Path: #promo-33683 > .offer-details > .inner > header > .partner-flagdate > .unknown.field-name-field-to.field-to-formatted > time
    Heading
    Code
    Code extract
    <time class="datetime">Obekräftat slutdatum</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  14. Path: .offer[href$="zalando#promo-33683"][data-goto="\/rabattkod\/goto\/33683"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/zalando#promo-33683" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/33683" rel="nofollow" target="_blank">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.53 (foreground color: #ffffff, background color: #6cb524, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  15. Path: a[aria-controls="terms-collapse-promotion-33683"]
    Heading
    Code
    Code extract
    <a class="terms-toggle" data-toggle="collapse" href="#terms-collapse-promotion-33683" aria-expanded="false" aria-controls="terms-collapse-promotion-33683">Villkor<span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  16. Path: #promo-33683 > .offer-details > .inner > .additional-info > .goto-partner
    Heading
    Code
    Code extract
    <div class="goto-partner">| Visa alla <div class="field field--name-field-partner field--type-entity-reference field--label-hidden field__item"><a href="/rabattkod/zalando" hreflang="sv">Zalando</a></div> rabattkoder</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  17. Path: #promo-33683 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="zalando"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/zalando" hreflang="sv">Zalando</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  18. Path: .pull-right > a[href$="privacy"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/privacy">integritetspolicy</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.23 (foreground color: #0093cc, background color: #f9f7ed, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  19. Path: #promo-39715 > .partner-logo > .inner > .field--name-field-type.field
    Heading
    Code
    Code extract
    <div class="field field--name-field-type">Rabattkod</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.19 (foreground color: #ffffff, background color: #f39c12, font size: 7.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  20. Path: #promo-39715 > .offer-details > .inner > header > .partner-flagdate > .label.label-exclusive
    Heading
    Code
    Code extract
    <span class="label label-exclusive">Exklusiv</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.82 (foreground color: #e74c3c, background color: #ffffff, font size: 6.0pt, font weight: bold). Expected contrast ratio of 4.5:1.
  21. Path: time[datetime="\32 018-10-18T21\:59\:59"]
    Heading
    Code
    Code extract
    <time datetime="2018-10-18T21:59:59" class="datetime">Giltig till och med torsdag, 18 oktober 2018</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  22. Path: .btn-reveal.voucher-code[data-goto="\/rabattkod\/goto\/39715"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/stayhard#promo-39715" class="btn-reveal voucher-code click-reveal" data-goto="/rabattkod/goto/39715" rel="nofollow" target="_blank">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.53 (foreground color: #ffffff, background color: #6cb524, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  23. Path: a[aria-controls="terms-collapse-promotion-39715"]
    Heading
    Code
    Code extract
    <a class="terms-toggle" data-toggle="collapse" href="#terms-collapse-promotion-39715" aria-expanded="false" aria-controls="terms-collapse-promotion-39715">Villkor<span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  24. Path: #promo-39715 > .offer-details > .inner > .additional-info > .goto-partner
    Heading
    Code
    Code extract
    <div class="goto-partner">| Visa alla <div class="field field--name-field-partner field--type-entity-reference field--label-hidden field__item"><a href="/rabattkod/stayhard" hreflang="sv">Stayhard</a></div> rabattkoder</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  25. Path: a[href$="stayhard"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/stayhard" hreflang="sv">Stayhard</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  26. Path: #promo-37950 > .partner-logo > .inner > .field--name-field-type.field
    Heading
    Code
    Code extract
    <div class="field field--name-field-type">Rabattkod</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.19 (foreground color: #ffffff, background color: #f39c12, font size: 7.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  27. Path: #promo-37950 > .offer-details > .inner > header > .partner-flagdate > .label.label-exclusive
    Heading
    Code
    Code extract
    <span class="label label-exclusive">Exklusiv</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.82 (foreground color: #e74c3c, background color: #ffffff, font size: 6.0pt, font weight: bold). Expected contrast ratio of 4.5:1.
  28. Path: #promo-37950 > .offer-details > .inner > header > .partner-flagdate > .valid.field-name-field-to.field-to-formatted > time[datetime="\32 018-10-31T22\:59\:59"]
    Heading
    Code
    Code extract
    <time datetime="2018-10-31T22:59:59" class="datetime">Giltig till och med onsdag, 31 oktober 2018</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  29. Path: .offer-details > .inner > .field--name-body.field--type-text-with-summary.text-formatted > p
    Heading
    Code
    Code extract
    <p>Gäller för nya kunder.</p>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 9.0pt, font weight: normal). Expected contrast ratio of 4.5:1.
  30. Path: .btn-reveal.voucher-code[data-goto="\/rabattkod\/goto\/37950"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/bubbleroom#promo-37950" class="btn-reveal voucher-code click-reveal" data-goto="/rabattkod/goto/37950" rel="nofollow" target="_blank">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.53 (foreground color: #ffffff, background color: #6cb524, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  31. Path: a[aria-controls="terms-collapse-promotion-37950"]
    Heading
    Code
    Code extract
    <a class="terms-toggle" data-toggle="collapse" href="#terms-collapse-promotion-37950" aria-expanded="false" aria-controls="terms-collapse-promotion-37950">Villkor<span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  32. Path: #promo-37950 > .offer-details > .inner > .additional-info > .goto-partner
    Heading
    Code
    Code extract
    <div class="goto-partner">| Visa alla <div class="field field--name-field-partner field--type-entity-reference field--label-hidden field__item"><a href="/rabattkod/bubbleroom" hreflang="sv">Bubbleroom</a></div> rabattkoder</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  33. Path: a[href$="bubbleroom"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/bubbleroom" hreflang="sv">Bubbleroom</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  34. Path: #promo-37867 > .partner-logo > .inner > .field--name-field-type.field
    Heading
    Code
    Code extract
    <div class="field field--name-field-type">Rabattkod</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.19 (foreground color: #ffffff, background color: #f39c12, font size: 7.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  35. Path: #promo-37867 > .offer-details > .inner > header > .partner-flagdate > .unknown.field-name-field-to.field-to-formatted > time
    Heading
    Code
    Code extract
    <time class="datetime">Obekräftat slutdatum</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  36. Path: .btn-reveal[href$="nelly#promo-37867"][data-goto="\/rabattkod\/goto\/37867"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/nelly#promo-37867" class="btn-reveal voucher-code click-reveal" data-goto="/rabattkod/goto/37867" rel="nofollow" target="_blank">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.53 (foreground color: #ffffff, background color: #6cb524, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  37. Path: a[aria-controls="terms-collapse-promotion-37867"]
    Heading
    Code
    Code extract
    <a class="terms-toggle" data-toggle="collapse" href="#terms-collapse-promotion-37867" aria-expanded="false" aria-controls="terms-collapse-promotion-37867">Villkor<span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  38. Path: #promo-37867 > .offer-details > .inner > .additional-info > .goto-partner
    Heading
    Code
    Code extract
    <div class="goto-partner">| Visa alla <div class="field field--name-field-partner field--type-entity-reference field--label-hidden field__item"><a href="/rabattkod/nelly" hreflang="sv">Nelly</a></div> rabattkoder</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  39. Path: a[href$="nelly"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/nelly" hreflang="sv">Nelly</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  40. Path: #promo-37297 > .partner-logo > .inner > .field--name-field-type.field
    Heading
    Code
    Code extract
    <div class="field field--name-field-type">Rabattkod</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.19 (foreground color: #ffffff, background color: #f39c12, font size: 7.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  41. Path: #promo-37297 > .offer-details > .inner > header > .partner-flagdate > .label.label-exclusive
    Heading
    Code
    Code extract
    <span class="label label-exclusive">Exklusiv</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.82 (foreground color: #e74c3c, background color: #ffffff, font size: 6.0pt, font weight: bold). Expected contrast ratio of 4.5:1.
  42. Path: #promo-37297 > .offer-details > .inner > header > .partner-flagdate > .valid.field-name-field-to.field-to-formatted > time[datetime="\32 018-10-31T22\:59\:59"]
    Heading
    Code
    Code extract
    <time datetime="2018-10-31T22:59:59" class="datetime">Giltig till och med onsdag, 31 oktober 2018</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  43. Path: .btn-reveal[href$="adidas#promo-37297"][data-goto="\/rabattkod\/goto\/37297"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/adidas#promo-37297" class="btn-reveal voucher-code click-reveal" data-goto="/rabattkod/goto/37297" rel="nofollow" target="_blank">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.53 (foreground color: #ffffff, background color: #6cb524, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  44. Path: a[aria-controls="terms-collapse-promotion-37297"]
    Heading
    Code
    Code extract
    <a class="terms-toggle" data-toggle="collapse" href="#terms-collapse-promotion-37297" aria-expanded="false" aria-controls="terms-collapse-promotion-37297">Villkor<span class="caret"></span></a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  45. Path: #promo-37297 > .offer-details > .inner > .additional-info > .goto-partner
    Heading
    Code
    Code extract
    <div class="goto-partner">| Visa alla <div class="field field--name-field-partner field--type-entity-reference field--label-hidden field__item"><a href="/rabattkod/adidas" hreflang="sv">adidas</a></div> rabattkoder</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.55 (foreground color: #95a5a6, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  46. Path: a[href$="adidas"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/adidas" hreflang="sv">adidas</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  47. Path: p:nth-child(13) > a:nth-child(1)
    Heading
    Code
    Code extract
    <a href="http://www.aftonbladet.se/rabattkod/studenten">Studenten</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  48. Path: p:nth-child(13) > a:nth-child(2)
    Heading
    Code
    Code extract
    <a href="http://www.aftonbladet.se/rabattkod/morsdag">Mors Dag</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  49. Path: a:nth-child(3)
    Heading
    Code
    Code extract
    <a href="http://www.aftonbladet.se/rabattkod/fars-dag">Fars Dag</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  50. Path: p:nth-child(15) > a
    Heading
    Code
    Code extract
    <a href="http://www.aftonbladet.se/rabattkod/black-friday">Black Friday</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  51. Path: a[hreflang="no"]
    Heading
    Code
    Code extract
    <a href="https://www.vg.no/rabattkode/zalando" hreflang="no">Zalando rabattkode</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  52. Path: a[hreflang="pl"]
    Heading
    Code
    Code extract
    <a href="https://kod.rabatowy.pl/zalando" hreflang="pl">Promocje i kody rabatowe Zalando</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  53. Path: :root
    Heading
    Code
    Code extract
    <a href="/rabattkod/bilv%C3%A5rdskungen" hreflang="sv">Bilvårdskungen</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  54. Path: a[href$="megabillig"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/megabillig" hreflang="sv">Megabillig</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  55. Path: a[href$="tyg.se"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tyg.se" hreflang="sv">Tyg.se</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  56. Path: :root
    Heading
    Code
    Code extract
    <a href="/rabattkod/fyrkl%C3%B6vern" hreflang="sv">Fyrklövern</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  57. Path: a[href$="heymo"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/heymo" hreflang="sv">Heymo</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  58. Path: a[href$="hemsida24"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/hemsida24" hreflang="sv">Hemsida24</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  59. Path: a[href$="viasat"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/viasat" hreflang="sv">Viasat</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  60. Path: a[href$="hickap"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/hickap" hreflang="sv">Hickap</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  61. Path: a[href$="viator"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/viator" hreflang="sv">Viator</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  62. Path: a[href$="esterbeds"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/esterbeds" hreflang="sv">Ester Beds</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  63. Path: a[href$="globaltools"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/globaltools" hreflang="sv">Global Tools</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  64. Path: a[href$="apohem"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/apohem" hreflang="sv">Apohem</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  65. Path: a[href$="artiks"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/artiks" hreflang="sv">Artiks</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  66. Path: a[href$="simplefeast"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/simplefeast" hreflang="sv">Simple Feast</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  67. Path: :root
    Heading
    Code
    Code extract
    <a href="/rabattkod/lyxf%C3%B6nster" hreflang="sv">Lyxfönster</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 10.1pt, font weight: normal). Expected contrast ratio of 4.5:1.
  68. Path: .field--name-field-site-url > a[href$="zalando.se/"]
    Heading
    Code
    Code extract
    <a href="https://www.zalando.se/">https://www.zalando.se/</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  69. Path: a[href$="rabattkod/"][itemprop="item"] > span[itemprop="name"]
    Heading
    Code
    Code extract
    <span itemprop="name">Rabattkoder</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.29 (foreground color: #7f8c8d, background color: #f8f9fa, font size: 9.0pt, font weight: normal). Expected contrast ratio of 4.5:1.
  70. Path: a[itemprop="item"][href$="zalando"] > span[itemprop="name"]
    Heading
    Code
    Code extract
    <span itemprop="name"> Zalando </span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.29 (foreground color: #7f8c8d, background color: #f8f9fa, font size: 9.0pt, font weight: normal). Expected contrast ratio of 4.5:1.
  71. Path: label > a
    Heading
    Code
    Code extract
    <a href="https://www.aftonbladet.se/rabattkod/privacy">personuppgiftspolicy</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.47 (foreground color: #0093cc, background color: #ffffff, font size: 8.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  72. Path: #edit-submit
    Heading
    Code
    Code extract
    <input class="btn btn-block button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Anmäl mig!">
    Problems
    * Fix any of these: Element has insufficient color contrast of 2.86 (foreground color: #ffffff, background color: #5aac0c, font size: 11.3pt, font weight: normal). Expected contrast ratio of 4.5:1.
  73. Path: .inner > .list-pills > li > a
    Heading
    Code
    Code extract
    <a href="/rabattkod/kategori/mode-klader-skor">Mode, kläder och skor</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.16 (foreground color: #0093cc, background color: #f2f5f5, font size: 8.8pt, font weight: normal). Expected contrast ratio of 4.5:1.
Verification required Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (5 occurences)
  1. Path: .click-reveal[data-goto="\/rabattkod\/goto\/39715"][rel="nofollow"]:nth-child(2) > .btn-reveal-hint
    Heading
    Code
    Code extract
    <span class="btn-reveal-hint">…AFT2</span>
  2. Path: .click-reveal[data-goto="\/rabattkod\/goto\/37950"][rel="nofollow"]:nth-child(2) > .btn-reveal-hint
    Heading
    Code
    Code extract
    <span class="btn-reveal-hint">…AFT1</span>
  3. Path: a[href$="nelly#promo-37867"][data-goto="\/rabattkod\/goto\/37867"][rel="nofollow"]:nth-child(2) > .btn-reveal-hint
    Heading
    Code
    Code extract
    <span class="btn-reveal-hint">…LAST</span>
  4. Path: a[href$="adidas#promo-37297"][data-goto="\/rabattkod\/goto\/37297"][rel="nofollow"]:nth-child(2) > .btn-reveal-hint
    Heading
    Code
    Code extract
    <span class="btn-reveal-hint">…Raba</span>
  5. Path: label
    Heading
    Code
    Code extract
    <label for="edit-privacy" class="option js-form-required form-required">Jag godkänner <a href="https://www.aftonbladet.se/rabattkod/privacy">personuppgiftspolicy</a> för att få relevanta erbjudanden skickade till mig.</label>
Verification required Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (111 occurences)

Test Detail: Zooming and scaling must not be disabled (meta-viewport)

(Test for Success Criterion 1.4.4: Resize text)

Verification required Ensures <meta name="viewport"> does not disable text scaling and zooming (3 occurences)

Test Detail: Page must have means to bypass repeated blocks (bypass)

(Test for Success Criterion 2.4.1: Bypass Blocks)

Verification required Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content (1 occurrence)

Test Detail: Frames must have title attribute (frame-title)

(Test for Success Criterion 2.4.1, 4.1.2: Bypass Blocks)

Verification required Ensures <iframe> and <frame> elements contain a non-empty title attribute (2 occurences)
  1. Path: iframe:nth-child(19)
    Heading
    Code
    Code extract
    <iframe width="400" height="225" src="https://www.youtube-nocookie.com/embed/n1y3hFswAYU?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen="" cd_frame_id_="c726c7289a7711ee9f5c0ae768e2a22d"></iframe>
    Problems
    * Fix any of these: Element has no title attribute or the title attribute is empty; aria-label attribute does not exist or is empty; Element's default semantics were not overridden with role="none"; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible; Element's default semantics were not overridden with role="presentation".
  2. Path: iframe:nth-child(21)
    Heading
    Code
    Code extract
    <iframe width="400" height="225" src="https://www.youtube-nocookie.com/embed/lD0KOEKx30o?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen="" cd_frame_id_="d153497dfecf869f4d32a94d8a20a841"></iframe>
    Problems
    * Fix any of these: Element has no title attribute or the title attribute is empty; aria-label attribute does not exist or is empty; Element's default semantics were not overridden with role="none"; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible; Element's default semantics were not overridden with role="presentation".