FastPass results

Scan details

Resources for this rule

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 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)

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)