27 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 (14 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: #VideoAsset-0-264196 > .jw-media.jw-reset > video
    Heading
    Code
    Code extract
    <video class="jw-video jw-reset" tabindex="-1" disableremoteplayback="" webkit-playsinline="" playsinline="" src="blob:https://www.aftonbladet.se/c4966ff2-faac-4cad-a038-b194e9ac95e9"></video>
  2. Path: #VideoAsset-1-227178 > .jw-media.jw-reset > video
    Heading
    Code
    Code extract
    <video class="jw-video jw-reset" tabindex="-1" disableremoteplayback="" webkit-playsinline="" playsinline="" src="blob:https://www.aftonbladet.se/04cf5b34-19ba-4df2-ad08-fbd42915b6d4"></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: #VideoAsset-0-264196 > .jw-media.jw-reset > video
    Heading
    Code
    Code extract
    <video class="jw-video jw-reset" tabindex="-1" disableremoteplayback="" webkit-playsinline="" playsinline="" src="blob:https://www.aftonbladet.se/c4966ff2-faac-4cad-a038-b194e9ac95e9"></video>
  2. Path: #VideoAsset-1-227178 > .jw-media.jw-reset > video
    Heading
    Code
    Code extract
    <video class="jw-video jw-reset" tabindex="-1" disableremoteplayback="" webkit-playsinline="" playsinline="" src="blob:https://www.aftonbladet.se/04cf5b34-19ba-4df2-ad08-fbd42915b6d4"></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 (14 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 (14 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 (5 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 (1 occurrence)

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: ._2XS3K:nth-child(8) > div > input
    Heading
    Code
    Code extract
    <input type="text" class="_2J0z7" value="https://www.aftonbladet.se/a/Xw7wjE?refpartner=link_copy_app_share">
    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: ._2XS3K:nth-child(33) > div > input
    Heading
    Code
    Code extract
    <input type="text" class="_2J0z7" value="https://www.aftonbladet.se/a/Xw7wjE?refpartner=link_copy_app_share">
    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 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 (14 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 (9 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 (15 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: ._1pdIt[data-test-id="label"]:nth-child(4) > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-09-02T20\:37\:30Z"]
    Heading
    Code
    Code extract
    <time datetime="2018-09-02T20:37:30Z">sön 02 sep 2018</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1.
  3. Path: a[href$="A2wzlM"] > ._2Ajoy.abThemeBorderTextHighlightColor > ._2AHRJ > ._2DmNr
    Heading
    Code
    Code extract
    <div class="_2DmNr">LÄS OCKSÅ</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  4. Path: a[href$="5V4MKO"] > ._2Ajoy.abThemeBorderTextHighlightColor > ._2AHRJ > ._2DmNr
    Heading
    Code
    Code extract
    <div class="_2DmNr">LÄS OCKSÅ</div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  5. Path: ._1pdIt[data-test-id="label"]:nth-child(35) > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-09-02T20\:37\:30Z"]
    Heading
    Code
    Code extract
    <time datetime="2018-09-02T20:37:30Z">2 september 2018<span class="abIconClock"></span>20:37</time>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1.
  6. Path: div[data-tracking-name="related-articles"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(1) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">5 september<!-- --> <span class="_2zZZs abThemeColor">LEDARE</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  7. Path: div[data-tracking-name="related-articles"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(2) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">3 september<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  8. Path: div[data-tracking-name="related-articles"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(3) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">10 september<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  9. Path: div[data-tracking-name="related-articles"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(4) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">10 september<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  10. Path: div[data-tracking-name="related-articles"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(5) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">14 september<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  11. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(1) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 05:58<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  12. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(2) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 06:58<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  13. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(3) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 22:41<!-- --> <span class="_2zZZs abThemeColor">NYHETER</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  14. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(4) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 09:35<!-- --> <span class="_2zZZs abThemeColor">SAMHÄLLE</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
  15. Path: div[data-tracking-name="most-clicked"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR[data-test-theme="small"][data-tracking-properties="image"]:nth-child(5) > ._4S4dT > ._-6ygY._2b_w_
    Heading
    Code
    Code extract
    <div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 10:37<!-- --> <span class="_2zZZs abThemeColor">SAMHÄLLE</span></div>
    Problems
    * Fix any of these: Element has insufficient color contrast of 3.15 (foreground color: #919191, background color: #ffffff, 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 (8 occurences)
  1. Path: ._12yOG
    Heading
    Code
    Code extract
    <a href="/" class="_12yOG" style="background-image:url(//wwwe.aftonbladet.se/ab-se/hyperion/gfx/logo-aftonbladet.svg)" data-test-id="header/logo">Aftonbladet</a>
  2. Path: ._2ibEm > 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>
  3. Path: #VideoAsset-0-264196 > .jw-controls.jw-reset > .jw-controlbar.jw-reset > .jw-button-container.jw-reset > .jw-text-elapsed.jw-text[role="timer"]
    Heading
    Code
    Code extract
    <div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-elapsed" role="timer">00:00</div>
  4. Path: #VideoAsset-0-264196 > .jw-controls.jw-reset > .jw-controlbar.jw-reset > .jw-button-container.jw-reset > .jw-text-duration.jw-text[role="timer"]
    Heading
    Code
    Code extract
    <div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-duration" role="timer">00:00</div>
  5. Path: #VideoAsset-1-227178 > .jw-title.jw-reset > .jw-title-primary.jw-reset
    Heading
    Code
    Code extract
    <div class="jw-title-primary jw-reset">Överlevde Förintelsen: ”Följer mig genom livet”</div>
  6. Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(1) > .track-click.track-engagement[data-tracking-name="tagList"] > 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>
  7. Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(2) > .track-click.track-engagement[data-tracking-name="tagList"] > 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>
  8. Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(3) > .track-click.track-engagement[data-tracking-name="tagList"] > 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 (84 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: .text_ad
    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_="f24abfafcd57733bf40f3794647d9a39"></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".