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 a title attribute; Element has an alt attribute.
None of: Element has a valid alt attribute value.
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
(1 occurrence)
-
Any of: Required ARIA children are present.
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
(1 occurrence)
-
Any of: Required ARIA parent role present.
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
(10 occurences)
-
None of: List element only has direct children that are allowed inside <li> elements.
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
(33 occurences)
-
Any of: List item has a <ul>, <ol> or role="list" parent element.
About this Test
Short Description
Test Detail: Form elements must have labels (label)
(Test for Success Criterion
1.3.1, 4.1.2: Info and Relationships)
-
Ensures every form element has a label
(5 occurences)
-
Any of: Form element has an explicit <label>.
None of: Form element has a visible explicit <label>.
About this Test
Short Description
Test Detail: Inline text spacing must be adjustable with custom stylesheets (avoid-inline-spacing)
(Test for Success Criterion
1.4.1.2, 2.1.a.a)
-
Ensure that text spacing set through style attributes can be adjusted with custom stylesheets
(13 occurences)
-
All of: No inline styles with '!important' that affect text spacing has been specified.
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
(7 occurences)
-
Any of: Element has insufficient color contrast of 2.3 (foreground color: #f6931d, background color: #ffffff, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 2.3 (foreground color: #f6931d, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 2.66 (foreground color: #91a0b3, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 3.03 (foreground color: #8795ae, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 4.23 (foreground color: #627792, background color: #f3f6f9, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[href$="qvt\/"][rel="category\ tag"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/category/qvt/" rel="category tag">QVT</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 2.3 (foreground color: #f6931d, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[rel="tag"]:nth-child(2)
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/tag/qualite-de-vie-au-travail/" rel="tag">QUALITE DE VIE AU TRAVAIL</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 4.23 (foreground color: #627792, background color: #f3f6f9, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[rel="tag"][href$="qvt\/"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/tag/qvt/" rel="tag">QVT</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 4.23 (foreground color: #627792, background color: #f3f6f9, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .prev-post > h6 > a > .meta-nav
- Heading
-
Code
- Code extract
-
<span class="meta-nav">Previous Post</span>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.03 (foreground color: #8795ae, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .next-post > h6 > a > .meta-nav
- Heading
-
Code
- Code extract
-
<span class="meta-nav">Next Post</span>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.03 (foreground color: #8795ae, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: time
- Heading
-
Code
- Code extract
-
<time datetime="2022-04-24T19:28:21+04:00">24/04/2022 Ã 19:28</time>
- Problems
- * Fix any of these: Element has insufficient color contrast of 2.66 (foreground color: #91a0b3, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .comment-reply-link
- Heading
-
Code
- Code extract
-
<a rel="nofollow" class="comment-reply-link __mPS2id" href="#comment-282" data-commentid="282" data-postid="2069" data-belowelement="div-comment-282" data-respondelement="respond" data-replyto="Répondre à Testut Robert" aria-label="Répondre à Testut Robert">Répondre</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 2.3 (foreground color: #f6931d, background color: #ffffff, font size: 7.5pt (10px), 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
(11 occurences)
-
Any of: Element's background color could not be determined because it's partially obscured 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 is overlapped by another element.
-
Path: #menu-item-1776 > a[href$="cform\.fr\/"][data-ps2id-api="true"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/" data-ps2id-api="true">Accueil</a>
-
Path: #menu-item-696 > .__mPS2id[href="\#"][data-ps2id-api="true"]
- Heading
-
Code
- Code extract
-
<a href="#" data-ps2id-api="true" class="__mPS2id">Cform</a>
-
Path: #menu-item-457 > .__mPS2id[href="\#"][data-ps2id-api="true"]
- Heading
-
Code
- Code extract
-
<a href="#" data-ps2id-api="true" class="__mPS2id">Nos prestations</a>
-
Path: #menu-item-2671 > .__mPS2id[href="\#"][data-ps2id-api="true"]
- Heading
-
Code
- Code extract
-
<a href="#" data-ps2id-api="true" class="__mPS2id">AFEST</a>
-
Path: #menu-item-252 > a[data-ps2id-api="true"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/contactez-nous/" data-ps2id-api="true">Contact</a>
-
Path: h1
- Heading
-
Code
- Code extract
-
<h1 class="page-title-inner">Publications</h1>
-
Path: .breadcrumbs-inner
- Heading
-
Code
- Code extract
-
<div class="breadcrumbs-inner">
-
Path: .home > span[property="name"]
- Heading
-
Code
- Code extract
-
<span property="name">Cform</span>
-
Path: .post-root > span[property="name"]
- Heading
-
Code
- Code extract
-
<span property="name">Publications</span>
-
Path: .taxonomy > span[property="name"]
- Heading
-
Code
- Code extract
-
<span property="name">QVT</span>
-
Path: .current-item
- Heading
-
Code
- Code extract
-
<span property="name" class="post post-post current-item">Développer la qualité de vie au travail (QVT)</span>
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(69 occurences)
-
Any of: Element has sufficient color contrast of 21; Element has sufficient color contrast of 13.99; Element has sufficient color contrast of 4.61; Element has sufficient color contrast of 5.42; Element has sufficient color contrast of 6.59; Element has sufficient color contrast of 13.82; Element has sufficient color contrast of 4.59; Element has sufficient color contrast of 11.79; Element has sufficient color contrast of ${data.contrastRatio}.
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 heading; Page has a landmark region; Valid skip link found.
About this Test
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
(21 occurences)
-
Any of: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
None of: Element is in tab order and does not have accessible text.
-
Path: #site-header > .site-header-inner.wrap > .header-content > .extras > .social-icons > a[data-tooltip="facebook"][target="_blank"]
- Heading
-
Code
- Code extract
-
<a href="https://www.facebook.com/cformimagein/" data-tooltip="facebook" target="_blank"><i class="fa fa-facebook-f"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: #site-header > .site-header-inner.wrap > .header-content > .extras > .social-icons > a[data-tooltip="linkedin"][target="_blank"]
- Heading
-
Code
- Code extract
-
<a href="https://www.linkedin.com/company/competencesformation" data-tooltip="linkedin" target="_blank"><i class="fa fa-linkedin"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: #site-header > .site-header-inner.wrap > .header-content > .extras > .social-icons > a[data-tooltip="youtube"][target="_blank"]
- Heading
-
Code
- Code extract
-
<a href="https://www.youtube.com/channel/UCAFnNqGlVOMcVEznIJPTyvw" data-tooltip="youtube" target="_blank"><i class="fa fa-youtube-play"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: #site-header > .site-header-inner.wrap > .header-content > .extras > .social-icons > a[data-tooltip=""][target="_blank"][href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#" data-tooltip="" target="_blank"><i class="fa fa-cog"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: #site-header > .site-header-inner.wrap > .header-content > .extras > .menu-extras.navigator > .search-box > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">
<i class="fa fa-search"></i>
</a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .linkedin
- Heading
-
Code
- Code extract
-
<a class="dpShareButton linkedin" rel="nofollow" href="javascript:void(0);" data-url="https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/" data-text="Développer la qualité de vie au travail (QVT)"></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .facebook
- Heading
-
Code
- Code extract
-
<a class="dpShareButton facebook" rel="nofollow" href="javascript:void(0);" data-url="https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/" data-text="Développer la qualité de vie au travail (QVT)"></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .twitter
- Heading
-
Code
- Code extract
-
<a class="dpShareButton twitter" rel="nofollow" href="javascript:void(0);" data-via="" data-url="https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/" data-text="Développer la qualité de vie au travail (QVT)"></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .google
- Heading
-
Code
- Code extract
-
<a class="dpShareButton google" rel="nofollow" href="javascript:void(0);" data-url="https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/" data-text="Développer la qualité de vie au travail (QVT)"></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .print
- Heading
-
Code
- Code extract
-
<a class="dpShareButton print" rel="nofollow" href="javascript:window.print();" data-url="https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/" data-text="Développer la qualité de vie au travail (QVT)"></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .more
- Heading
-
Code
- Code extract
-
<a class="dpShareButton more" rel="nofollow" href="javascript:void(0);" data-share-text="Partager sur " data-url="https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/" data-text="Développer la qualité de vie au travail (QVT)" data-send-email="Envoyez à une personne" data-email-body="Bonjour, je souhaitais vous partager ce lien https://cform.fr/developper-la-qualite-de-vie-au-travail-qvt/">
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .go-back > a[href$="publications\/"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/publications/">
<i class="sl-options"></i>
</a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: #media_image-8 > a[href$="cform\.fr\/"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/">
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: a[rel="noopener"][target="_blank"]:nth-child(1)
- Heading
-
Code
- Code extract
-
<a href="https://www.facebook.com/cformimagein/" target="_blank" rel="noopener"><i class="fa fa-facebook-official"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: a[rel="noopener"][target="_blank"]:nth-child(2)
- Heading
-
Code
- Code extract
-
<a href="https://www.linkedin.com/company/competencesformation" target="_blank" rel="noopener"><i class="fa fa-linkedin-square"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .footer-copyright-inner > .social-icons > a[data-tooltip="facebook"][target="_blank"]
- Heading
-
Code
- Code extract
-
<a href="https://www.facebook.com/cformimagein/" data-tooltip="facebook" target="_blank"><i class="fa fa-facebook-f"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .footer-copyright-inner > .social-icons > a[data-tooltip="linkedin"][target="_blank"]
- Heading
-
Code
- Code extract
-
<a href="https://www.linkedin.com/company/competencesformation" data-tooltip="linkedin" target="_blank"><i class="fa fa-linkedin"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .footer-copyright-inner > .social-icons > a[data-tooltip="youtube"][target="_blank"]
- Heading
-
Code
- Code extract
-
<a href="https://www.youtube.com/channel/UCAFnNqGlVOMcVEznIJPTyvw" data-tooltip="youtube" target="_blank"><i class="fa fa-youtube-play"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .footer-copyright-inner > .social-icons > a[data-tooltip=""][target="_blank"][href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#" data-tooltip="" target="_blank"><i class="fa fa-cog"></i></a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: #wordpress-gdpr-popup-close
- Heading
-
Code
- Code extract
-
<a href="#" id="wordpress-gdpr-popup-close" class="wordpress-gdpr-popup-close" style="background-color: #000000;">
<i style="color: #FFFFFF;" class="fa fa-times"></i>
</a>
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .wordpress-gdpr-privacy-settings-trigger-container
- Heading
-
Code
- Code extract
-
<a href="#" class="wordpress-gdpr-privacy-settings-trigger-container wordpress-gdpr-open-privacy-settings-modal wordpress-gdpr-privacy-settings-trigger-bottom-left" style="background-color: #0d0d0d; color: #FFFFFF;">
- Problems
- * Fix any of these: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element's default semantics were not overridden with role="presentation"; Element does not have text that is visible to screen readers; Element's default semantics were not overridden with role="none"; aria-label attribute does not exist or is empty.
* 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; aria-label attribute exists and is not empty.
None of: Element is not in tab order or has accessible text.
About this Test
Short Description
Test Detail: Links with the same name have a similar purpose (identical-links-same-purpose)
(Test for Success Criterion
2.4.9)
-
Ensure that links with the same accessible name serve a similar purpose
(3 occurences)
-
All of: Check that links have the same purpose, or are intentionally ambiguous..
-
Path: #site-header > .site-header-inner.wrap > .header-content > .header-brand > a[href$="cform\.fr"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr">
-
Path: #menu-item-252 > a[data-ps2id-api="true"]
- Heading
-
Code
- Code extract
-
<a href="https://cform.fr/contactez-nous/" data-ps2id-api="true">Contact</a>
-
Path: .taxonomy
- Heading
-
Code
- Code extract
-
<a property="item" typeof="WebPage" title="Go to the QVT category archives." href="https://cform.fr/category/qvt/" class="taxonomy category"><span property="name">QVT</span></a>
-
Ensure that links with the same accessible name serve a similar purpose
(39 occurences)
-
All of: There are no other links with the same name, that go to a different URL.
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 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: IDs of active elements must be unique (duplicate-id-active)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures every id attribute value of active elements is unique
(2 occurences)
-
Any of: Document has no active elements that share the same id attribute.
About this Test
Short Description
Test Detail: IDs used in ARIA and labels must be unique (duplicate-id-aria)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures every id attribute value used in ARIA and in labels is unique
(6 occurences)
-
Any of: Document has no elements referenced with ARIA or labels that share the same id attribute.
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
(156 occurences)
-
Any of: Document has no static elements that share the same id attribute.
About this Test
Short Description
Test Detail: Elements must only use allowed ARIA attributes (aria-allowed-attr)
(Test for Success Criterion
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.
None of: ARIA attribute is supported.
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.
(1 occurrence)
-
Any of: No aria-hidden attribute is present on document body.
About this Test
Short Description
Test Detail: Required ARIA attributes must be provided (aria-required-attr)
(Test for Success Criterion
4.1.2: Parsing)
-
Ensures elements with ARIA roles have all required ARIA attributes
(1 occurrence)
-
Any of: All required ARIA attributes are present.
About this Test
Short Description
Test Detail: ARIA roles used must conform to valid values (aria-roles)
(Test for Success Criterion
4.1.2: Info and Relationships)
-
Ensures all elements with a role attribute use a valid value
(1 occurrence)
-
None of: Only one role value used; ARIA role is valid; ARIA role is supported; 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
4.1.2: Info and Relationships)
-
Ensures all ARIA attributes have valid values
(2 occurences)
-
All of: ARIA attribute values are valid; Uses a supported aria-errormessage technique.
About this Test
Short Description
Test Detail: ARIA attributes must conform to valid names (aria-valid-attr)
(Test for Success Criterion
4.1.2: Parsing)
-
Ensures attributes that begin with aria- are valid ARIA attributes
(2 occurences)
-
Any of: ARIA attribute name is valid.
About this Test
Short Description