Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
What's Included
- Free to download & use
- GrapesJS Studio compatible
- Open for personal & commercial use
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.
Ratings:
No reviews yet. Be the first to share your experience.
Questions & Answers
No questions yet. Have something to ask?
Common problems this plugin can help fix
Real community questions on the same topic — see how others worked around them.
- #6634💬 3 answers
Accessibility errors
- #6646💬 3 answers
Javascript error when I want to add padding
- #5829💬 3 answers
Uncaught TypeError: __webpack_require__.r is not a function at ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/Templates.js (Templates.css:45:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1)
- #3759💬 4 answers
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.