Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
包含内容
- 免费下载使用
- 兼容 GrapesJS Studio
- 支持个人与商业使用
支持创作者
通过一次性或每月赞助，感谢创作者发布这款免费产品。
兼容 GrapesJS
已在 GrapesJS 0.23.x, 0.22.x, 0.21.x 上测试
GitHub 开源
可免费使用、Fork 和贡献
Studio 就绪
完全兼容 GrapesJS Studio
可免费使用
可用于个人和商业项目
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.