Audit Result

UUID: 019eeef3-c74c-7116-aa77-dab8df290764

Share on X Recheck Back to history
reka-ui.com

https://reka-ui.com/

Scanned 3 weeks ago

82
Fair Score
39 total checks
Passed
26
Warnings
12
Errors
1

Meta Information

  • Title Tag Pass

    Found 57 characters. Length is optimal.

  • Meta Description Pass

    Found 151 characters. Good snippet length.

  • Canonical URL Pass

    Canonical found: https://reka-ui.com

  • Favicon Pass

    Favicon found and reachable: /logo.png (HTTP 200).

    Favicon
  • Viewport Meta Pass

    Viewport configured: width=device-width,initial-scale=1

  • HTML Lang Pass

    Language declared as "en-US".

Content Structure

  • H1 Tag Pass

    Exactly one H1 found: "Craft accessible web apps with Vue".

  • Heading Hierarchy Pass

    Valid heading flow across 6 headings.

  • Image Alt Text Pass

    All 6 images include alt text.

Technical Optimization

  • HTTPS Pass

    Page is served over HTTPS.

  • HSTS & HTTPS Redirect Warning

    2 HTTPS hardening issues detected.

    • • Missing Strict-Transport-Security header.
    • • Could not probe the HTTP version of this page.

    Fix: Set Strict-Transport-Security with a long max-age, add includeSubDomains, and redirect all HTTP requests to HTTPS.

  • Security Headers Warning

    Missing: strict-transport-security, content-security-policy, x-frame-options.

    Full HTTP headers (16)
    • • access-control-allow-origin: *
    • • alt-svc: h3=":443"; ma=86400
    • • cache-control: public, max-age=0, must-revalidate
    • • cf-cache-status: DYNAMIC
    • • cf-ray: a0fab0d34f8c3afa-IAD
    • • content-encoding: br
    • • content-type: text/html; charset=utf-8
    • • date: Mon, 22 Jun 2026 10:50:12 GMT
    • • link: </assets/style.C9GEzGSo.css>; rel="preload stylesheet"; as=style, </vp-icons.css>; rel="preload stylesheet"; as=style, </assets/chunks/theme.CTXkRukj.js>; rel="modulepreload", </assets/chunks/framework.D5rH7RPN.js>; rel="modulepreload", </assets/index.md.BxO99zzO.lean.js>; rel="modulepreload"
    • • nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
    • • referrer-policy: strict-origin-when-cross-origin
    • • report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=elxPtT48jQ0HsOQMiWCNB8ZN3mz3xe9ZUDgfLDALR3h0kqFHxuq0aUjhSRHLjoG0R7W6fpd1qoa2xhErGBaPO7nvvp4EijN4ospHiC1WADZT3xIYYObmMmkItJR%2F6u9JyxxOb6BOZsZfqg%3D%3D"}]}
    • • server: cloudflare
    • • server-timing: cfCacheStatus;desc="DYNAMIC" cfEdge;dur=17,cfOrigin;dur=70
    • • vary: accept-encoding
    • • x-content-type-options: nosniff

    Fix: Add the missing security headers at your reverse proxy or application layer.

  • CSP Quality Warning

    Content-Security-Policy header is missing.

    • • Missing Content-Security-Policy header.

    Fix: Define a restrictive Content-Security-Policy and avoid unsafe directives such as unsafe-inline and unsafe-eval.

  • Cookie Security Pass

    No first-party cookies were set during the initial page load.

  • Server Version Disclosure Pass

    Server response headers do not expose version tokens.

  • Cloudflare Proxy Pass

    Domain appears to be behind Cloudflare.

    • • server: cloudflare
    • • cf-cache-status: DYNAMIC
    • • cf-ray: a0fab0d34f8c3afa-IAD
  • Perceived Load Time Pass

    Loaded in 0.27s (perceived).

  • Render Blocking Resources Warning

    0 scripts and 1 styles may block rendering.

    • • style: https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap

    Fix: Defer non-critical scripts and inline critical CSS to improve first paint speed.

  • Compression Warning

    1 text resources look uncompressed.

    • • https://reka-ui.com/vp-icons.css (text/css; charset=utf-8)

    Fix: Enable Brotli or Gzip compression for HTML, CSS, JS, and JSON responses.

  • Robots.txt Pass

    Found robots.txt (200).

  • Sitemap File Pass

    Found sitemap (200) at https://reka-ui.com/sitemap.xml.

  • Crawl Directives Warning

    No robots meta tag defined.

    Fix: Add <meta name="robots" content="index,follow"> (or the intended directive) in <head>.

