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

This commit is contained in:
2026-03-24 18:50:36 +00:00
parent 202af2f6df
commit 39f2140084
5 changed files with 41 additions and 0 deletions
+24
View File
@@ -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.