FastPass results
Scan details
- target page url:https://guidebook.civicactions.com/en/latest/
- scan date:2023-10-25 4:22 PM UTC
Summary
6
5
25
Automated checks
Failed instances 6Failed instances 66 Failed
Path .md-nav__item--nested.md-nav__item:nth-child(5) > label[for="__nav_2_6"] Snippet <label class="md-nav__link" for="__nav_2_6" tabindex="0" aria-expanded="false"> <span class="md-ellipsis"> Our structure </span> <span class="md-nav__icon md-icon"></span> </label> How to fix Fix the following:- ARIA attribute is not allowed: aria-expanded="false"
Path .md-nav__item--nested.md-nav__item:nth-child(5) > label[for="__nav_4_6"] Snippet <label class="md-nav__link" for="__nav_4_6" tabindex="0" aria-expanded="false"> <span class="md-ellipsis"> Employment policies (US employees) </span> <span class="md-nav__icon md-icon"></span> </label> How to fix Fix the following:- ARIA attribute is not allowed: aria-expanded="false"
Path .md-nav__item--nested.md-nav__item > label[for="__nav_5_7_7"] Snippet <label class="md-nav__link" for="__nav_5_7_7" tabindex="0" aria-expanded="false"> <span class="md-ellipsis"> Incidents </span> <span class="md-nav__icon md-icon"></span> </label> How to fix Fix the following:- ARIA attribute is not allowed: aria-expanded="false"
Path .md-nav__item--nested.md-nav__item:nth-child(3) > label[for="__nav_6_4"] Snippet <label class="md-nav__link" for="__nav_6_4" tabindex="0" aria-expanded="false"> <span class="md-ellipsis"> Engineering </span> <span class="md-nav__icon md-icon"></span> </label> How to fix Fix the following:- ARIA attribute is not allowed: aria-expanded="false"
Path .md-copyright Snippet <div class="md-copyright"> Made with <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener"> Material for MkDocs Insiders </a> </div> Related paths - .md-footer-meta
- footer
- body
How to fix Fix the following:- Element has insufficient color contrast of 4.47 (foreground color: #7f7f7f, background color: #171717, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1Element has insufficient color contrast of 4.47 (foreground color: #7f7f7f, background color: #171717, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1
- Use foreground color: #858585 and the original background color: #171717 to meet a contrast ratio of 4.86:1 Use foreground color: #858585 and the original background color: #171717 to meet a contrast ratio of 4.86:1
- Or use background color: #151515 and the original foreground color: #7f7f7f to meet a contrast ratio of 4.56:1.Or use background color: #151515 and the original foreground color: #7f7f7f to meet a contrast ratio of 4.56:1.
Path .md-search__scrollwrap Snippet <div class="md-search__scrollwrap"> <div class="md-search-result" data-md-component="search-result"> <div class="md-search-result__meta">Type to start searching</div> <ol class="md-search-result__list" role="presentation"></ol> </div> </div> How to fix Fix ONE of the following:- Element should have focusable content
- Element should be focusable
aria-allowed-role: Ensures role attribute has an appropriate value for the element(WCAG 1.3.1, WCAG 4.1.2)Best Practice
autocomplete-valid: Ensure the autocomplete attribute is correct and suitable for the form field(WCAG 1.3.5)New for WCAG 2.1
bypass: Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content(WCAG 2.4.1)
color-contrast: Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds(WCAG 1.4.3)
duplicate-id-aria: Ensures every id attribute value used in ARIA and in labels is unique(WCAG 4.1.1)
link-in-text-block: Ensure links are distinguished from surrounding text in a way that does not rely on color(WCAG 1.4.1)
nested-interactive: Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies(WCAG 4.1.2)
presentation-role-conflict: Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them(WCAG 1.3.1)Best Practice
scrollable-region-focusable: Ensure elements that have scrollable content are accessible by keyboard(WCAG 2.1.1)
Tab stops
Failed instances 0Failed instances 00 Failed
Keyboard navigation: All interactive elements can be reached using the Tab and arrow keys. (Partially automated)(WCAG 2.1.1)
Keyboard traps: There are no interactive elements that “trap” input focus and prevent navigating away. (Partially automated)(WCAG 2.1.2)
Focus indicator: All interactive elements give a visible indication when they have input focus. (Manual)(WCAG 2.4.7)
Tab order: The tab order is consistent with the logical order that's communicated visually. (Partially automated)(WCAG 2.4.3)
Input focus: Input focus does not move unexpectedly without the user initiating it. (Manual)(WCAG 2.3.1)