29 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 (9 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 (2 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 (2 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 (2 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 (26 occurences)
  1. Path: ._2L32i
    Heading
    Code
    Code extract
    <a href="//www.aftonbladet.se/minsida/integritet" class="_2L32i" target="_blank">Mer information</a>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt, font weight: normal). Expected contrast ratio of 4.5:1.
  2. Path: ._1iW6Q > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p"><span class="abIconClock"></span> 12:48<!-- --> <span class="_2zZZs abThemeColor">HOCKEY</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  3. Path: a[data-tracking-properties="image-plus"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p"><span class="abIconClock"></span> 12:22<!-- --> <span class="_2zZZs abThemeColor">FOTBOLL</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  4. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(3) > ._2Yo2I.ee2O1[data-tracking-properties="image-tv_text"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p"><span class="abIconClock"></span> 10:27<!-- --> <span class="_2zZZs abThemeColor">HOCKEY</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  5. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(4) > ._2Yo2I.ee2O1[data-tracking-properties="image-tv_text"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">i går <span class="abIconClock"></span> 10:58<!-- --> <span class="_2zZZs abThemeColor">SPORTBLADET</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  6. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(5) > ._2Yo2I.ee2O1[data-tracking-properties="image-tv_text"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">i går <span class="abIconClock"></span> 10:15<!-- --> <span class="_2zZZs abThemeColor">SPORTBLADET</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  7. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(6) > ._2Yo2I.ee2O1[data-tracking-properties="image-tv_text"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">i går <span class="abIconClock"></span> 09:34<!-- --> <span class="_2zZZs abThemeColor">SPORTBLADET</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  8. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(9) > ._2Yo2I.ee2O1._3xv_Q > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">i går <span class="abIconClock"></span> 09:21<!-- --> <span class="_2zZZs abThemeColor">HOCKEY</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  9. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(11) > ._2Yo2I.ee2O1[data-tracking-properties="image-tv_text"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">19 oktober<!-- --> <span class="_2zZZs abThemeColor">SPORTBLADET</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  10. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(12) > ._2Yo2I.ee2O1._3xv_Q > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">19 oktober<!-- --> <span class="_2zZZs abThemeColor">SPORTBLADET</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  11. Path: .K5r0I.abTheme-sportbladet._2rWp1:nth-child(13) > ._2Yo2I.ee2O1[data-tracking-properties="image-tv_text"] > ._3DuHC > ._2o54p._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2o54p">19 oktober<!-- --> <span class="_2zZZs abThemeColor">SPORTBLADET</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  12. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(1) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 15:32<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.08 (foreground color: #8d8d79, background color: #f8f7cf, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  13. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(1) > ._4S4dT > ._2b_w_._-6ygY > ._2zZZs.abThemeColor
    Heading
    Code
    Code extract
    <span class="_2zZZs abThemeColor">NYHETER</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.31 (foreground color: #dd2a30, background color: #f8f7cf, font size: 10.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  14. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(2) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 15:32<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.08 (foreground color: #8d8d79, background color: #f8f7cf, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  15. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(2) > ._4S4dT > ._2b_w_._-6ygY > ._2zZZs.abThemeColor
    Heading
    Code
    Code extract
    <span class="_2zZZs abThemeColor">NYHETER</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.31 (foreground color: #dd2a30, background color: #f8f7cf, font size: 10.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  16. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(3) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 15:09<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.08 (foreground color: #8d8d79, background color: #f8f7cf, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  17. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(3) > ._4S4dT > ._2b_w_._-6ygY > ._2zZZs.abThemeColor
    Heading
    Code
    Code extract
    <span class="_2zZZs abThemeColor">NYHETER</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.31 (foreground color: #dd2a30, background color: #f8f7cf, font size: 10.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  18. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(4) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 14:33<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.08 (foreground color: #8d8d79, background color: #f8f7cf, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  19. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(4) > ._4S4dT > ._2b_w_._-6ygY > ._2zZZs.abThemeColor
    Heading
    Code
    Code extract
    <span class="_2zZZs abThemeColor">NYHETER</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.31 (foreground color: #dd2a30, background color: #f8f7cf, font size: 10.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  20. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(5) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 14:12<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.08 (foreground color: #8d8d79, background color: #f8f7cf, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  21. Path: ._2-jbn[data-tracking-properties="na"][data-test-theme="small"]:nth-child(5) > ._4S4dT > ._2b_w_._-6ygY > ._2zZZs.abThemeColor
    Heading
    Code
    Code extract
    <span class="_2zZZs abThemeColor">NYHETER</span>
    Problems
    * Fix any of these: Element has insufficient color contrast of 4.31 (foreground color: #dd2a30, background color: #f8f7cf, font size: 10.5pt, font weight: bold). Expected contrast ratio of 4.5:1.
  22. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR._2-jbn[data-tracking-properties="image"]:nth-child(1) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 06:36<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  23. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR._2-jbn[data-tracking-properties="image"]:nth-child(2) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 07:24<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  24. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR._2-jbn[data-tracking-properties="image"]:nth-child(3) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 23:01<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  25. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR._2-jbn[data-tracking-properties="image"]:nth-child(4) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 10:30<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  26. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR._2-jbn[data-tracking-properties="image"]:nth-child(5) > ._4S4dT > ._2b_w_._-6ygY
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 07:14<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.04 (foreground color: #908788, background color: #feebee, font size: 10.5pt, 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 (4 occurences)
  1. Path: ._12yOG
    Heading
    Code
    Code extract
    <a href="/sportbladet" class="_12yOG" style="background-image:url(//wwwe.aftonbladet.se/ab-se/hyperion/gfx/logo-sportbladet.svg)" data-test-id="header/logo">Aftonbladet</a>
  2. Path: ._3_79v
    Heading
    Code
    Code extract
    <span class="_3_79v _399m5">Mejla</span>
  3. Path: ._1gz1t
    Heading
    Code
    Code extract
    <h2 data-test-id="author-headline" class="_1gz1t">Daniel Sörensen</h2>
  4. Path: #author\:26140c68-1d27-4b06-8087-6d6025054c1f > span
    Heading
    Code
    Code extract
    <span><svg class="_230Q_" style="height:14px" height="12" width="12"><use href="#add" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#add"></use><text class="_12sQS" aria-hidden="true" role="presentation">+</text></svg> <!-- -->FÖLJ</span>
Verification required Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (97 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: 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 (1 occurrence)
  1. Path: iframe
    Heading
    Code
    Code extract
    <iframe class="pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links -adv.js -adv.jpg" style="width:0;height:0;display:block" cd_frame_id_="ecd941935801cf910dd29448a4ac2910"></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".