LintGrafía: revisar la ortografía de una web tal como la ve tu cliente
Presentamos LintGrafía, una extensión de Chrome que revisa ortografía y gramática sobre la página ya renderizada, también en localhost y en preproducción. Qué hace, cómo funciona y qué pasa con el texto que analiza.
Por Javier Tenjo, Desarrollador full stack
Actualizado
En esta página
Una falta de ortografía en el titular de una web no rompe nada. No hay error en consola, el formulario sigue enviando y la página carga igual de rápido. Pero quien la lee se da cuenta, y la sensación de descuido se extiende a todo lo demás: si no revisaron el titular, ¿qué más no revisaron?
Lo curioso es que casi todos los equipos tienen corrector. El editor de código subraya palabras, el CMS también, y aun así las faltas llegan a producción. Para resolver eso hicimos LintGrafía, una extensión de Chrome que revisa la ortografía y la gramática de la página tal como la ve quien la visita. Desde hoy está publicada en la Chrome Web Store, es gratuita y no pide cuenta.
¿Por qué se escapan las faltas?
Porque el texto de una web no vive en un solo sitio. El titular está en una plantilla, el botón en un componente, el mensaje de error en un fichero de traducciones, la descripción del producto en el CMS y el aviso de envío gratis en una variable que alguien cambió el viernes. Cada pieza se escribió por separado y ningún corrector las ve juntas.
Además, el texto que llega a la pantalla no siempre es el que se escribió. Una frase se arma con una variable dentro («Tienes 1 productos en el carrito»), un fragmento se corta para que quepa, una palabra queda partida entre dos etiquetas para ponerle negrita a media palabra. Esos errores no existen en el código: aparecen al renderizar.
La única versión del texto donde están todos los errores es la página terminada. Ahí es donde revisa LintGrafía.
¿Qué hace LintGrafía?
Abres la página que quieres revisar, abres el panel de la extensión y lanzas el análisis. LintGrafía:
- Lee el texto visible de la página ya renderizada, incluido el que carga JavaScript después de abrirla.
- Lo analiza con LanguageTool, un motor de revisión que no se queda en la ortografía: también detecta concordancia, tildes diacríticas («el» y «él», «tu» y «tú»), dobles espacios y giros que chirrían.
- Resalta cada error sobre la propia página, en el sitio donde lo verá tu cliente.
- Los lista en un panel lateral, desde el que saltas de uno a otro, lees las sugerencias y descartas lo que no aplique sin perder el sitio.
No toca tu código fuente ni tus plantillas, y no publica nada. Señala lo que está mal y tú lo corriges donde corresponda.
¿Por qué en localhost y en preproducción?
Porque es el momento en que arreglar una falta no cuesta nada. Una vez publicada, la falta ya la ha visto alguien, y si estaba en el título de la página, también aparece en el resultado de Google (de ahí que valga la pena cuidar el title y la meta description como cualquier otro texto).
LintGrafía funciona sobre cualquier página que se abra en el navegador: la web en producción, una rama en un entorno de pruebas con contraseña o la aplicación que tienes corriendo en tu equipo. El análisis lo hace tu navegador con tu sesión ya iniciada, así que no hace falta que la página sea pública.
¿Qué pasa con el texto que se analiza?
El texto visible de la página que escaneas se envía al motor de LanguageTool para revisarlo. Por defecto va a su API pública y gratuita, que admite unas veinte peticiones por minuto: suficiente para revisar pantalla a pantalla.
Si eso no encaja con las políticas de tu empresa, puedes apuntar la extensión a tu propio servidor de LanguageTool, que es software libre y se levanta con Docker. En ese caso el texto no sale de tu red. La extensión no recopila datos, y el diccionario se guarda solo en tu navegador.
El diccionario propio
Cualquier corrector marca como error «frontend», «deploy», «checkout» o el nombre de tu marca. Si no se arregla, el panel se llena de falsos positivos y a la tercera revisión se deja de mirar.
Por eso lo primero que conviene hacer es dedicar un rato a meter en el diccionario personalizado el vocabulario de tu producto. Una vez añadida, la palabra deja de marcarse en todas las páginas, y el diccionario se queda en tu navegador.
¿Para quién es?
- Equipos de producto, porque la interfaz se escribe a trozos y nadie la lee entera hasta que está montada.
- QA y revisión antes de un lanzamiento: una pasada por las pantallas críticas lleva minutos.
- Agencias y estudios, que entregan sitios con textos que escribió otra persona y responden por el resultado.
- Quien traduce o localiza, porque las concordancias se rompen justo al meter el texto traducido en la interfaz.
También ayuda a la accesibilidad: un lector de pantalla pronuncia lo que está escrito, y una palabra mal escrita se oye mal escrita.
Novedades de la versión 2.0
Este apartado se añadió en noviembre de 2026, con la publicación de la versión 2.0.
LintGrafía nació revisando solo español. La versión 2.0 amplía bastante lo que hace:
- Más de 30 idiomas, entre ellos inglés, portugués, francés, alemán, catalán, italiano y neerlandés, con variantes regionales.
- Cada parte de la página en su idioma. Detecta el idioma por el atributo
langde cada elemento, así que una página bilingüe se revisa por partes, cada una con su diccionario. - Panel lateral nativo de Chrome, que ya no se superpone a la página ni altera su diseño.
- Resaltado sin tocar el DOM. Los errores se marcan con la CSS Custom Highlight API, sin añadir elementos a la página, así que no interfiere con React, Vue, Angular ni ningún otro framework.
- Un color por tipo de error (ortografía, gramática y estilo) y el selector del elemento en el panel, para encontrarlo enseguida en el código.
- Diccionario exportable en JSON, para compartirlo con el equipo.
- Interfaz en español, inglés y portugués.
Necesita Chrome 116 o superior, y funciona también en Edge, Brave y Opera, que instalan extensiones desde la Chrome Web Store.
LintGrafía es gratuita y no pide registro. Tienes todos los detalles, las preguntas frecuentes y el enlace de instalación en la página de LintGrafía. Si encuentras un fallo, allí mismo hay un enlace para reportarlo con la plantilla ya escrita.