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
(8 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
(2 occurences)
-
None of: A captions track for this element could not be found.
-
Path: #VideoAsset-0-265435 > .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/73c74944-3c6f-4e76-93b4-ecfe2c87c192"></video>
-
Path: #VideoAsset-1-251188 > .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/f2141a44-4fb3-4cf3-b7a5-d9313d4c7fa1"></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
(2 occurences)
-
None of: An audio description track for this element could not be found.
-
Path: #VideoAsset-0-265435 > .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/73c74944-3c6f-4e76-93b4-ecfe2c87c192"></video>
-
Path: #VideoAsset-1-251188 > .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/f2141a44-4fb3-4cf3-b7a5-d9313d4c7fa1"></video>
About this Test
Short Description
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)
-
Ensures that lists are structured correctly
(1 occurrence)
-
None of: List element only has direct children that are allowed inside <li> elements.
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
(13 occurences)
-
Any of: Required ARIA parent role present.
About this Test
Short Description
Test Detail: <li> elements must be contained in a <ul> or <ol> (listitem)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures <li> elements are used semantically
(3 occurences)
-
Any of: List item has a <ul>, <ol> or role="list" parent element.
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
(13 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
(8 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/Qlbjr4?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(47) > div > input
- Heading
-
Code
- Code extract
-
<input type="text" class="_2J0z7" value="https://www.aftonbladet.se/a/Qlbjr4?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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" ng-model="field.value" required="">
- 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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<textarea ng-model="field.value" rows="5" cols="50" required="" class="form-control ng-pristine ng-invalid ng-invalid-required"></textarea>
- 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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" ng-model="field.value" required="">
- 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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" ng-model="field.value" required="">
- 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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" ng-model="field.value" required="">
- 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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<input type="file" name="files[]">
- 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
(13 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
(10 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
(21 occurences)
-
Any of: Element has insufficient color contrast of 4.3 (foreground color: #468847, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1; 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.89 (foreground color: #7c7c7d, background color: #f7f7fa, font size: 9.0pt, font weight: bold). 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; Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 8.3pt, 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 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, 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: ._2XJ65
- Heading
-
Code
- Code extract
-
<div class="_2XJ65">PRESENTERAS AV</div>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 8.3pt, 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-09-16T11\:23\:51Z"]
- Heading
-
Code
- Code extract
-
<time datetime="2018-09-16T11:23:51Z">sön 16 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.
-
Path: button[aria-controls="factContent-35-fact-default"]
- Heading
-
Code
- Code extract
-
<button class="_1EmxG" type="button" aria-expanded="false" aria-controls="factContent-35-fact-default">LÄS MER</button>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.89 (foreground color: #7c7c7d, background color: #f7f7fa, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1.
-
Path: button[aria-controls="factContent-36-fact-default"]
- Heading
-
Code
- Code extract
-
<button class="_1EmxG" type="button" aria-expanded="false" aria-controls="factContent-36-fact-default">LÄS MER</button>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.89 (foreground color: #7c7c7d, background color: #f7f7fa, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1.
-
Path: a[href$="jqdnA"] > ._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.
-
Path: a[href$="oRayaK"] > ._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.
-
Path: ._1pdIt[data-test-id="label"]:nth-child(49) > ._2dCd_ > ._3XUVX[data-test-id="date-time"] > time[datetime="\32 018-09-16T11\:23\:51Z"]
- Heading
-
Code
- Code extract
-
<time datetime="2018-09-16T11:23:51Z">16 september 2018<span class="abIconClock"></span>11:23</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.clearfix[data-test-theme="small"]:nth-child(1) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">6 oktober<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(2) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">15 september<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(3) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">13 oktober<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(4) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">9 augusti<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(5) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">31 dec 2017<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(1) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_"><span class="abIconClock"></span> 07:06<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(2) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">i går <span class="abIconClock"></span> 10:08<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(3) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">26 augusti<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(4) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">11 feb 2017<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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.clearfix[data-test-theme="small"]:nth-child(5) > ._4S4dT > ._-6ygY._2b_w_
- Heading
-
Code
- Code extract
-
<div class="_-6ygY _2b_w_">18 september<!-- --> <span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<button type="submit" value="Submit" ng-click="save(form)" class="btn btn-danger">Skicka</button>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.96 (foreground color: #ffffff, background color: #d9534f, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<div ng-bind-html-unsafe="data.thankYou" class="thankYouMessage">
Tack för ditt bidrag. </div>
- Problems
- * Fix any of these: Element has insufficient color contrast of 4.3 (foreground color: #468847, background color: #ffffff, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<footer class="ng-binding">Av: aftonbladet</footer>
- Problems
- * Fix any of these: Element has insufficient color contrast of 2.84 (foreground color: #999999, 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
(17 occurences)
-
Any of: Unable to determine contrast ratio; Element's background color could not be determined because it is overlapped by another element; Element's background color could not be determined due to a background image; Element's background color could not be determined because it partially overlaps other elements.
-
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: button[data-tracking-name="streamer"] > 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: #VideoAsset-0-265435 > .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:01</div>
-
Path: #VideoAsset-0-265435 > .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">01:13</div>
-
Path: ._1w59v > .abBlueLink[href$="hARVrH"][rel="noopener\ noreferrer\ nofollow"]
- Heading
-
Code
- Code extract
-
<a href="http://scm.st/hARVrH" target="_blank" rel="noopener noreferrer nofollow" class="abBlueLink">För fler liknande artiklar − följ Svenska Hjältar på Facebook</a>
-
Path: #VideoAsset-1-251188 > .jw-title.jw-reset > .jw-title-primary.jw-reset
- Heading
-
Code
- Code extract
-
<div class="jw-title-primary jw-reset">5 tips som räddar liv</div>
-
Path: ._2ZkCB:nth-child(43) > strong > em
- Heading
-
Code
- Code extract
-
<em>Varje år skriver vi om hundratals vardagshjältar som visat prov på mod, civilkurage och medmänsklighet. </em>
-
Path: strong:nth-child(3) > em
- Heading
-
Code
- Code extract
-
<em> sju hjältar som prisas på Svenska Hjältar-galan i december på Aftonbladet.se och i TV3.</em>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(1) > ._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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(2) > ._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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(3) > ._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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(4) > ._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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(5) > ._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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(6) > ._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>
-
Path: div[data-tracking-name="article-tags"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(7) > ._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>
-
Path: div[data-tracking-name="related-articles"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._1WKVR.clearfix[data-test-theme="small"]:nth-child(1) > ._4S4dT > ._-6ygY._2b_w_ > ._2zZZs.abThemeColor
- Heading
-
Code
- Code extract
-
<span class="_2zZZs abThemeColor">SVENSKA HJÄLTAR</span>
-
Path: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<input type="file" name="files[]">
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(129 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 4.74; Element has sufficient color contrast of 12.99; Element has sufficient color contrast of 4.3; Element has sufficient color contrast of 12.63; Element has sufficient color contrast of 14.87; Element has sufficient color contrast of 5.74; Element has sufficient color contrast of 5.71; 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
(2 occurences)
-
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: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<iframe src="https://toolbox.aftonbladet.se/aftonbladet-tools/forms/?id=13572" height="783" scrolling="no" cd_frame_id_="44e81ae05362984bfce0f99ac193a2fe"></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.
-
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_="60264eefd065f2fd27bdf2825694d6a7"></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
(2 occurences)
-
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[href$="sosalarm.se/"]
- Heading
-
Code
- Code extract
-
<a href="https://www.sosalarm.se/" target="_blank" rel="noopener noreferrer nofollow" class="abBlueLink">
- 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.
-
Path: a[data-test-id="author-contact"]
- Heading
-
Code
- Code extract
-
<a class="abRedLink" href="mailto:jonas.sylvenmoller@aftonbladet.se?subject=Alice%2C%209%2C%20gjorde%20Heimlich-man%C3%B6ver%20%E2%80%93%20r%C3%A4ddade%20systerns%20liv" 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
(51 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
(2 occurences)
-
Any of: The <html> element does not have a lang attribute.
-
Path: iframe[height="\37 83"]
- Heading
-
Code
- Code extract
-
<html ng-app="worksFormsFrontend" class="ng-scope">
- Problems
- * Fix any of these: 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
(7 occurences)
-
Any of: Document has multiple elements with the same id attribute: tag:5e7685d0-e6f4-4c4b-b448-fdfffc117deb; Document has multiple elements with the same id attribute: tag:57f73fee-7411-4f07-a7c8-68ab7e202b46; Document has multiple elements with the same id attribute: tag:a4ae5cb5-7339-4716-b3d1-77590870400c; Document has multiple elements with the same id attribute: tag:82486e7616597b9321efc1ef818838e88eb80149; Document has multiple elements with the same id attribute: tag:d4757358-f9c3-4d22-8044-ac8c240cc86d; Document has multiple elements with the same id attribute: story:b069940c-5217-48aa-bf3e-d34a05ce897b; Document has multiple elements with the same id attribute: tag:6543fde6-27f0-4773-b309-693a6df36f70.
-
Path: button[data-tracking-name="streamer"]
- Heading
-
Code
- Code extract
-
<button type="button" class="track-click track-engagement _2A1dE _1DPPE _3HBeF _2H-LX _mU4U _1ZM8G v1OB9 QHLA2 xWZ0K _3ZgUb" id="story:b069940c-5217-48aa-bf3e-d34a05ce897b" data-tracking-name="streamer" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: story:b069940c-5217-48aa-bf3e-d34a05ce897b.
-
Path: div[data-tracking-name="-\35 0-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(2) > ._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:5e7685d0-e6f4-4c4b-b448-fdfffc117deb" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:5e7685d0-e6f4-4c4b-b448-fdfffc117deb.
-
Path: div[data-tracking-name="-\35 0-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(3) > ._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:82486e7616597b9321efc1ef818838e88eb80149" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:82486e7616597b9321efc1ef818838e88eb80149.
-
Path: div[data-tracking-name="-\35 0-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(4) > ._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:d4757358-f9c3-4d22-8044-ac8c240cc86d" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:d4757358-f9c3-4d22-8044-ac8c240cc86d.
-
Path: div[data-tracking-name="-\35 0-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(5) > ._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:6543fde6-27f0-4773-b309-693a6df36f70" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:6543fde6-27f0-4773-b309-693a6df36f70.
-
Path: div[data-tracking-name="-\35 0-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(6) > ._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:a4ae5cb5-7339-4716-b3d1-77590870400c" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:a4ae5cb5-7339-4716-b3d1-77590870400c.
-
Path: div[data-tracking-name="-\35 0-widget-inline-list"] > ._2-Ff7[data-tracking-tag="bundle"][data-test-id="bundle"] > ._3byiJ._2-jbn._15oWD:nth-child(7) > ._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:57f73fee-7411-4f07-a7c8-68ab7e202b46" data-tracking-name="tagList" data-p2-action="follow">
- Problems
- * Fix any of these: Document has multiple elements with the same id attribute: tag:57f73fee-7411-4f07-a7c8-68ab7e202b46.
-
Ensures every id attribute value is unique
(77 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
(10 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
(10 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: div[aria-valuemax="\37 3\.626"]
- 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="73.626">
- Problems
- * Fix any of these: Required ARIA attribute not present: aria-valuenow.
-
Ensures elements with ARIA roles have all required ARIA attributes
(12 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.
(3 occurences)
-
Any of: No aria-hidden attribute is present on document body.
About this Test
Short Description