Audit Result

UUID: 019eb657-a1c7-7264-95af-367ab61bda1a

gradientbuttons.colorion.co

https://gradientbuttons.colorion.co/

Scanned 2 months ago

88
Excellent Score
39 total checks
Passed
31
Warnings
7
Errors
1

Meta Information

  • Title Tag Pass

    Found 45 characters. Length is optimal.

  • Found 62 characters. Keep description around 70-160 characters.

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

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

  • Favicon Pass

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

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

  • HTML Lang Pass

    Language declared as "en".

Content Structure

  • H1 Tag Pass

    Exactly one H1 found: "CSS Gradient Buttons".

  • Valid heading flow across 52 headings.

  • 1 of 196 images are missing alt text.

    Fix: Add meaningful alt attributes to all informative images for accessibility and image SEO.

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 (13)
    • • access-control-allow-origin: *
    • • age: 76878
    • • alt-svc: h3=":443"; ma=86400
    • • cache-control: public, max-age=0, s-maxage=2592000
    • • cf-cache-status: HIT
    • • cf-ray: a0a01d4fbd9f800b-IAD
    • • content-encoding: gzip
    • • content-type: text/html
    • • date: Thu, 11 Jun 2026 11:00:52 GMT
    • • last-modified: Wed, 10 Jun 2026 11:50:28 GMT
    • • server: cloudflare
    • • svid: 8f5f527b6e7080b696ab714f3b3048f92a26257097c9fa08074988238bb93db9223371711781bedf9c3bce7eba45b3b07f2a0611b0752a5860277089e78b6339842ef918b6ba9c139bf456fb65b4a075c40aedea147d5e62930988ca9474ce13b6c4bcee9319c17209865d92c95cba0b13ffcf8e23472661d0168b829d11bf12a3635db296872ba110088359cf00340083fce10214050878d9e50e40ad6e184d36049ede1169764b99bcab7a64dd8b8a691d86bfd5d054aaec0efb92f968ba73fc5df2fc866eadc834b43155b8aaa262cd6373f5a73893ca74cb0321618cee5b356bab
    • • 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: HIT
    • • cf-ray: a0a01d4fbd9f800b-IAD
  • Loaded in 0.66s (perceived).

  • No render-blocking scripts or styles detected.

  • Compression Warning

    1 text resources look uncompressed.

    • • https://plausible.elerion.com/js/pa-0lvPIvezt5VtqoXLmwZXd.js (application/javascript)

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

  • Robots.txt Pass

    Found robots.txt (200).

  • Found sitemap (200) at https://gradientbuttons.colorion.co/sitemap-index.xml.

  • Robots meta found: index,follow,max-image-preview:large

Accessibility Basics

  • All 1 controls are labeled.

  • Landmarks Pass

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

  • Tap Target Size Warning

    25 interactive elements appear smaller than 48px.

    • • a.flex.items-center (G Gradient Buttons) - 248x36px
    • • a.inline-flex.h-9 (2 Color Combinations) - 175x36px
    • • a.inline-flex.h-9 (Colorion) - 82x36px
    • • a.inline-flex.h-9 (Material) - 81x36px
    • • a.inline-flex.items-center (Request Feature) - 164x36px
    • • button.pc-btn (Like Sea Blue) - 32x32px
    • • button.pc-btn.plausible-event-name=Copy+Click (Copy Sea Blue CSS) - 32x32px
    • • button.pc-exp (Show code) - 107x30px
    • • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
    • • button.pc-btn (Like Nimvelo) - 32x32px
    • • button.pc-btn.plausible-event-name=Copy+Click (Copy Nimvelo CSS) - 32x32px
    • • button.pc-exp (Show code) - 107x30px
    • • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
    • • button.pc-btn (Like Hazel) - 32x32px
    • • button.pc-btn.plausible-event-name=Copy+Click (Copy Hazel CSS) - 32x32px
    • • button.pc-exp (Show code) - 107x30px
    • • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
    • • button.pc-btn (Like Noon to Dusk) - 32x32px
    • • button.pc-btn.plausible-event-name=Copy+Click (Copy Noon to Dusk CSS) - 32x32px
    • • button.pc-exp (Show code) - 107x30px
    • • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
    • • button.pc-btn (Like YouTube) - 32x32px
    • • button.pc-btn.plausible-event-name=Copy+Click (Copy YouTube CSS) - 32x32px
    • • button.pc-exp (Show code) - 107x30px
    • • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px

    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 present and absolute.

    Open Graph Image
  • twitter:card set to summary_large_image.

  • JSON-LD schema detected.

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

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

Links Analysis

  • Checked 69 links. No broken internal links found.

  • No broken external links found in checked URLs.

  • All 76 links use non-empty href values.

Performance & Runtime