82 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

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 (30 occurences)

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 (12 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 (12 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 (48 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 (7 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 (1 occurrence)
  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.

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 (1 occurrence)
  1. Path: .pager
    Heading
    Code
    Code extract
    <nav class="pager" role="navigation" aria-labelledby="pagination-heading">
    Problems
    * Fix all of these: Invalid ARIA attribute value: aria-labelledby="pagination-heading".
Verification required Ensures all ARIA attributes have valid values (17 occurences)

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 (12 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 (68 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: .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.
  5. Path: #promo-10713 > .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.
  6. Path: #promo-10713 > .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.
  7. Path: .btn-reveal[href$="cmore#promo-10713"][data-goto="\/rabattkod\/goto\/10713"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/cmore#promo-10713" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/10713" 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.
  8. Path: a[aria-controls="terms-collapse-promotion-10713"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-10713" aria-expanded="false" aria-controls="terms-collapse-promotion-10713">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.
  9. Path: #promo-10713 > .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/cmore" hreflang="sv">C More</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.
  10. Path: a[href$="cmore"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/cmore" hreflang="sv">C More</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.
  11. Path: #promo-39886 > .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.
  12. Path: #promo-39886 > .offer-details > .inner > header > .partner-flagdate > .valid.field-name-field-to.field-to-formatted > time[datetime="\32 018-11-04T22\:59\:59"]
    Heading
    Code
    Code extract
    <time datetime="2018-11-04T22:59:59" class="datetime">Giltig till och med söndag, 04 november 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.
  13. Path: .btn-reveal[href$="halebop#promo-39886"][data-goto="\/rabattkod\/goto\/39886"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/halebop#promo-39886" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/39886" 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.
  14. Path: a[aria-controls="terms-collapse-promotion-39886"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39886" aria-expanded="false" aria-controls="terms-collapse-promotion-39886">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.
  15. Path: #promo-39886 > .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/halebop" hreflang="sv">Halebop</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.
  16. Path: #promo-39886 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="halebop"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/halebop" hreflang="sv">Halebop</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.
  17. Path: #promo-39883 > .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.
  18. Path: time[datetime="\32 018-11-18T22\:59\:59"]
    Heading
    Code
    Code extract
    <time datetime="2018-11-18T22:59:59" class="datetime">Giltig till och med söndag, 18 november 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.
  19. Path: .btn-reveal[href$="tre#promo-39883"][data-goto="\/rabattkod\/goto\/39883"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tre#promo-39883" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/39883" 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.
  20. Path: a[aria-controls="terms-collapse-promotion-39883"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39883" aria-expanded="false" aria-controls="terms-collapse-promotion-39883">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.
  21. Path: #promo-39883 > .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/tre" hreflang="sv">Tre</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.
  22. Path: #promo-39883 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="tre"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tre" hreflang="sv">Tre</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.
  23. Path: #promo-39882 > .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.
  24. Path: #promo-39882 > .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.
  25. Path: .btn-reveal[href$="tre#promo-39882"][data-goto="\/rabattkod\/goto\/39882"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tre#promo-39882" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/39882" 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.
  26. Path: a[aria-controls="terms-collapse-promotion-39882"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39882" aria-expanded="false" aria-controls="terms-collapse-promotion-39882">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.
  27. Path: #promo-39882 > .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/tre" hreflang="sv">Tre</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.
  28. Path: #promo-39882 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="tre"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tre" hreflang="sv">Tre</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.
  29. Path: #promo-39772 > .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.
  30. Path: #promo-39772 > .offer-details > .inner > header > .partner-flagdate > .valid.field-name-field-to.field-to-formatted > time[datetime="\32 018-11-04T22\:59\:59"]
    Heading
    Code
    Code extract
    <time datetime="2018-11-04T22:59:59" class="datetime">Giltig till och med söndag, 04 november 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.
  31. Path: #promo-39772 > .offer-details > .inner > .field--name-body.field--type-text-with-summary.text-formatted > p
    Heading
    Code
    Code extract
    <p>Gäller endast 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.
  32. Path: .voucher-code.btn-reveal[data-goto="\/rabattkod\/goto\/39772"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/sf-kids-play#promo-39772" class="btn-reveal voucher-code click-reveal" data-goto="/rabattkod/goto/39772" 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.
  33. Path: a[aria-controls="terms-collapse-promotion-39772"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39772" aria-expanded="false" aria-controls="terms-collapse-promotion-39772">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.
  34. Path: #promo-39772 > .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/sf-kids-play" hreflang="sv">SF Kids Play</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.
  35. Path: a[href$="sf-kids-play"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/sf-kids-play" hreflang="sv">SF Kids Play</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.
  36. Path: #promo-39720 > .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.
  37. Path: #promo-39720 > .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.
  38. Path: .btn-reveal[href$="halebop#promo-39720"][data-goto="\/rabattkod\/goto\/39720"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/halebop#promo-39720" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/39720" 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.
  39. Path: a[aria-controls="terms-collapse-promotion-39720"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39720" aria-expanded="false" aria-controls="terms-collapse-promotion-39720">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.
  40. Path: #promo-39720 > .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/halebop" hreflang="sv">Halebop</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.
  41. Path: #promo-39720 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="halebop"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/halebop" hreflang="sv">Halebop</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.
  42. Path: #promo-39509 > .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.
  43. Path: #promo-39509 > .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.
  44. Path: .feature[href$="viasat#promo-39509"][data-goto="\/rabattkod\/goto\/39509"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/viasat#promo-39509" class="btn-reveal feature click-reveal" data-goto="/rabattkod/goto/39509" 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.
  45. Path: a[aria-controls="terms-collapse-promotion-39509"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39509" aria-expanded="false" aria-controls="terms-collapse-promotion-39509">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.
  46. Path: #promo-39509 > .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/viasat" hreflang="sv">Viasat</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.
  47. Path: a[href$="viasat"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/viasat" hreflang="sv">Viasat</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.
  48. Path: #promo-39508 > .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.
  49. Path: #promo-39508 > .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.
  50. Path: .feature.btn-reveal[data-goto="\/rabattkod\/goto\/39508"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/iphonebutiken#promo-39508" class="btn-reveal feature click-reveal" data-goto="/rabattkod/goto/39508" 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.
  51. Path: a[aria-controls="terms-collapse-promotion-39508"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39508" aria-expanded="false" aria-controls="terms-collapse-promotion-39508">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.
  52. Path: #promo-39508 > .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/iphonebutiken" hreflang="sv">iPhoneButiken</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.
  53. Path: a[href$="iphonebutiken"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/iphonebutiken" hreflang="sv">iPhoneButiken</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.
  54. Path: #promo-39467 > .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.
  55. Path: .label
    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.
  56. Path: 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.
  57. Path: #promo-39467 > .offer-details > .inner > .field--name-body.field--type-text-with-summary.text-formatted > p
    Heading
    Code
    Code extract
    <p>Därefter 99 kr/mån.&nbsp;Gäller nytecknade abonnemang</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.
  58. Path: .voucher-code[href$="hallon#promo-39467"][data-goto="\/rabattkod\/goto\/39467"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/hallon#promo-39467" class="btn-reveal voucher-code click-reveal" data-goto="/rabattkod/goto/39467" 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.
  59. Path: a[aria-controls="terms-collapse-promotion-39467"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39467" aria-expanded="false" aria-controls="terms-collapse-promotion-39467">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.
  60. Path: #promo-39467 > .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/hallon" hreflang="sv">hallon</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.
  61. Path: a[href$="hallon"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/hallon" hreflang="sv">hallon</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.
  62. Path: #promo-39386 > .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.
  63. Path: #promo-39386 > .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.
  64. Path: .btn-reveal[href$="tre#promo-39386"][data-goto="\/rabattkod\/goto\/39386"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tre#promo-39386" class="btn-reveal offer click-reveal" data-goto="/rabattkod/goto/39386" 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.
  65. Path: a[aria-controls="terms-collapse-promotion-39386"]
    Heading
    Code
    Code extract
    <a class="terms-toggle active" data-toggle="collapse" href="#terms-collapse-promotion-39386" aria-expanded="false" aria-controls="terms-collapse-promotion-39386">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.
  66. Path: #promo-39386 > .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/tre" hreflang="sv">Tre</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.
  67. Path: #promo-39386 > .offer-details > .inner > .additional-info > .goto-partner > .field--name-field-partner.field--type-entity-reference.field__item > a[href$="tre"][hreflang="sv"]
    Heading
    Code
    Code extract
    <a href="/rabattkod/tre" hreflang="sv">Tre</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.
  68. Path: span[aria-hidden="true"]
    Heading
    Code
    Code extract
    <span aria-hidden="true">››</span>
    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.
Verification required Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (2 occurences)
  1. Path: .click-reveal[data-goto="\/rabattkod\/goto\/39772"][rel="nofollow"]:nth-child(2) > .btn-reveal-hint
    Heading
    Code
    Code extract
    <span class="btn-reveal-hint">…SFKH</span>
  2. Path: a[href$="hallon#promo-39467"][data-goto="\/rabattkod\/goto\/39467"][rel="nofollow"]:nth-child(2) > .btn-reveal-hint
    Heading
    Code
    Code extract
    <span class="btn-reveal-hint">…Raba</span>
Verification required Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (46 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 (1 occurrence)

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: Documents must have <title> element to aid in navigation (document-title)

(Test for Success Criterion 2.4.2: Page Titled)

Verification required Ensures each HTML document contains a non-empty <title> element (1 occurrence)