created:3/5/2021
updated:3/5/2021
loc
23
comments
52%
passed
4
coverage
100%

Markdown

avatar of atanasster

Markdown display component to compile and display markdown at run-time. Uses markdown-to-jsx internally.

Tests results

Status
Full name
Title
Time(ms)
Markdown.test.ts(4 tests)
passed
Markdown > overview
snapshot
177
passed
Markdown > overview
accessibility
397
passed
Markdown > image
snapshot
51
passed
Markdown > image
accessibility
47
total 4 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Markdown.tsx
lines
7
7
0
100%
functions
1
1
0
100%
statements
8
8
0
100%
branches
0
0
0
100%

A11y tests

Header H1

Header H2

Header H3

Header H4

Header H5

some text

@theme-ui
 
impact
id
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 3.04 (foreground color: #728fcb, background color: #faf8f5, font size: 12.0pt (16px), 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 > div > div[variant="styles\.p"] > pre > .token-line.css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.04 (foreground color: #728fcb, background color: #faf8f5, font size: 12.0pt (16px), 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 > div > div[variant="styles\.p"] > pre > .token-line.css-vurnku
minor
duplicate-id

Ensures every id attribute value is unique...

summary
target
Fix any of the following: Document has multiple static elements with the same id attribute: header-h1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div
Fix any of the following: Document has multiple static elements with the same id attribute: header-h2
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div
Fix any of the following: Document has multiple static elements with the same id attribute: header-h3
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div
Fix any of the following: Document has multiple static elements with the same id attribute: header-h4
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div
Fix any of the following: Document has multiple static elements with the same id attribute: header-h5
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div

Viewport

Header H1

Header H2

Header H3

Header H4

Header H5

some text

@theme-ui
320px

Header H1

Header H2

Header H3

Header H4

Header H5

some text

@theme-ui
375px

Header H1

Header H2

Header H3

Header H4

Header H5

some text

@theme-ui
768px

Header H1

Header H2

Header H3

Header H4

Header H5

some text

@theme-ui
1024px