ComponentCard

Table to display the components usage, with a % progress indicator

	Status	Full name	Title	Time(ms)
ComponentCard.test.ts(2 tests)
	passed	ComponentCard > overview	snapshot	191
	passed	ComponentCard > overview	accessibility	465

total 2 tests

	Kind	Total	Covered	Skipped	%
ComponentCard.tsx
	lines	19	18	0	94.73%
	functions	1	1	0	100%
	statements	20	19	0	95%
	branches	33	18	0	54.54%

created:N/A

updated:N/A

loc

comments

todos

passed

failed

coverage

67%

Markdown descripton for component.

impact

description

serious

color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

	summary	target
	Fix any of the following: Element has insufficient color contrast of 4.31 (foreground color: #ffffff, background color: #227fc0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1	.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-wh7vml > .css-1b2gf4v > .css-ncjsai[title="total\ lines\ of\ code"]
	Fix any of the following: Element has insufficient color contrast of 3.77 (foreground color: #ffffff, background color: #ed4737, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1	.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-wh7vml > .css-1b2gf4v > .css-ncjsai:nth-child(2)
	Fix any of the following: Element has insufficient color contrast of 3.65 (foreground color: #ffffff, background color: #838b47, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1	.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-wh7vml > .css-1b2gf4v > .css-ncjsai[title="tests\ coverage\ by\ branches"]

moderate

scrollable-region-focusable

Ensure elements that have scrollable content are accessible by keyboard...

	summary	target
	Fix any of the following: Element should have focusable content Element should be focusable	.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-wh7vml > .css-z4jujk > .css-1uyif2x > .css-1uyif2x > .css-1gr3cog > .css-o74gx3 > .css-1jd495m
	Fix any of the following: Element should have focusable content Element should be focusable	.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-wh7vml > .css-z4jujk > .css-1uyif2x > .css-1uyif2x > .css-1gr3cog > .css-1yp5l2m > .css-1jd495m