Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
Lo que incluye
- Gratis para descargar y usar
- GrapesJS Studio compatible
- Abierto para uso personal y comercial
Apoya a The Creator
Utiliza el apoyo puntual o mensual para agradecer al creador este producto gratuito.
GrapesJS Compatible
Probado con GrapesJS 0.23.x, 0.22.x, 0.21.x
Código abierto en GitHub
Gratis para usar, bifurcar y contribuir
Listo para el estudio
Totalmente compatible con GrapesJS Studio
Gratis para usar
Abierto a proyectos personales y comerciales
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.
Valoraciones:
Todavía no hay reseñas. Sé el primero en compartir tu experiencia.
Preguntas y respuestas
Aún no hay preguntas. ¿Tienes algo que preguntar?
Problemas comunes que este plugin puede ayudar a solucionar
Preguntas reales de la comunidad sobre el mismo tema — mira cómo otros se adaptaron a ellas.
- #6634💬 3 responde
Errores de accesibilidad
- #654✓ Resuelto · 3
Revisión de Necesidades de Accesibilidad
- #2390💬 1 responde
Accesibilidad - El usuario de teclado no puede acceder a las descripciones emergentes que se muestran con el ratón, pasa el cursor en el editor de Grape pero no aparecen en la navegación de pestañas