Test Detail: Images must have alternate text (image-alt)
(Test for Success Criterion
1.1.1: Non-text Content:)
-
Ensures <img> elements have alternate text or a role of none or presentation
(10 occurences)
-
Any of: Element has an alt attribute; Element's default semantics were overriden with role="presentation".
About this Test
Short Description
Test Detail: <video> elements must have captions (video-caption)
(Test for Success Criterion
1.2.2: Captions (Prerecorded))
-
Ensures <video> elements have captions
(1 occurrence)
-
None of: A captions track for this element could not be found.
-
Path: video
- Heading
-
Code
- Code extract
-
<video class="jw-video jw-reset" tabindex="-1" disableremoteplayback="" webkit-playsinline="" playsinline="" src="blob:https://www.aftonbladet.se/b6ae04c3-a0b5-428e-a1ec-fe5894630973"></video>
About this Test
Short Description
Test Detail: <video> elements must have an audio description track (video-description)
(Test for Success Criterion
1.2.5: Audio Description (Prerecorded))
-
Ensures <video> elements have audio descriptions
(1 occurrence)
-
None of: An audio description track for this element could not be found.
-
Path: video
- Heading
-
Code
- Code extract
-
<video class="jw-video jw-reset" tabindex="-1" disableremoteplayback="" webkit-playsinline="" playsinline="" src="blob:https://www.aftonbladet.se/b6ae04c3-a0b5-428e-a1ec-fe5894630973"></video>
About this Test
Short Description
Test Detail: Certain ARIA roles must be contained by particular parents (aria-required-parent)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures elements with an ARIA role that require parent roles are contained by them
(4 occurences)
-
Any of: Required ARIA parent role present.
About this Test
Short Description
Test Detail: Certain ARIA roles must contain particular children (aria-required-children)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures elements with an ARIA role that require child roles contain them
(4 occurences)
-
Any of: Required ARIA children are present.
About this Test
Short Description
Test Detail: Form elements must have labels (label)
(Test for Success Criterion
1.3.1, 3.3.2: Info and Relationships)
-
Ensures every form element has a label
(2 occurences)
-
Any of: Form element does not have an implicit (wrapped) <label>; Element has no title attribute or the title attribute is empty; Form element does not have an explicit <label>; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
-
Path: ._2XS3K:nth-child(8) > div > input
- Heading
-
Code
- Code extract
-
<input type="text" class="_2J0z7" value="https://www.aftonbladet.se/a/3j3Avd?refpartner=link_copy_app_share">
- Problems
- * Fix any of these: Form element does not have an implicit (wrapped) <label>; Element has no title attribute or the title attribute is empty; Form element does not have an explicit <label>; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
-
Path: ._2XS3K:nth-child(19) > div > input
- Heading
-
Code
- Code extract
-
<input type="text" class="_2J0z7" value="https://www.aftonbladet.se/a/3j3Avd?refpartner=link_copy_app_share">
- Problems
- * Fix any of these: Form element does not have an implicit (wrapped) <label>; Element has no title attribute or the title attribute is empty; Form element does not have an explicit <label>; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
About this Test
Short Description
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)
-
Ensures all elements with a role attribute use a valid value
(4 occurences)
-
None of: ARIA role is valid; Abstract roles are not used.
About this Test
Short Description
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)
-
Ensures all ARIA attributes have valid values
(2 occurences)
-
All of: Uses a supported aria-errormessage technique; ARIA attribute values are valid.
About this Test
Short Description
Test Detail: Elements must have sufficient color contrast (color-contrast)
(Test for Success Criterion
1.4.3: Contrast (Minimum))
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(13 occurences)
-
Any of: 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; 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; 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.
-
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.
-
Path: ._1pdIt[data-test-id="label"]:nth-child(4) > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-08-24T12\:44\:16Z"]
- Heading
-
Code
- Code extract
-
<time datetime="2018-08-24T12:44:16Z">fre 24 aug 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.
-
Path: ._1pdIt[data-test-id="label"]:nth-child(21) > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-08-24T12\:44\:16Z"]
- Heading
-
Code
- Code extract
-
<time datetime="2018-08-24T12:44:16Z">24 augusti 2018<span class="abIconClock"></span>12:44</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.
-
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_">31 augusti<!-- --> <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.
-
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_">5 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.
-
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.
-
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_">22 augusti<!-- --> <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.
-
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_">23 augusti<!-- --> <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.
-
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> 00:23<!-- --> <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.
-
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_">i går <span class="abIconClock"></span> 22:11<!-- --> <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.
-
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_"><span class="abIconClock"></span> 02:02<!-- --> <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.
-
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> 01:35<!-- --> <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.
-
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_">i går <span class="abIconClock"></span> 23:51<!-- --> <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.
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(6 occurences)
-
Any of: Unable to determine contrast ratio; Element's background color could not be determined due to a background image.
-
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>
-
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>
-
Path: .jw-title-primary
- Heading
-
Code
- Code extract
-
<div class="jw-title-primary jw-reset">Dagens tre rubriker fredag 24 augusti</div>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._35Mm_: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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._35Mm_: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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._35Mm_: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>
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(70 occurences)
-
Any of: Element has sufficient color contrast of 4.68; Element has sufficient color contrast of 15.9; Element has sufficient color contrast of 12.99; Element has sufficient color contrast of 14.87; Element has sufficient color contrast of 5.74; Element has sufficient color contrast of 4.72.
About this Test
Short Description
Test Detail: Page must have means to bypass repeated blocks (bypass)
(Test for Success Criterion
2.4.1: Bypass Blocks)
-
Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content
(1 occurrence)
-
Any of: Page has a header; Page has a landmark region.
About this Test
Short Description
Test Detail: Frames must have title attribute (frame-title)
(Test for Success Criterion
2.4.1, 4.1.2: Bypass Blocks)
-
Ensures <iframe> and <frame> elements contain a non-empty title attribute
(1 occurrence)
-
Any of: Element has no title attribute or the title attribute is empty; Element's default semantics were not overridden with role="presentation"; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
-
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_="73cce9ebef8f8b093d23489e3ff1a9ab"></iframe>
- Problems
- * Fix any of these: Element has no title attribute or the title attribute is empty; Element's default semantics were not overridden with role="presentation"; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
About this Test
Checked Elements:
iframe,frame
Short Description
Test Detail: Documents must have <title> element to aid in navigation (document-title)
(Test for Success Criterion
2.4.2: Page Titled)
-
Ensures each HTML document contains a non-empty <title> element
(1 occurrence)
-
Any of: Document has a non-empty <title> element.
About this Test
Short Description
Test Detail: Links must have discernible text (link-name)
(Test for Success Criterion
2.4.4, 4.1.2: Name, Role, Value)
-
Ensures links have discernible text
(1 occurrence)
-
Any of: Element's default semantics were not overridden with role="presentation"; Element's default semantics were not overridden with role="none"; Element does not have text that is visible to screen readers; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
None of: Element is in tab order and does not have accessible text.
-
Path: a[data-test-id="author-contact"]
- Heading
-
Code
- Code extract
-
<a class="abRedLink" href="mailto:isabelle.nordstrom@aftonbladet.se?subject=J%C3%A4gare%20biten%20av%20skadad%20bj%C3%B6rn" data-test-id="author-contact"><span class="Vs45k abIconMail"></span></a>
- Problems
- * Fix any of these: Element's default semantics were not overridden with role="presentation"; Element's default semantics were not overridden with role="none"; Element does not have text that is visible to screen readers; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Ensures links have discernible text
(37 occurences)
-
Any of: Element has text that is visible to screen readers.
None of: Element is not in tab order or has accessible text.
About this Test
Short Description
Test Detail: <html> element must have a lang attribute (html-has-lang)
(Test for Success Criterion
3.1.1: Language of Page)
-
Ensures every HTML document has a lang attribute
(1 occurrence)
-
Any of: The <html> element does not have a lang attribute.
-
Path: .text_ad
- Heading
-
Code
- Code extract
-
<html><head></head><body><script src="/hyper-assets/c81d555e64ae7dd21d5f6cfb939c0b08.js"></script></body></html>
- Problems
- * Fix any of these: The <html> element does not have a lang attribute.
-
Ensures every HTML document has a lang attribute
(1 occurrence)
-
Any of: The <html> element has a lang attribute.
About this Test
Short Description
Test Detail: <html> element must have a valid value for the lang attribute (html-lang-valid)
(Test for Success Criterion
3.1.1: Language of Page)
-
Ensures the lang attribute of the <html> element has a valid value
(1 occurrence)
-
None of: Value of lang attribute is included in the list of valid languages.
About this Test
Short Description
Test Detail: id attribute value must be unique (duplicate-id)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures every id attribute value is unique
(3 occurences)
-
Any of: Document has multiple elements with the same id attribute: tag:cd8dfef6-b246-425e-acb8-1edcb9b8d84a; Document has multiple elements with the same id attribute: tag:863e99ac-1e00-438f-9465-e5552ea74bf4; Document has multiple elements with the same id attribute: tag:4ca7e743-bc1c-4e58-b555-b329f45c47c5.
-
Path: ._2ibEm
- Heading
-
Code
- Code extract
-
<button type="button" class="_2ibEm _2A1dE _1DPPE _3HBeF _2H-LX _mU4U _1ZM8G v1OB9 QHLA2 xWZ0K _3ZgUb" id="tag:863e99ac-1e00-438f-9465-e5552ea74bf4" data-tracking-name="streamer" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:863e99ac-1e00-438f-9465-e5552ea74bf4.
-
Path: div[data-tracking-name="-\32 2-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._35Mm_:nth-child(2) > .track-click.track-engagement[data-tracking-name="tagList"]
- Heading
-
Code
- Code extract
-
<button type="button" class="track-click track-engagement _2A1dE _1DPPE _3HBeF _2H-LX _mU4U _1ZM8G v1OB9 QHLA2 xWZ0K _3ZgUb" id="tag:cd8dfef6-b246-425e-acb8-1edcb9b8d84a" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:cd8dfef6-b246-425e-acb8-1edcb9b8d84a.
-
Path: div[data-tracking-name="-\32 2-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._35Mm_:nth-child(3) > .track-click.track-engagement[data-tracking-name="tagList"]
- Heading
-
Code
- Code extract
-
<button type="button" class="track-click track-engagement _2A1dE _1DPPE _3HBeF _2H-LX _mU4U _1ZM8G v1OB9 QHLA2 xWZ0K _3ZgUb" id="tag:4ca7e743-bc1c-4e58-b555-b329f45c47c5" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:4ca7e743-bc1c-4e58-b555-b329f45c47c5.
-
Ensures every id attribute value is unique
(64 occurences)
-
Any of: Document has no elements that share the same id attribute.
About this Test
Short Description
Test Detail: ARIA attributes must conform to valid names (aria-valid-attr)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures attributes that begin with aria- are valid ARIA attributes
(2 occurences)
-
Any of: ARIA attribute name are valid.
About this Test
Short Description
Test Detail: Elements must only use allowed ARIA attributes (aria-allowed-attr)
(Test for Success Criterion
4.1.1, 4.1.2: Name, Role, Value)
-
Ensures ARIA attributes are allowed for an element's role
(2 occurences)
-
Any of: ARIA attributes are used correctly for the defined role.
About this Test
Short Description
Test Detail: Required ARIA attributes must be provided (aria-required-attr)
(Test for Success Criterion
4.1.1, 4.1.2: Parsing)
-
Ensures elements with ARIA roles have all required ARIA attributes
(4 occurences)
-
Any of: All required ARIA attributes are present.
About this Test
Short Description
Test Detail: aria-hidden='true' must not be present on the document body (aria-hidden-body)
(Test for Success Criterion
4.1.2: Name, Role, Value)
-
Ensures aria-hidden='true' is not present on the document body.
(2 occurences)
-
Any of: No aria-hidden attribute is present on document body.
About this Test
Short Description