Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
5 images
StudioNNew

Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS

Free
GrapesJS:0.23.x0.22.x0.21.x

What's Included

  • Free to download & use
  • GrapesJS Studio compatible
  • Open for personal & commercial use
New

Support The Creator

Use one-time or monthly support to thank the creator for this free product.

GrapesJS Compatible

Tested with GrapesJS 0.23.x, 0.22.x, 0.21.x

Open Source on GitHub

Free to use, fork, and contribute

Studio Ready

Fully compatible with GrapesJS Studio

Free to Use

Open for personal and commercial projects

Lighthouse for GrapesJS— a live accessibility auditor (WCAG 2.1/2.2)andan SEO metadata manager, right inside the editor.

Every accessibility finding is bound to the exact GrapesJS component: click it and the component is selected, scrolled into view and highlighted on the canvas — with a one-click quick-fix through the component API where the fix is unambiguous. The SEO tab manages per-page metadata with live Google / Open Graph / Twitter previews, a checklist, JSON-LD, and full<head>/sitemap.xmlexport.

Zero runtime dependencies in the browser (axe-core is an optional peer).

Accessibility auditor

  • 15 built-in rules: alt text, colour contrast, headings, link names, form labels, ARIA validity, landmarks, tabindex, target size, media captions, iframe titles, duplicate IDs, table structure, document language, font size.
  • Findings bound to the component — select / scroll / highlight on the canvas.
  • One-click quick-fixes (undoable) + "Fix all safe" as a single undo step.
  • Severity badges in the Layer Manager, "Highlight issues" overlay, focus-order visualizer and accessibility tree.
  • Baseline / "Won't fix" support, saved with the project.
  • Optional axe-core engine for 100% rule coverage.

SEO manager

  • Per-page metadata: title, description, canonical, robots, focus keyword, Open Graph, Twitter, favicon.
  • Live previews: Google SERP (real pixel-width truncation), Open Graph & Twitter cards.
  • SEO checklist + JSON-LD (Article, Product, Organization, BreadcrumbList, FAQPage, WebSite).
  • Export:getHeadHtml(),renderPage(),getSitemap().

Extras

  • Works with plain GrapesJS and GrapesJS Studio.
  • Multi-page audit + per-page SEO.
  • CI mode:npx grapesjs-a11y-seo-ci ./dist/*.html(headless, non-zero exit on failures).
  • i18n: en / ru / es bundles, fully overridable.
  • TypeScript types included. MIT licensed.