inclusive-components.design

https://inclusive-components.design· First analyzed 28 May 2026· Updated 28 May 2026

Export

Mobile

Sponsored

Hosting Provider

DigitalOcean

digitalocean.com

IP Address

37.139.15.86

Site Location

🇳🇱 Netherlandsvia ip

Server Location

🇳🇱 Amsterdam, Netherlands

ASN

AS14061

Organization

Digital Ocean

Server

Nginx

Nameservers

ns3.digitalocean.com.ns1.digitalocean.com.ns2.digitalocean.com.

Performance

100

Core Web Vitals

Weight

First Contentful Paint

557 ms10%

Speed Index

724 ms10%

Largest Contentful Paint

—25%

Total Blocking Time

0.0 ms30%

Cumulative Layout Shift

0.00025%

17 KB

8 requests

0–49

50–89

90–100

Architecture Stack

Headless

⚙️ SSR

Decoupled

API

Data Source

Headless CMS

Ghost

Infrastructure

Hosting

DigitalOcean

Technology Stack

3 Technologies Detected

Fonts

Google Fonts

Web Servers

Nginxv1.10.3

Frameworks

Express

SEO Analysis

B70/100

Meta Tags8/15

Content7/12

Headings8/8

Technical20/25

E-E-A-T2/7

Images1/7

Links5/5

URL5/5

Social5/5

Freshness2/4

Mobile4/4

Indexability3/3

inclusive-components.designinclusive-components.design

Inclusive Components

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

Title Length20 chars

Recommended: 50-60 chars (~120px / 580px)

Description Length100 chars

Recommended: 120-160 chars

Issues (1)

• Most images missing alt text (3/4) — critical for accessibility and SEO

4 issues found

Upgrade to view details

Crawlability

Sitemap

Type: index

4 URLs

4 sub-sitemaps

robots.txt

3 rules

Sitemap reference found

Local SEO

Local Search Readiness

3/100

Poor

1 14 2

This site doesn't appear to be a local business. Local SEO signals are optional for non-local websites.

Sponsored

AI & LLM Readiness

D42/100

Bot Access

20/25

Machine Read.

7/25

Schema Data

2/25

Citation

13/25

AI Bot Access

14/14 accessible

AI Search

OAI-SearchBot

PerplexityBot

Claude-SearchBot

Gemini-Deep-Research

DuckAssistBot

Training

GPTBot

ClaudeBot

Google-Extended

Meta-ExternalAgent

Bytespiderinfo

Amazonbot

Applebot-Extended

CCBotinfo

Fetch

ChatGPT-User

Machine Readability

llms.txt

llms-full.txt

Semantic HTML

Heading Hierarchy

navheader/footer

Text ratio:7%

Words:99

Token eff.:Too Short

Sections/1K:130

Depth:2/5

Structured Data

1 JSON-LD

Organization×1.1

Citation Readiness

Opening Summary17w

Descriptive Headingsavg 2.4w

Canonical URL

Open Graph2/3

Twitter Card3/3

Language Tag

Publish Date

Author Info

Lists

Tables

TL;DR / Summary

About Page Link

Recommendations (9)

AI readiness recommendation preview...

Upgrade to view recommendations

Sponsored

Accessibility

WCAG 2.1 Compliance

Evaluates how accessible your website is for users with disabilities, based on WCAG 2.1 guidelines. Checks images, forms, keyboard navigation, ARIA roles, and color contrast.

89/100

Passed

Critical

Warnings

Images & Alt Text

20/20

Checks if images have descriptive alt text for screen readers and visually impaired users.

Semantic Structure

20/20

Evaluates proper use of HTML5 semantic elements (header, nav, main, footer) and heading hierarchy.

Forms & Inputs

15/15

Verifies form fields have labels, error messages are clear, and inputs are properly associated.

Color & Contrast

15/15

Tests text-to-background color contrast ratios against WCAG AA/AAA minimum requirements.

Keyboard & Focus

13/15

Ensures all interactive elements are reachable and operable via keyboard (tab, enter, escape).

ARIA & Roles

6/15

Checks correct use of WAI-ARIA attributes (roles, states, properties) for assistive technologies.

Carbon Footprint

SWDM v4 · Eco-Score

Carbon emissions estimated using the Sustainable Web Design Model v4 (SWDM v4). Factors in data center, network, and device energy across new and returning visitors. Grade thresholds based on HTTP Archive percentiles.

77/100

A+

2 mg

CO₂e / view

17.1 KB

Page Weight

95%

Cleaner Than

New Visitor

2 mg

Returning (cached)

1 mg

Annual (10K/mo)

204 g

Emission Segments

Data Center

