FastPass results
Scan details
- target page url:http://10.24.1.193:3000/create
- scan date:2022-03-28 12:00 PM UTC
- comment:First "Create tournament" page test - results
Summary
2
0
25
Automated checks
Failed instances 2Failed instances 22 Failed
Path .MuiButton-outlined Snippet <span class="MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButtonBase-root css-1rwt2y5-MuiButtonBase-root-MuiButton-root" tabindex="0" role="button"> How to fix Fix the following:- Element has insufficient color contrast of 4.09 (foreground color: #1976d2, background color: #f0f2f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1Element has insufficient color contrast of 4.09 (foreground color: #1976d2, background color: #f0f2f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- Use foreground color: #156abd and the original background color: #f0f2f2 to meet a contrast ratio of 4.88:1 Use foreground color: #156abd and the original background color: #f0f2f2 to meet a contrast ratio of 4.88:1
- Or use background color: #fcfefe and the original foreground color: #1976d2 to meet a contrast ratio of 4.55:1.Or use background color: #fcfefe and the original foreground color: #1976d2 to meet a contrast ratio of 4.55:1.
- Element has insufficient color contrast of 4.09 (foreground color: #1976d2, background color: #f0f2f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1Element has insufficient color contrast of 4.09 (foreground color: #1976d2, background color: #f0f2f2, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Path #max-teams-select Snippet <select id="max-teams-select"><option value="2">2</option><option value="4">4</option><option value="8">8</option><option value="16">16</option><option value="32">32</option><option value="64">64</option><option value="128">128</option></select> How to fix Fix ONE of the following:- Form element does not have an implicit (wrapped) <label>
- 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
- Element has no title attribute
- Element's default semantics were not overridden with role="none" or role="presentation"
aria-hidden-focus: Ensures aria-hidden elements do not contain focusable elements(WCAG 1.3.1, WCAG 4.1.2)
avoid-inline-spacing: Ensure that text spacing set through style attributes can be adjusted with custom stylesheets(WCAG 1.4.12)New for WCAG 2.1
color-contrast: Ensures the contrast between foreground and background colors meets WCAG 2 AA 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)
Tab stops
Failed instances 0Failed instances 00 Failed
Keyboard navigation: All interactive elements can be reached using the Tab and arrow keys.(WCAG 2.1.1)
Keyboard traps: There are no interactive elements that “trap” input focus and prevent navigating away.(WCAG 2.1.2)
Focus indicator: All interactive elements give a visible indication when they have input focus.(WCAG 2.4.7)
Tab order: The tab order is consistent with the logical order that's communicated visually.(WCAG 2.4.3)