This is an automated email from the ASF dual-hosted git repository. moonming pushed a commit to branch feat/seo-homepage-polish in repository https://gitbox.apache.org/repos/asf/apisix-website.git
commit 46f2d18aeec7c8d138bd6e6e907f67c25b81c15c Author: Ming Wen <[email protected]> AuthorDate: Fri Jun 26 10:41:52 2026 +0800 fix(seo): homepage a11y polish — WCAG AA contrast + heading hierarchy - Darken low-contrast text to meet WCAG AA: - secondary greys #777 / #8a8a8a / #888 -> #6b6b6b (5.3:1) - CTA red text #e8433e -> #c7352f (the existing hover shade, ~5.3:1) on the Pathways / Integrations / AI-gateway CTAs and the comparison APISIX column - left the large bold hero stat value (passes AA-large) and the decorative aria-hidden flow arrow unchanged - Promote Pathways card titles h3 -> h2 to fix the homepage h1->h3 heading skip (styling is class-driven, so no visual change) --- website/src/components/sections/Pathways.tsx | 2 +- website/src/css/landing-sections/ai-gateway-home.scss | 4 ++-- website/src/css/landing-sections/comparison.scss | 4 ++-- website/src/css/landing-sections/hero.scss | 2 +- website/src/css/landing-sections/integrations.scss | 2 +- website/src/css/landing-sections/pathways.scss | 2 +- 6 files changed, 8 insertions(+), 8 deletions(-) diff --git a/website/src/components/sections/Pathways.tsx b/website/src/components/sections/Pathways.tsx index 565a6cb659c..f09e1015483 100644 --- a/website/src/components/sections/Pathways.tsx +++ b/website/src/components/sections/Pathways.tsx @@ -53,7 +53,7 @@ const Pathways: FC = () => ( <section className="pathways" aria-label="Get started with Apache APISIX"> {PATHWAYS.map((pathway) => ( <Link className="pathways__card" to={pathway.to} key={pathway.id}> - <h3 className="pathways__title">{pathway.title}</h3> + <h2 className="pathways__title">{pathway.title}</h2> <p className="pathways__desc">{pathway.description}</p> <span className="pathways__cta"> {pathway.cta} diff --git a/website/src/css/landing-sections/ai-gateway-home.scss b/website/src/css/landing-sections/ai-gateway-home.scss index 8bb5ccd459b..28f89b56568 100644 --- a/website/src/css/landing-sections/ai-gateway-home.scss +++ b/website/src/css/landing-sections/ai-gateway-home.scss @@ -84,7 +84,7 @@ } .ai-home__provider--more { - color: #888; + color: #6b6b6b; } .ai-home__grid { @@ -148,7 +148,7 @@ margin-top: 2rem; font-size: 1rem; font-weight: 600; - color: #e8433e; + color: #c7352f; &:hover { color: #c7352f; diff --git a/website/src/css/landing-sections/comparison.scss b/website/src/css/landing-sections/comparison.scss index 9131ed9ffb8..4bcfb087f99 100644 --- a/website/src/css/landing-sections/comparison.scss +++ b/website/src/css/landing-sections/comparison.scss @@ -71,7 +71,7 @@ } .compare-col-apisix { - color: #e8433e; + color: #c7352f; } .compare-col-apisix, @@ -85,7 +85,7 @@ } .compare-other-cell { - color: #8a8a8a; + color: #6b6b6b; } .compare-table svg { diff --git a/website/src/css/landing-sections/hero.scss b/website/src/css/landing-sections/hero.scss index 29fecfbbe81..5d72ce2671d 100644 --- a/website/src/css/landing-sections/hero.scss +++ b/website/src/css/landing-sections/hero.scss @@ -244,6 +244,6 @@ .hero-stats__label { font-size: 0.85rem; - color: #777; + color: #6b6b6b; margin-top: 2px; } diff --git a/website/src/css/landing-sections/integrations.scss b/website/src/css/landing-sections/integrations.scss index 1d1cfb64469..bb8ec9cfdb6 100644 --- a/website/src/css/landing-sections/integrations.scss +++ b/website/src/css/landing-sections/integrations.scss @@ -74,7 +74,7 @@ margin-top: 2rem; font-size: 1rem; font-weight: 600; - color: #e8433e; + color: #c7352f; &:hover { color: #c7352f; diff --git a/website/src/css/landing-sections/pathways.scss b/website/src/css/landing-sections/pathways.scss index 01312e5d666..02e28538d23 100644 --- a/website/src/css/landing-sections/pathways.scss +++ b/website/src/css/landing-sections/pathways.scss @@ -52,7 +52,7 @@ .pathways__cta { font-size: 0.95rem; font-weight: 600; - color: #e8433e; + color: #c7352f; } @media (prefers-reduced-motion: reduce) {
