Audit Result

UUID: 019e9396-d34f-72e7-994f-47d0e8c9ad0c

Share on X Recheck Back to history
tailwindcss.com

https://tailwindcss.com/docs/colors

Scanned 3 months ago

78
Fair Score
39 total checks
Passed
24
Warnings
13
Errors
2

Meta Information

  • Title Tag Pass

    Found 37 characters. Length is optimal.

  • Meta Description Warning

    Found 65 characters. Keep description around 70-160 characters.

    Fix: Add <meta name="description" content="..."> in <head> with a clear page summary.

  • Canonical URL Warning

    Canonical link not found.

    Fix: Add <link rel="canonical" href="https://example.com/page"> to avoid duplicate URL ambiguity.

  • Favicon Pass

    Favicon found and reachable: /favicons/favicon-32x32.png?v=4 (HTTP 200).

    Favicon
  • Viewport Meta Pass

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

  • HTML Lang Pass

    Language declared as "en".

Content Structure

Technical Optimization

  • HTTPS Pass

    Page is served over HTTPS.

  • HSTS & HTTPS Redirect Warning

    2 HTTPS hardening issues detected.

    • • HSTS is missing includeSubDomains.
    • • Could not probe the HTTP version of this page.
    • • Strict-Transport-Security: max-age=63072000

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

  • Security Headers Warning

    Missing: content-security-policy, x-frame-options, x-content-type-options, referrer-policy.

    Full HTTP headers (20)
    • • access-control-allow-origin: *
    • • age: 33122
    • • cache-control: public, max-age=0, must-revalidate
    • • cf-cache-status: DYNAMIC
    • • cf-ray: a06882739835b754-IAD
    • • content-disposition: inline
    • • content-encoding: br
    • • content-type: text/html; charset=utf-8
    • • date: Thu, 04 Jun 2026 17:03:11 GMT
    • • etag: W/"37347f55e4e6759208928b11a0d97b4f"
    • • nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
    • • report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=aXkwXcWl5267Qclz93%2FaeuLR2MQx3i7a2EKLR1C1b3qokyalf1ozIv7HoeDilGIoXcAGzrI1lRVEHIeuRtES7jn1XjfSSzuANQaDrKI%2BKU0chHYn2In1Ku7k2cjnTfYoxbgytFjO%2FZG1OXPQ2w%3D%3D"}]}
    • • server: cloudflare
    • • strict-transport-security: max-age=63072000
    • • vary: rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch accept-encoding
    • • x-matched-path: /docs/colors
    • • x-nextjs-prerender: 1
    • • x-nextjs-stale-time: 300
    • • x-vercel-cache: HIT
    • • x-vercel-id: iad1::zsc45-1780592591944-5d38033597b0

    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: a06882739835b754-IAD
  • Perceived Load Time Pass

    Loaded in 0.26s (perceived).

  • Render Blocking Resources Warning

    11 scripts and 2 styles may block rendering.

    • • script: https://tailwindcss.com/_next/static/chunks/03~yq9q893hmn.js
    • • script: https://tailwindcss.com/_next/static/chunks/0qdme1q3zt0a3.js
    • • script: https://tailwindcss.com/_next/static/chunks/0p8_p1p_5.ig0.js
    • • script: https://tailwindcss.com/_next/static/chunks/147reo8hh7352.js
    • • script: https://tailwindcss.com/_next/static/chunks/0ftg2lnavpp8x.js
    • • script: https://tailwindcss.com/_next/static/chunks/0_23vr0owid-s.js
    • • script: https://tailwindcss.com/_next/static/chunks/0u3tkx0oau_-_.js
    • • script: https://tailwindcss.com/_next/static/chunks/07m4i.3jmkizx.js
    • • script: https://tailwindcss.com/_next/static/chunks/01h-3lwpom4zc.js
    • • script: https://tailwindcss.com/_next/static/chunks/0r.mr63.pl.40.js
    • • script: https://tailwindcss.com/_next/static/chunks/0j8oujp1w4q4g.js
    • • style: https://tailwindcss.com/_next/static/chunks/0nqg12105ip75.css
    • • style: https://tailwindcss.com/_next/static/chunks/0n9_1tq74i09x.css

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

  • Compression Pass

    Text-like assets appear compressed.

  • Robots.txt Error

    robots.txt missing or inaccessible (404).

    Fix: Create a robots.txt file at https://tailwindcss.com/robots.txt and allow intended crawlers.

  • Sitemap File Warning

    Sitemap missing or inaccessible at https://tailwindcss.com/sitemap.xml (404).

    Fix: Publish a sitemap.xml and reference it in robots.txt with: Sitemap: https://tailwindcss.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 Pass

    All 0 controls are labeled.

  • Landmarks Warning

    Missing landmarks: header, main.

    Fix: Use semantic regions (<header>, <nav>, <main>, <footer>) for navigation and assistive tech.

  • Tap Target Size Warning

    25 interactive elements appear smaller than 48px.

    • • a.shrink-0 (Home) - 159x20px
    • • button#headlessui-menu-button-_R_3pb5ulb_.flex.items-center (Select version of library) - 60x24px
    • • button.inline-flex.items-center (⌘KCtrl K) - 65x24px
    • • a.text-sm/6.text-gray-950 (Docs) - 34x24px
    • • a.text-sm/6.text-gray-950 (Blog) - 30x24px
    • • a.text-sm/6.text-gray-950 (Showcase) - 70x24px
    • • a.text-sm/6.text-gray-950 (Partners) - 56x24px
    • • a.group.relative (Plus) - 39x24px
    • • a (GitHub repository) - 20x20px
    • • a.group.inline-flex (Documentation) - 136x28px
    • • a.group.inline-flex (Components) - 112x28px
    • • a.group.inline-flex (Templates) - 98x28px
    • • a.group.inline-flex (UI Kit) - 61x28px
    • • a.group.inline-flex (Playground) - 105x28px
    • • a.group.inline-flex (CourseNew) - 121x28px
    • • a.group.inline-flex (Community) - 100x28px
    • • a.inline-block.border-l (Installation) - 87x24px
    • • a.inline-block.border-l (Editor setup) - 96x24px
    • • a.inline-block.border-l (Compatibility) - 102x24px
    • • a.inline-block.border-l (Upgrade guide) - 119x24px
    • • a.inline-block.border-l (Styling with utility classes) - 182x24px
    • • a.inline-block.border-l (Hover, focus, and other states) - 219x24px
    • • a.inline-block.border-l (Responsive design) - 144x24px
    • • a.inline-block.border-l (Dark mode) - 91x24px
    • • a.inline-block.border-l (Theme variables) - 130x24px

    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 Pass

    Manifest and Apple touch icon are configured.

  • Open Graph/Twitter Quality Pass

    Social preview metadata and image quality look good for Open Graph/Twitter.

    • • 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.13 MB
    • • MEASURED: Image dimensions: 1200x630

Links Analysis

  • Internal Links Pass

    Checked 80 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="(empty)" text="arbitrary values"

    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.26s.

  • Core Web Vitals: CLS Pass

    Cumulative Layout Shift: 0.000.

  • Main Thread Blocking (TBT) Pass

    Total Blocking Time estimate: 55ms.

  • Broken Assets Error

    1 asset requests failed.

    • • https://spotlight.tailwindui.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Favatar.51a13c67.jpg&w=128&q=80 (HTTP 400)

    Fix: Fix missing files, update asset URLs, and ensure static assets return HTTP 200.

  • JavaScript Runtime Errors Warning

    1 JavaScript runtime issues detected.

    • • Failed to load resource: the server responded with a status of 400 () [https://spotlight.tailwindui.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Favatar.51a13c67.jpg&w=128&q=80:1]

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