Accessibility Audit Report

kiro.dev

Completed27 Jun 2026, 17:58viewport 756 × 413

Results from cache — scanned less than 24 hours ago

Accessibility score

D57 / 100

Poor

Weighted by issue severity and affected elements.

Affected elements by severity

Critical0

Serious3

Moderate0

Minor0

Rule violations

Affected elements

Passed checks

Manual review

Executive summary

kiro.dev scored 57/100 — a poor grade driven by issues that create barriers for people with disabilities.

Across the page, automated checks flagged 3 distinct rule violations affecting 3 elements: 3 serious.

A further 3 checks could not be evaluated automatically and require manual review, while 41 checks passed. Remediating the most frequent serious issue — elements must meet minimum color contrast ratio thresholds — will clear the highest-impact barriers first.

Methodology

Scanned against WCAG 2.0 / 2.1 success criteria at a 756 × 413 viewport, with the results mapped to practical EN 301 549 and European Accessibility Act readiness. Automated testing detects only part of WCAG risk; pair it with manual keyboard and assistive-technology testing for full coverage.

Legal compliance risk

Digital Accessibility Act readiness

Since 28 June 2025, the European Accessibility Act (Directive (EU) 2019/882) has applied to covered digital services across the EU market. Many organizations refer to this as the Digital Accessibility Act in procurement and compliance work. In practice, websites, apps, e-commerce, banking, transport, media and support journeys should align with EN 301 549 and WCAG AA expectations.

Non-compliance can trigger formal complaints, corrective orders, national authority investigations, financial penalties in EUR, reputational harm, contract loss, and restrictions on placing or keeping a non-conforming service in the market. This audit found 3 accessibility issues that may expose your organization to this risk and should be remediated promptly.

Priority implication: treat critical checkout, booking, account, payment and support barriers as commercial and compliance risks, not only technical defects. Remediation evidence can help demonstrate due diligence if customers, public buyers or regulators request proof of accessibility work.

Findings

3 rule violations, grouped by severity.

Serious3 rules · 3 elements

Serious

3 rules · 3 elements

Seriouscolor-contrast

element

Elements must meet minimum color contrast ratio thresholds

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

WCAG 2.0 AAWCAG 1.4.3

Why it matters

Causes significant barriers for assistive-technology users. Should be fixed soon.

How to fix

→Element has insufficient color contrast of 4.42 (foreground color: #fafafa, background color: #9147ff, font size: 17.4pt (23.263px), font weight: normal). Expected contrast ratio of 4.5:1

Where — sample elements

.max-w-\[800px\] > .text-xl

<p class="text-xl">Get started for free</p>

Learn more ↗

Seriousnested-interactive

element

Interactive controls must not be nested

Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

WCAG 2.0 AWCAG 4.1.2

Why it matters

Causes significant barriers for assistive-technology users. Should be fixed soon.

How to fix

→Element has focusable descendants

Where — sample elements

.-mx-\[24px\]

<div class="z-30 col-span-12 -mx-[24px] font-display transition-[margin] duration-150 md:mx-0" role="img" aria-label="">

Learn more ↗

Seriousrole-img-alt

element

[role="img"] elements must have alternative text

Ensure [role="img"] elements have alternative text

WCAG 2.0 AWCAG 1.1.1

Why it matters

Causes significant barriers for assistive-technology users. Should be fixed soon.

How to fix

→aria-label attribute does not exist or is empty
→aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
→Element has no title attribute

Where — sample elements

.-mx-\[24px\]

<div class="z-30 col-span-12 -mx-[24px] font-display transition-[margin] duration-150 md:mx-0" role="img" aria-label="">

Learn more ↗

Needs manual review

3 checks could not be decided automatically and should be verified by a person.

aria-valid-attr-value4

ARIA attributes must conform to valid values

Ensure all ARIA attributes have valid values

video-caption1

<video> elements must have captions

Ensure <video> elements have captions

no-autoplay-audio1

<video> or <audio> elements must not play automatically

Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio

Passed checks41

Automated checks that returned no violations on this page.

aria-allowed-attr
aria-allowed-role
aria-conditional-attr
aria-deprecated-role
aria-hidden-body
aria-hidden-focus
aria-prohibited-attr
aria-required-attr
aria-roles
aria-valid-attr-value
aria-valid-attr
avoid-inline-spacing
button-name
bypass
color-contrast
document-title

+ 25 more passed checks

Choose Your Path to Compliance

Select the option that works best for you

AI-Powered Fix Instructions

Get detailed, step-by-step instructions with AI assistance to fix issues yourself

✓Code examples and solutions
✓Priority-based guidance
✓Instant access

Full Manual Audit by Expert

Order a comprehensive manual audit from accessibility specialists

✓Expert human review
✓Detailed remediation report
✓Priority support