Add trust icons and implementation notes for CTAs/SEO/Accessibility

2026-03-24 18:50:36 +00:00
parent 202af2f6df
commit 39f2140084
5 changed files with 41 additions and 0 deletions
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="#0F172A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 12h18" />
+  <path d="M3 6h18" />
+  <path d="M3 18h18" />
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="#0F172A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M20 6L9 17l-5-5" />
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="#0F172A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 3v12" />
+  <path d="M8 7l4-4 4 4" />
+  <path d="M21 21H3" />
+</svg>
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="#0F172A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="7" width="18" height="13" rx="2" />
+  <path d="M7 7V5a5 5 0 0 1 10 0v2" />
+</svg>
@@ -0,0 +1,24 @@
+Implementation notes for developer/designer:
+
+- CTAs:
+  - Header & hero primary CTA: "Donate now" -> /donate (prominent button, high-contrast).
+  - Header & hero secondary CTA: "Request a demo" -> /demo (outline or secondary button).
+  - Floating/footer CTA: "Subscribe for impact reports" — add an email capture in the footer with accessible label and placeholder "your email"; use aria-label and server-side handling.
+
+- Accessibility:
+  - All new headings use semantic h1/h2/h3.
+  - Added alt text for icons and images; ensure color contrast for buttons.
+
+- SEO & schema:
+  - Homepage <title> and meta description updated.
+  - Blog post entry in blog.json includes meta_title and meta_description.
+  - JSON-LD for Organization exists in index.html. For blog posts, render Article schema when generating individual pages (use blog.json meta fields).
+
+- Icons & assets:
+  - Added simple SVG icons in assets/icons/ to match CI (stroke color #0F172A). If a CI icon set is available, replace these with approved icons.
+
+- Responsive behavior:
+  - Feature cards and trust block use grid breakpoints; verify on mobile that CTAs remain visible and stacked.
+
+- If the CMS or build process requires separate SEO config files, map the homepage title/meta and blog post meta to that system.
+