Accessibility Basics

  • Form Labels Error

    2 of 4 controls are missing labels.

    • • input[type="text"].px-3.py-2
    • • input[type="text"].!bg-transparent.outline-none (Type or select an option...)

    Fix: Associate each form control with a visible label, aria-label, or aria-labelledby.

  • Landmarks Pass

    Header, nav, main, and footer landmarks are present.

  • Tap Target Size Warning

    22 interactive elements appear smaller than 48px.

    • • a.flex.items-center (Reka) - 105x36px
    • • button.flex.items-center (Search⌘ K) - 251x36px
    • • a.py-2.mx-3 (Docs) - 34x36px
    • • a.py-2.mx-3 (Examples) - 66x36px
    • • a.py-2.mx-3 (Showcase) - 69x36px
    • • button#reka-dropdown-menu-trigger-v-1.py-2.px-2 (v2.10.0) - 70x36px
    • • button#theme-toggle.w-11.h-6 (Switch to light theme) - 44x24px
    • • a.w-9.h-9 (Sponsor) - 36x36px
    • • a.w-9.h-9 (discord) - 36x36px
    • • a.w-9.h-9 (github) - 36x36px
    • • a.text-sm.px-3 (✨ 12 New Components) - 180x28px
    • • a.relative.inline-block (unstyled) - 100x36px
    • • a.relative.inline-block (primitive) - 99x36px
    • • a.relative.inline-block (examples & use cases) - 254x36px
    • • button.inline-flex.items-center (Previous page) - 28x28px
    • • button.inline-flex.items-center (Next page) - 28x28px
    • • button.p-2.disabled:opacity-20 (Decrease) - 30x30px
    • • button.p-2.disabled:opacity-20 (Increase) - 30x30px
    • • button (Show popup) - 16x16px
    • • button.flex-shrink-0.flex-grow-0 (Bold) - 25x25px
    • • button.flex-shrink-0.flex-grow-0 (Italic) - 25x25px
    • • button.flex-shrink-0.flex-grow-0 (Strike through) - 25x25px

    Fix: Increase target size to at least 48x48 CSS pixels for touch interactions.

Social & Rich Results

  • Open Graph Basics Pass

    Core Open Graph tags are present.

  • Open Graph Image Pass

    og:image is present and absolute.

    Open Graph Image
  • Twitter Card Pass

    twitter:card set to summary_large_image.

  • Structured Data Warning

    No JSON-LD schema scripts found.

    Fix: Add JSON-LD structured data matching your page type (Organization, Article, Product, etc.).

  • PWA Metadata Warning

    Manifest or Apple touch icon is missing.

    Fix: Link your web app manifest and apple-touch-icon for improved install/share experiences.

  • Open Graph/Twitter Quality Warning

    1 social preview quality issues detected.

    • • ISSUE: og:title should typically be between 10 and 70 characters.
    • • GUIDELINE: Optimal og:title length: 40-60 characters (acceptable: 10-70).
    • • GUIDELINE: Optimal og:description length: 110-160 characters (acceptable: 50-200).
    • • GUIDELINE: Optimal preview image size: 1200x630 pixels.
    • • GUIDELINE: Optimal preview image aspect ratio: 1.91:1.
    • • GUIDELINE: Optimal preview image file size: under 5 MB.
    • • GUIDELINE: Recommended twitter:card: summary_large_image.
    • • MEASURED: Image size: 0.17 MB
    • • MEASURED: Image dimensions: 1440x840

    Fix: Use absolute OG/Twitter URLs, keep metadata lengths in recommended ranges, and provide a preview image near 1200x630 under 5MB.

Links Analysis

  • Internal Links Pass

    Checked 14 links. No broken internal links found.

  • External Links Pass

    No broken external links found in checked URLs.

  • Link Format Warning

    1 links are empty, invalid, or placeholder-only.

    • • href="#" text="Edited 2 hours ago"

    Fix: Replace empty/#/javascript href values with real destinations or use buttons for non-navigation actions.

Performance & Runtime

  • Core Web Vitals: LCP Pass

    Largest Contentful Paint: 0.33s.

  • Core Web Vitals: CLS Pass

    Cumulative Layout Shift: 0.038.

  • Main Thread Blocking (TBT) Pass

    Total Blocking Time estimate: 62ms.

  • Broken Assets Pass

    No failed CSS/JS/image/font/media requests detected.

  • JavaScript Runtime Errors Warning

    1 JavaScript runtime issues detected.

    • • Hydration completed but contains mismatches. [https://reka-ui.com/assets/chunks/framework.D5rH7RPN.js:13]

    Fix: Fix JS files returning 404/failed requests and resolve the listed runtime exceptions.