created:4/20/2021
updated:4/27/2021
loc
86
comments
1%
passed
4
coverage
56%

ViewportBlock

avatar of atanasster

Tests results

Status
Full name
Title
Time(ms)
ViewportBlock.test.ts(4 tests)
passed
ViewportBlock > overview
snapshot
215
passed
ViewportBlock > overview
accessibility
1110
passed
ViewportBlock > sizes
snapshot
83
passed
ViewportBlock > sizes
accessibility
763
total 4 tests

Tests coverage

Kind
Total
Covered
Skipped
%
ViewportBlock.tsx
lines
16
15
0
93.75%
functions
5
4
0
80%
statements
17
16
0
94.11%
branches
9
5
0
55.55%

A11y tests

320px
375px
768px
1024px
 
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 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). 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-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > div > .css-eqxzio > .css-a1kxmx > .css-1vz1ax5
Fix any of the following: Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). 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-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > div > .css-eqxzio > .css-a1kxmx > .css-1djxn1n
Fix any of the following: Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). 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-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > div > .css-eqxzio > .css-a1kxmx > .css-1rdjzs
Fix any of the following: Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). 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-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > div > .css-eqxzio > .css-a1kxmx > .css-1gnronh
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: blocks-core-story-plain--controls
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > div > .css-eqxzio > .css-a1kxmx > .css-1vz1ax5 > .css-xtndwh > .css-c91sbv[data-testid="story"] > .rah-static.rah-static--height-auto[aria-hidden="false"] > div
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-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > div > .css-eqxzio

Viewport

320px
375px
768px
1024px
320px
320px
375px
768px
1024px
375px
320px
375px
768px
1024px
768px
320px
375px
768px
1024px
1024px