Inspection results

16 findings across 2 page views

Northstar Operations

desktop1440 x 900

7 findings110 elements586 ms load1,440 x 982 document

Screenshot

Click a marker to inspect it

Findings

7 shown

Text or interactive content is clipped by its container.

article:nth-of-type(2) > div:nth-of-type(2)

Evidence details

clientWidth: 318
clientHeight: 300
scrollWidth: 355
scrollHeight: 300
clippedHorizontally: true
clippedVertically: false

Fix: Allow the container to grow, wrap the content, or use an intentional truncation treatment with an accessible label.

Text or interactive content is clipped by its container.

section:nth-of-type(3)

Evidence details

clientWidth: 1162
clientHeight: 238
scrollWidth: 1180
scrollHeight: 238
clippedHorizontally: true
clippedVertically: false

Fix: Allow the container to grow, wrap the content, or use an intentional truncation treatment with an accessible label.

Text contrast is 4.14:1; 4.5:1 is required.

div:nth-of-type(1) > p:nth-of-type(1)

Evidence details

contrastRatio: 4.14
requiredRatio: 4.5
foreground: rgb(102, 119, 124)
background: rgb(238, 242, 243)
fontSize: 12
fontWeight: 800

Fix: Increase foreground/background contrast or increase the rendered text size and weight.

Text contrast is 1.44:1; 4.5:1 is required.

div:nth-of-type(4) > span

Evidence details

contrastRatio: 1.44
requiredRatio: 4.5
foreground: rgb(210, 216, 217)
background: rgb(255, 255, 255)
fontSize: 12
fontWeight: 400

Fix: Increase foreground/background contrast or increase the rendered text size and weight.

A large visual surface is blank or nearly uniform.

#throughput

Evidence details

surfaceType: canvas
brightnessSpread: 0
dominantColorRatio: 1

Fix: Verify rendering initialization, asset loading, canvas dimensions, and WebGL or media errors.

Two unrelated visible elements overlap substantially.

div:nth-of-type(3) > pwith div:nth-of-type(2) > div:nth-of-type(1)

Evidence details

overlapWidth: 93.43
overlapHeight: 35.09
overlapRatio: 0.45

Fix: Inspect stacking, absolute positioning, negative margins, and breakpoint-specific layout rules.

An icon-only control has no accessible name.

header > button

Fix: Add aria-label, visible text, or another reliable accessible name.

Northstar Operations

mobile390 x 844

9 findings110 elements311 ms load390 x 1,486 document

Screenshot

Click a marker to inspect it

Findings

9 shown

Text or interactive content is clipped by its container.

article:nth-of-type(2) > div:nth-of-type(2)

Evidence details

clientWidth: 360
clientHeight: 300
scrollWidth: 397
scrollHeight: 300
clippedHorizontally: true
clippedVertically: false

Fix: Allow the container to grow, wrap the content, or use an intentional truncation treatment with an accessible label.

Text or interactive content is clipped by its container.

section:nth-of-type(1)

Evidence details

clientWidth: 362
clientHeight: 224
scrollWidth: 392
scrollHeight: 224
clippedHorizontally: true
clippedVertically: false

Fix: Allow the container to grow, wrap the content, or use an intentional truncation treatment with an accessible label.

Text or interactive content is clipped by its container.

section:nth-of-type(3)

Evidence details

clientWidth: 360
clientHeight: 238
scrollWidth: 1180
scrollHeight: 238
clippedHorizontally: true
clippedVertically: false

Fix: Allow the container to grow, wrap the content, or use an intentional truncation treatment with an accessible label.

Text contrast is 4.14:1; 4.5:1 is required.

div:nth-of-type(1) > p:nth-of-type(1)

Evidence details

contrastRatio: 4.14
requiredRatio: 4.5
foreground: rgb(102, 119, 124)
background: rgb(238, 242, 243)
fontSize: 12
fontWeight: 800

Fix: Increase foreground/background contrast or increase the rendered text size and weight.

Text contrast is 1.44:1; 4.5:1 is required.

div:nth-of-type(4) > span

Evidence details

contrastRatio: 1.44
requiredRatio: 4.5
foreground: rgb(210, 216, 217)
background: rgb(255, 255, 255)
fontSize: 12
fontWeight: 400

Fix: Increase foreground/background contrast or increase the rendered text size and weight.

A large visual surface is blank or nearly uniform.

#throughput

Evidence details

surfaceType: canvas
brightnessSpread: 0
dominantColorRatio: 1

Fix: Verify rendering initialization, asset loading, canvas dimensions, and WebGL or media errors.

Two unrelated visible elements overlap substantially.

div:nth-of-type(3) > pwith div:nth-of-type(2) > div:nth-of-type(1)

Evidence details

overlapWidth: 93.43
overlapHeight: 35.09
overlapRatio: 0.41

Fix: Inspect stacking, absolute positioning, negative margins, and breakpoint-specific layout rules.

An interactive target is smaller than 24 by 24 CSS pixels.

header > button

Evidence details

targetWidth: 22
targetHeight: 22
recommendedMinimum: 24

Fix: Increase the clickable area to at least 24 by 24 CSS pixels; 44 by 44 is a comfortable target.

An icon-only control has no accessible name.

header > button

Fix: Add aria-label, visible text, or another reliable accessible name.