Audit Result
UUID: 01a0397d-decb-71ad-b7b8-ff310b0ef654
https://material.colorion.co/
Scanned 1 week ago
Meta Information
-
Title Tag Pass
Found 43 characters. Length is optimal.
-
Meta Description Pass
Found 82 characters. Good snippet length.
-
Canonical URL Pass
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 Meta Pass
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".
-
Heading Hierarchy Warning
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.
-
Image Alt Text Pass
All 202 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, x-content-type-options, referrer-policy.
Full HTTP headers (15)
- • access-control-allow-origin: *
- • age: 1402577
- • alt-svc: h3=":443"; ma=86400
- • cache-control: public, max-age=14400, s-maxage=2592000
- • cf-cache-status: HIT
- • cf-ray: a30b8daf5ad48b3e-IAD
- • content-encoding: zstd
- • content-type: text/html
- • date: Tue, 25 Aug 2026 15:15:40 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=hMo3wf6FCDHudvZ9VsXTzl3Aa8ZUTxyvwVLpxm38U20KurpzZLcf%2BgUKNnsD%2FSyJpS%2BrkYIPqWISA%2BJ%2FP7wIXs1ArFRGhIuwyuKXsxE4W%2FNPrWtXCXr4llfjv5g8ZoJQRS1DolZ%2FwE%2BjZhJJ9D%2Fb47BsoA%3D%3D"}]}
- • server: cloudflare
- • svid: 9537086b1e78b130a1ca88d2c859a32f6075c53c0440064047f08af5d9494703ea844d61add532ec4c73538fd030731e19ecf9f2041d07f49cf2fc5e448a3efe95e47dbd5632d8a8e948c45e50e06cc77dc3370dfcce9b629967a59aa63e31d11f191c6715c4a3f27a7905a957e1ee3ea36207eb39239839bfed560dd8541b114596111775ee808cab95ba7fb30641567f9444991552e7339e193bde5e09fb7d7c85c03a97541bdeea0c57d6e3b88597a81e14b5daf6875ec6a581bf7a078530e281d6742a5c205eab892e4c2a7b0701a531caa764d6c88b05ca3e200f47aae2e29b53
- • 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.
-
Cookie Security Pass
No first-party cookies were set during the initial page load.
-
Server response headers do not expose version tokens.
-
Cloudflare Proxy Pass
Domain appears to be behind Cloudflare.
- • server: cloudflare
- • cf-cache-status: HIT
- • cf-ray: a30b8daf5ad48b3e-IAD
-
Perceived Load Time Pass
Loaded in 0.27s (perceived).
-
Render Blocking Resources Warning
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
-
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 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
-
Open Graph Basics Pass
Core Open Graph tags are present.
-
Open Graph Image Warning
og:image is missing.
Fix: Add <meta property="og:image" content="https://..."> with a high-quality share 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: 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
-
Internal Links Error
1 internal links returned errors.
- • https://material.colorion.co/cdn-cgi/content?id=S04Avxe8CZUSah4vaK_LY_utcJz9hndGZPiDJSUdgZI-1787670940.0552251-1.2.1.1-3vmTbwQRuwZWIKXv0mUV4GcTB3QAUtJ7h1ALgk1mW1PPsVZII4iHSN4W0wxjXdRl (HTTP 404)
Fix: Fix or remove the listed internal URLs, and ensure routes/pages return 200 responses.
-
External Links Pass
No broken external links found in checked URLs.
-
Link Format Pass
All 65 links use non-empty href values.
Performance & Runtime
-
Core Web Vitals: LCP Pass
Largest Contentful Paint: 0.27s.
-
Core Web Vitals: CLS Pass
Cumulative Layout Shift: 0.038.
-
Total Blocking Time estimate: 38ms.
-
Broken Assets Pass
No failed CSS/JS/image/font/media requests detected.
-
No console/page runtime errors detected during audit.