<0.001 g

Network

<0.001 g

Device

1 mg

Resource Breakdown

Images

10.1 KB

CSS

2.3 KB

Fonts

1.4 KB

HTML

3.4 KB

Green Hosting Verified

DigitalOcean

Provider Match

2 recommendations

•Carbon footprint recommendation preview...

Upgrade to view recommendations

Security Score

71%Good

Static / Informational

HTTPS

No WAF

65d

Certificate Details

Type

Domain Validated (DV)

Certificate Authority

Let's Encrypt

Key Algorithm

RSA (2048 bit)

Signature

SHA-256 with RSA

TLS Version

TLSv1.2

HTTP Protocol

HTTP/1.1

Valid From

04.05.2026

Valid Until

02.08.2026

Subject Alternative Names (1)

inclusive-components.design

SHA-256 Fingerprint

16:7B:0B:70:45:FB:9C:51:54:BC:3F:B7:08:FA:DD:A2:47:82:5D:67...

Recommendations

Security recommendation preview

Upgrade to view recommendations

Upgrade to view header details

HTTP Headers

Developer Console

cache-control

🟡 0s(public, max-age=0)

connection

keep-alive

content-encoding

📦 Gzip(gzip)

content-type

text/html; charset=utf-8

date

Thu, 28 May 2026 13:01:54 GMT

etag

W/"24e9-5L04Pyn/bahvUzCXXYRIcQ"

Good Warning Issue

Email Infrastructure

Custom Mail Server

Score

SPF

DKIM

DMARC

Domain Information

inclusive-components.design

Domain Age

9y 1m

Created

06.04.2017

Expires

06.04.2027

Last Updated

12.03.2026

Registrar

NameCheap, Inc.

DNSSEC

Not Enabled

Mobile Compatibility

Viewport & Responsive Test

Tests how well your website works on mobile devices. Checks viewport configuration, responsive layout, touch targets, font readability, and simulates rendering across different screen sizes.

52/100

Mobile Friendly1 breakpoint

Viewport Meta

The viewport meta tag tells mobile browsers how to scale the page. Without it, mobile devices render at desktop width.

Responsive Design

Uses CSS media queries or flexible layouts to adapt content to different screen sizes automatically.

Touch Icons

Apple touch icons and favicons displayed when users add the site to their home screen on mobile devices.

Readable Font Size

Base font size should be at least 16px on mobile to ensure text is readable without zooming.

Relative Units

Using em, rem, %, or vw instead of fixed px values allows content to scale properly across screen sizes.

No H-Scroll Risk

No elements wider than the viewport that would cause horizontal scrolling on mobile devices.

Tap Targets OK

Interactive elements (buttons, links) are at least 48x48px with enough spacing to prevent accidental taps.

No Fixed Widths

No elements with fixed pixel widths that could overflow on smaller screens and break the layout.

Viewport

width=device-width, initial-scale=1.0

2 recommendations

•Mobile compatibility recommendation preview...

Upgrade to view recommendations

Typography & Readability

Miriam Libre + Asap

WCAG AAA

75/100

Readability

/30

21/30

22px · LH 1.50

Hierarchy

/20

19/20

4.71x ratio · ✓ H1→H6

WCAG

/25

20/25

15.78:1 min contrast

Performance

/25

15/25

2 fonts · 2 req

Heading Font

Miriam Libre

Sans102px

Body Font

Asap

Sans22px

Contrast Ratio

15.78:1

WCAG AAA (≥7:1)

Reading Comfort

~36 CPL

Narrow lines

102px

32px

45px

22px

✅ Excellent readability: 22px body text is ideal for all devices.

✅ Optimal line spacing: 1.50 ratio (ideal range 1.4–1.6).

⚠️ Hard to read: Flesch score 35/100. Simplify sentences for wider reach.

✅ WCAG AAA contrast: All text meets 7:1 ratio (min 15.8:1).

✅ Perfect heading hierarchy: Sequential h1→h2→h3 with single H1 — ideal for SEO & accessibility.

✅ Strong hierarchy: Headlines are 4.7x larger than body text.

GGoogle FontsFlesch 35

Color Palette

6 unique colors

15.78:1 AAA Dark

#222222

Text· 85.00000000000001%

#fefefe

Text· 8.1%

Sponsored

Scripts & Styles

3 Resources

Scripts

Styles

Async

Defer

Top Script Sources

Website Identity

inclusive-components.design

9 years old

Location detected: 🇳🇱 Netherlandsvia ip

NameCheap, Inc.en

Social Profiles

X (Twitter)

Sponsored

Last analyzed: 28 May 2026 at 13:02

Historical Analysis & Change Tracking