# FastPass results

## Scan details

- target page url:http://localhost:3000/tournament/2
- scan date:2022-03-28 1:07 PM UTC
- comment:First "View Tournaments" test - results

## Summary

2
0
18

## Automated checks

### Failed instances 1 Failed instances
1 1 Failed

Resources for this rule
More information about color-contrast WCAG 1.4.3

- Path | .MuiButton-containedGrape
  Snippet | <button class="MuiButton-root MuiButton-contained MuiButton-containedGrape MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root OverviewButton css-yuy6tr-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button">
  How to fix | Fix the following: Element has insufficient color contrast of 3.57 (foreground color: #ffffff, background color: #b76bbf, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 Element has insufficient color contrast of 3.57 (foreground color: #ffffff, background color: #b76bbf, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 Use background color: #9b5aa2 and the original foreground color: #ffffff to meet a contrast ratio of 4.80:1. Use background color: #9b5aa2 and the original foreground color: #ffffff to meet a contrast ratio of 4.80:1.

aria-allowed-attr: Ensures ARIA attributes are allowed for an element's role(WCAG 4.1.2)
aria-hidden-body: Ensures aria-hidden='true' is not present on the document body.(WCAG 4.1.2)
aria-hidden-focus: Ensures aria-hidden elements do not contain focusable elements(WCAG 1.3.1, WCAG 4.1.2)
aria-valid-attr-value: Ensures all ARIA attributes have valid values(WCAG 4.1.2)
aria-valid-attr: Ensures attributes that begin with aria- are valid ARIA attributes(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
button-name: Ensures buttons have discernible text(WCAG 4.1.2)
color-contrast: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds(WCAG 1.4.3)
document-title: Ensures each HTML document contains a non-empty <title> element(WCAG 2.4.2)
html-has-lang: Ensures every HTML document has a lang attribute(WCAG 3.1.1)
html-lang-valid: Ensures the lang attribute of the <html> element has a valid value(WCAG 3.1.1)
image-alt: Ensures <img> elements have alternate text or a role of none or presentation(WCAG 1.1.1)
link-name: Ensures links have discernible text(WCAG 2.4.4, WCAG 4.1.2)
nested-interactive: Nested interactive controls are not announced by screen readers(WCAG 4.1.2)

## Tab stops

### Failed instances 1 Failed instances
1 1 Failed

Comment | No brackets could be accessed through tabbing

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)
Input focus: Input focus does not move unexpectedly without the user initiating it.(WCAG 2.3.1)