Audit Result

UUID: 019ef31f-aa45-733d-a53e-5f5305684173

animatedbuttons.colorion.co

https://animatedbuttons.colorion.co/

Scanned 3 weeks ago

85
Excellent Score
39 total checks
Passed
28
Warnings
10
Errors
1

Meta Information

  • Title Tag Pass

    Found 60 characters. Length is optimal.

  • Found 128 characters. Good snippet length.

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

  • Favicon Pass

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

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

  • HTML Lang Pass

    Language declared as "en".

Content Structure

  • H1 Tag Pass

    Exactly one H1 found: "99 CSS buttons,free to copy.".

  • Detected 1 heading level jumps.

    • • Skipped from h1 to h3: "99 CSS buttons,free to copy." -> "Fill Up".

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

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

    Full HTTP headers (16)
    • • access-control-allow-origin: *
    • • alt-svc: h3=":443"; ma=86400
    • • cache-control: public, max-age=14400, must-revalidate
    • • cf-cache-status: EXPIRED
    • • cf-ray: a1015d6e5a54e2ca-IAD
    • • content-encoding: br
    • • content-type: text/html; charset=utf-8
    • • date: Tue, 23 Jun 2026 06:16:36 GMT
    • • last-modified: Tue, 23 Jun 2026 06:16:36 GMT
    • • 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=0ibw40fszen%2F9jKMkT885PCQaey6YM2Eu50YCL%2FbRkehXdUODboCpejMo1ep1%2FPp3S%2ByM%2BN02ckNLoeKO3pKsEBODTtw9IOjLOpYxYs9%2FTVpcBJgfknBGFD5P%2BCQ564dekE0044ihabluj7PRl3nfAIg%2BGHQNGoS54c%3D"}]}
    • • server: cloudflare
    • • server-timing: cfCacheStatus;desc="EXPIRED" cfEdge;dur=21,cfOrigin;dur=77
    • • 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.

  • 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: EXPIRED
    • • cf-ray: a1015d6e5a54e2ca-IAD
  • Loaded in 0.39s (perceived).

  • No render-blocking scripts or styles detected.

  • Compression Warning

    1 text resources look uncompressed.

    • • https://plausible.elerion.com/js/pa-T6ZkQAwvPkS5R7g32augx.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://animatedbuttons.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

  • All 0 controls are labeled.

  • Landmarks Pass

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

  • Tap Target Size Warning

    25 interactive elements appear smaller than 48px.

    • • button.cell-action.mono (Copy LLM prompt for Fill Up button) - 76x18px
    • • button.cell-action.mono (View CSS for Fill Up button) - 57x18px
    • • button.btn.fx-1 (Fill Up) - 113x45px
    • • button.cell-action.mono (Copy LLM prompt for Fill Down button) - 76x18px
    • • button.cell-action.mono (View CSS for Fill Down button) - 57x18px
    • • button.btn.fx-2 (Fill Down) - 131x45px
    • • button.cell-action.mono (Copy LLM prompt for Fill Left button) - 76x18px
    • • button.cell-action.mono (View CSS for Fill Left button) - 57x18px
    • • button.btn.fx-3 (Fill Left) - 131x45px
    • • button.cell-action.mono (Copy LLM prompt for Fill Right button) - 76x18px
    • • button.cell-action.mono (View CSS for Fill Right button) - 57x18px
    • • button.btn.fx-4 (Fill Right) - 140x45px
    • • button.cell-action.mono (Copy LLM prompt for Fill X button) - 76x18px
    • • button.cell-action.mono (View CSS for Fill X button) - 57x18px
    • • button.btn.fx-5 (Fill X) - 104x45px
    • • button.cell-action.mono (Copy LLM prompt for Fill Y button) - 76x18px
    • • button.cell-action.mono (View CSS for Fill Y button) - 57x18px
    • • button.btn.fx-6 (Fill Y) - 104x45px
    • • button.cell-action.mono (Copy LLM prompt for Diagonal button) - 76x18px
    • • button.cell-action.mono (View CSS for Diagonal button) - 57x18px
    • • button.btn.fx-7 (Diagonal) - 122x45px
    • • button.cell-action.mono (Copy LLM prompt for Radial button) - 76x18px
    • • button.cell-action.mono (View CSS for Radial button) - 57x18px
    • • button.btn.fx-8 (Radial) - 104x45px
    • • button.cell-action.mono (Copy LLM prompt for Lift button) - 76x18px

    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.

  • 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: og:url should be an absolute URL.
    • • 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.06 MB
    • • MEASURED: Image dimensions: 1200x630

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

Links Analysis

  • 1 internal links returned errors.

    • • https://animatedbuttons.colorion.co/cdn-cgi/content?id=lAwEsZ5.oFZW8cWmP1eE8yE_lJlOtT2AgNR1hOE2nSw-1782195396.8548043-1.2.1.1-Rg.5BuYo_sJ2tFVorU8YPR8Gh4uBbOzCCPntO14IgMA (HTTP 404)

    Fix: Fix or remove the listed internal URLs, and ensure routes/pages return 200 responses.

  • No broken external links found in checked URLs.

  • All 4 links use non-empty href values.

Performance & Runtime