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
(6 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/89742b10-dd16-4530-88a3-38c91e7559f3"></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/89742b10-dd16-4530-88a3-38c91e7559f3"></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
(11 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
(11 occurences)
-
Any of: Required ARIA children are present.
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
(11 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
(6 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
(11 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 (foreground color: #908384, background color: #fde3e6, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1; 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; Element has insufficient color contrast of 3 (foreground color: #908384, background color: #fde3e6, font size: 10.5pt, 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.abTheme-sportbladet[data-test-id="label"] > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-10-11T17\:04\:58Z"]
- Heading
-
Code
- Code extract
-
<time datetime="2018-10-11T17:04:58Z">tor 11 okt 2018</time>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3 (foreground color: #908384, background color: #fde3e6, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[href="/sportbladet/fotboll/a/4dwq16"] > ._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 (foreground color: #908384, background color: #fde3e6, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[href$="WLMbj2"] > ._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 (foreground color: #908384, background color: #fde3e6, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[href$="MgGR15"] > ._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 (foreground color: #908384, background color: #fde3e6, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: ._1pdIt[data-test-id="label"]:nth-child(44) > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-10-11T17\:04\:58Z"]
- Heading
-
Code
- Code extract
-
<time datetime="2018-10-11T17:04:58Z">11 oktober 2018<span class="abIconClock"></span>17:04</time>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3 (foreground color: #908384, background color: #fde3e6, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: ._1WKVR.clearfix[data-test-theme="small"]:nth-child(1) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 23: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.
-
Path: ._1WKVR.clearfix[data-test-theme="small"]:nth-child(2) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 00:11<!-- --> <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.
-
Path: ._1WKVR.clearfix[data-test-theme="small"]:nth-child(3) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 22:53<!-- --> <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.
-
Path: ._1WKVR.clearfix[data-test-theme="small"]:nth-child(4) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 20:18<!-- --> <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.
-
Path: ._1WKVR.clearfix[data-test-theme="small"]:nth-child(5) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 20:23<!-- --> <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.
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(7 occurences)
-
Any of: Unable to determine contrast ratio; Element's background color could not be determined because element contains an image node; Element's background color could not be determined due to a background image.
-
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>
-
Path: ._3_79v
- Heading
-
Code
- Code extract
-
<span class="_3_79v _399m5">Mejla</span>
-
Path: ._1gz1t > a[rel="author"][data-test-id="author-link"]
- Heading
-
Code
- Code extract
-
<a href="/av/12f2df32-7c67-4774-8b05-18a28a87672f" rel="author" data-test-id="author-link">Erik Niva</a>
-
Path: #author\:12f2df32-7c67-4774-8b05-18a28a87672f > 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-text-elapsed
- Heading
-
Code
- Code extract
-
<div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-elapsed" role="timer">00:00</div>
-
Path: .jw-text-duration
- Heading
-
Code
- Code extract
-
<div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-duration" role="timer">02:40</div>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD > ._1ZM8G._2A1dE[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
(72 occurences)
-
Any of: Element has sufficient color contrast of 15.9; Element has sufficient color contrast of 13.88; Element has sufficient color contrast of 12.99; Element has sufficient color contrast of 6.65; Element has sufficient color contrast of 7.05; Element has sufficient color contrast of 13.11; Element has sufficient color contrast of 4.71; Element has sufficient color contrast of 8; Element has sufficient color contrast of 11.84; 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_="2bbdd184b95e1a2e14b274af5ac94114"></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: .abRedLink[data-test-id="author-contact"]
- Heading
-
Code
- Code extract
-
<a class="abRedLink" href="mailto:erik.niva@aftonbladet.se?subject=Sett%20tusentals%20talanger%2C%20men%20ingen%20som%20honom" 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
(35 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
(1 occurrence)
-
Any of: Document has multiple elements with the same id attribute: tag:6bdaab82-e886-405b-8217-4d31705f46c9.
-
Path: div[data-tracking-name="-\34 5-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD > ._1ZM8G._2A1dE[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:6bdaab82-e886-405b-8217-4d31705f46c9" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:6bdaab82-e886-405b-8217-4d31705f46c9.
-
Ensures every id attribute value is unique
(73 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
(6 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
(6 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
(1 occurrence)
-
Any of: Required ARIA attribute not present: aria-valuenow.
-
Path: .jw-slider-time
- Heading
-
Code
- Code extract
-
<div class="jw-slider-time jw-background-color jw-reset jw-slider-horizontal jw-reset" tabindex="0" role="slider" aria-label="Time Slider" aria-valuemin="0" aria-valuemax="160.685986">
- Problems
- * Fix any of these: Required ARIA attribute not present: aria-valuenow.
-
Ensures elements with ARIA roles have all required ARIA attributes
(10 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