Audit Result

UUID: 019e4a4d-9364-714c-a0b4-de142d95a171

material.colorion.co

https://material.colorion.co/

Scanned 3 months ago

79
Fair Score
39 total checks
Passed
24
Warnings
14
Errors
1

Meta Information

  • Title Tag Pass

    Found 43 characters. Length is optimal.

  • Found 82 characters. Good snippet length.

  • Canonical found: https://material.colorion.co/

  • Favicon Warning

    No favicon link found in <head>.

    Fix: Add <link rel="icon" href="/favicon.ico"> to ensure browser tab and bookmark visibility.

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

  • HTML Lang Pass

    Language declared as "en".

Content Structure

  • H1 Tag Pass

    Exactly one H1 found: "Material color palettes for modern interfaces".

  • Detected 1 heading level jumps.

    • • Skipped from h1 to h3: "Material color palettes for modern interfaces" -> "Detected colors".

    Fix: Follow semantic order (h1 -> h2 -> h3) and avoid skipping heading levels.

  • All 202 images include alt text.

Technical Optimization

  • HTTPS Pass

    Page is served over HTTPS.

  • 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.

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

    Full HTTP headers (15)
    • • access-control-allow-origin: *
    • • age: 810869
    • • alt-svc: h3=":443"; ma=86400
    • • cache-control: public, max-age=0, s-maxage=2592000
    • • cf-cache-status: BYPASS
    • • cf-ray: 9ff3406baae11ff4-IAD
    • • content-encoding: zstd
    • • content-type: text/html
    • • date: Thu, 21 May 2026 11:30:53 GMT
    • • last-modified: Sat, 07 Feb 2026 16:49:30 GMT
    • • 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=j%2BvggQ3p%2BtIgkzr%2BlUStbf7I9v%2BmVE4MBNw77ktEeR4u2ju9Po61VXpWwmfmaUeVgyMzcaL5beTaatBPmvwQaAqS%2FlenDf%2FIecrD6mBWo4qwKlkDfRjPrrgzCUM5FrK8kIpjtxE2QfpQUT4c5HiMUNdKFg%3D%3D"}]}
    • • server: cloudflare
    • • svid: 1dae33ea5d24ef28f0be969c9f3ad583cc720bd312fab97723c378442bcb4485462b6dc0eb48e3c18e85aa074304ed4f5ea94b102921bdcdebfd1ee9ac908a47f0b5e094af60e61025fec2272745e3c90259583099a3141dd374dc30ae3dfe9835ccf86be525881e6f8bed8b55a877a2985b44dc29a92fd71431725eae0df920e042efd9cf4fa7b0500d98b956b951e5ddf3e3e2e7c16a0516e8276ca32a0fea50753d77b9f58ce10bd59e7aff20b1352f0147343a4658570bb67a9396970aac0be7b3563693b8c24c80537a861f6f2a9c10786e6926c136eb74019501f9954ea80c12
    • • vary: Accept-Encoding

    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.

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

  • Server response headers do not expose version tokens.

  • Domain appears to be behind Cloudflare.

    • • server: cloudflare
    • • cf-cache-status: BYPASS
    • • cf-ray: 9ff3406baae11ff4-IAD
  • Loaded in 0.60s (perceived).

  • 0 scripts and 2 styles may block rendering.

    • • style: https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap
    • • style: https://material.colorion.co/_astro/_page_.DZ2s_yUu.css

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

  • Compression Warning

    1 text resources look uncompressed.

    • • https://plausible.elerion.com/js/pa-7_7ZpNx3fGQKe9PF1e3eX.js (application/javascript)

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

  • Robots.txt Pass

    Found robots.txt (200).

  • Sitemap File Warning

    Sitemap missing or inaccessible at https://material.colorion.co/sitemap.xml (404).

    Fix: Publish a sitemap.xml and reference it in robots.txt with: Sitemap: https://material.colorion.co/sitemap.xml

  • 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 3 controls are missing labels.

    • • input[type="text"]#searchInput.w-full.h-11 (searchInput)
    • • input[type="text"].block.w-full

    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

    23 interactive elements appear smaller than 48px.

    • • a.flex.items-center (M material.colorion) - 201x36px
    • • a.text-slate-600.hover:text-slate-900 (Colorion) - 53x20px
    • • a.text-slate-600.hover:text-slate-900 (Base colors) - 75x20px
    • • a.text-slate-600.hover:text-slate-900 (2 Colors) - 54x20px
    • • a.text-slate-600.hover:text-slate-900 (Gradient Buttons) - 110x20px
    • • button.absolute.right-2 (Close sponsored popup) - 13x20px
    • • button#sortBtn.inline-flex.items-center (Sort) - 85x44px
    • • a.inline-flex.items-center (All) - 40x32px
    • • a#tag-pastel.inline-flex.items-center (Pastel) - 61x32px
    • • a#tag-vibrant.inline-flex.items-center (Vibrant) - 67x32px
    • • a#tag-earth.inline-flex.items-center (Earth) - 56x32px
    • • a#tag-neon.inline-flex.items-center (Neon) - 56x32px
    • • a#tag-ocean.inline-flex.items-center (Ocean) - 63x32px
    • • a#tag-sunset.inline-flex.items-center (Sunset) - 65x32px
    • • a#tag-monochrome.inline-flex.items-center (Monochrome) - 102x32px
    • • a#tag-vintage.inline-flex.items-center (Vintage) - 69x32px
    • • a#tag-ui.inline-flex.items-center (UI) - 38x32px
    • • a#tag-warm.inline-flex.items-center (Warm) - 60x32px
    • • a#tag-cool.inline-flex.items-center (Cool) - 52x32px
    • • a#tag-muted.inline-flex.items-center (Muted) - 62x32px
    • • a#tag-minimal.inline-flex.items-center (Minimal) - 71x32px
    • • a#tag-jewel.inline-flex.items-center (Jewel) - 60x32px
    • • a#tag-primary.inline-flex.items-center (Primary) - 72x32px

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

Social & Rich Results

  • Core Open Graph tags are present.

  • og:image is missing.

    Fix: Add <meta property="og:image" content="https://..."> with a high-quality share image.

  • 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.

  • 1 social preview quality issues detected.

    • • ISSUE: Use an absolute URL for og:image or twitter:image.
    • • 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.

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

Links Analysis

  • Checked 58 links. No broken internal links found.

  • No broken external links found in checked URLs.

  • All 64 links use non-empty href values.

Performance & Runtime