image-alt - Images must have alternative text
Impact: critical
Description: Ensure
elements have alternative text or a role of none or presentation
Help: Images must have alternative text
Tags: cat.text-alternatives, wcag2a, wcag111, section508, section508.22.a, TTv5, TT7.a, TT7.b, EN-301-549, EN-9.1.1.1, ACT
Affected Elements (6)
<img class="not-prose block h-16" src="/sites/default/files/cssn/contribute-kb.svg">
Target: .group.aspect-square.hover--border-orange:nth-child(1) > .not-prose.h-16
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
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
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/askci.svg">
Target: .group.aspect-square.hover--border-orange:nth-child(2) > .not-prose.h-16
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
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
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/sites/default/files/cssn/cssn-ag.svg">
Target: .group.aspect-square[href$="cssn"] > .not-prose.h-16
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
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
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/sites/default/files/cssn/match-graphic.svg">
Target: a[href$="match"] > .not-prose.h-16
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
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
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/sites/default/files/cssn/share-persona.svg">
Target: a[href$="directory"] > .not-prose.h-16
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
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
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/sites/default/files/user/badges/badge-new-access%20.png">
Target: .group.aspect-square[href$="badges"] > .not-prose.h-16
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
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
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
landmark-unique - Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Impact: moderate
Description: Ensure landmarks are unique
Help: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Tags: cat.semantics, best-practice
Affected Elements (1)
<nav class="hidden md--block bg-md-teal p-5 ms-auto h-fit">
Target: .ms-auto
Failure Summary:
Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
region - All page content should be contained by landmarks
Impact: moderate
Description: Ensure all page content is contained by landmarks
Help: All page content should be contained by landmarks
Tags: cat.keyboard, best-practice
Affected Elements (5)
<div class="container">
Target: #header,.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content
</a>
Target: .focusable
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="region region-cta h-full">
Target: .region-cta
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="container prose">
Target: .layout-container > .prose.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="container">
Target: #footer,.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks