---
url: 'https://metadrop.net/es/articulos/como-marcar-palabras-extranjeras-para-la-accesibilidad-en-drupal-usando-plugin-de-idioma'
title: 'Cómo marcar palabras extranjeras para la accesibilidad en Drupal usando plugin de idioma de CKEditor'
author: 'Alberto Ortega'
date: '2026-07-03T08:49:23+00:00'
updated: '2026-09-09T11:22:32+00:00'
type: article
summary: 'Combinar idiomas en los contenidos web sin remarcar las palabras extranjeras es un error de accesibilidad recurrente que afecta al funcionamiento de los lectores de pantalla y, desde la entrada en vigor de la Ley Europea de Accesibilidad en junio de 2025, constituye una infracción legal para la mayoría de los proyectos web de la UE. En Drupal 10 y versiones posteriores, se incluye una solución nativa en el Core: el plugin CKEditor Language, que permite a los mantenedores del sitio añadir un selector de idioma en la barra de herramientas del editor y a los editores etiquetar cualquier palabra extranjera con el atributo «lang» con un solo clic. Este artículo aborda el proceso de configuración para los mantenedores de sitios web, el flujo de trabajo de redacción para los editores y la única limitación real de este enfoque.'
tags:
  - 'Drupal Planet'
  - Accessibility
  - CKEditor
  - Multilanguage
image: 'https://metadrop.net/sites/default/files/styles/full/public/2026-09/ckeditor-lhtml-anguage-plugin.jpeg.webp?itok=ZBD3fcsl'
files:
  - 'https://metadrop.net/sites/default/files/2026-09/how-to-mark-foreign-words-for-accessibility-in-drupal-with-the-ckeditor-language-plugin.pdf'
published: true
og:
  determiner: Automatic
  site_name: Metadrop
  'image:url': 'https://metadrop.net/sites/default/files/styles/full/public/2026-09/ckeditor-lhtml-anguage-plugin.jpeg.webp?itok=ZBD3fcsl'
  'image:type': image/jpeg
  'image:width': '1357'
  'image:height': '740'
  'image:alt': 'Cómo marcar palabras extranjeras para la accesibilidad en Drupal usando plugin de idioma de CKEditor'
  street_address: 'Calle Manuel Luna, 12, 3 Dcha'
  locality: Madrid
  region: Madrid
  postal_code: '28020'
  country_name: España
  email: hola@metadrop.net
  phone_number: '910053180'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Article
      '@id': 'https://metadrop.net/es/articulos/como-marcar-palabras-extranjeras-para-la-accesibilidad-en-drupal-usando-plugin-de-idioma#article'
      name: 'Cómo marcar palabras extranjeras para la accesibilidad en Drupal usando plugin de idioma de CKEditor'
      headline: 'Cómo marcar palabras extranjeras para la accesibilidad en Drupal usando plugin de idioma de CKEditor'
      description: |-
        Combinar idiomas en los contenidos web sin remarcar las palabras extranjeras es un error de accesibilidad recurrente que afecta al funcionamiento de los lectores de pantalla y, desde la entrada en vigor de la Ley Europea de Accesibilidad en junio de 2025, constituye una infracción legal para la mayoría de los proyectos web de la UE.
        En Drupal 10 y versiones posteriores, se incluye una solución nativa en el Core: el plugin CKEditor Language, que permite a los mantenedores del sitio añadir un selector de idioma en la barra de herramientas del editor y a los editores etiquetar cualquier palabra extranjera con el atributo «lang» con un solo clic. Este artículo aborda el proceso de configuración para los mantenedores de sitios web, el flujo de trabajo de redacción para los editores y la única limitación real de este enfoque.
      about:
        - Accesibilidad
        - CKEditor
        - Multiidioma
      image:
        '@type': ImageObject
        url: 'https://metadrop.net/sites/default/files/styles/full/public/2026-09/ckeditor-lhtml-anguage-plugin.jpeg.webp?itok=ZBD3fcsl'
        width: '1357'
        height: '740'
      datePublished: '2026-09-09T13:20:45+0200'
      dateModified: '2026-09-09T13:22:32+0200'
      author:
        '@type': Person
        name: 'Alberto Ortega'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      mainEntityOfPage: 'https://metadrop.net/es/articulos/como-marcar-palabras-extranjeras-para-la-accesibilidad-en-drupal-usando-plugin-de-idioma'
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://twitter.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/themes/custom/mdrop_radix/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/es/articulos/como-marcar-palabras-extranjeras-para-la-accesibilidad-en-drupal-usando-plugin-de-idioma'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://metadrop.net/es'
          -
            '@type': ListItem
            position: 2
            name: 'Artículos expertos sobre Drupal y tecnología'
            item: 'https://metadrop.net/es/articulos'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
 1. [Artículos](https://metadrop.net/es/articulos)
 
  

# Cómo marcar palabras extranjeras para la accesibilidad en Drupal usando plugin de idioma de CKEditor

Miércoles 09 de Septiembre de 2026

 

 



Combinar idiomas en los contenidos web sin remarcar las palabras extranjeras es un error de accesibilidad recurrente que afecta al funcionamiento de los lectores de pantalla y, desde la entrada en vigor de la Ley Europea de Accesibilidad en junio de 2025, constituye una infracción legal para la mayoría de los proyectos web de la UE.

En Drupal 10 y versiones posteriores, se incluye una solución nativa en el Core: el plugin CKEditor Language, que permite a los mantenedores del sitio añadir un selector de idioma en la barra de herramientas del editor y a los editores etiquetar cualquier palabra extranjera con el atributo «lang» con un solo clic. Este artículo aborda el proceso de configuración para los mantenedores de sitios web, el flujo de trabajo de redacción para los editores y la única limitación real de este enfoque.





   



La Ley Europea de Accesibilidad entró en vigor en junio de 2025, elevando el cumplimiento de las WCAG AA de una buena práctica a un requisito legal para la mayoría de los proyectos web en la UE. Entre los criterios que cubre esa norma, el 3.1.2 es uno de los que más se incumplen en los flujos de trabajo editoriales: exige que cualquier cambio de idioma en una página se identifique en el marcado. El contenido que mezcla idiomas es casi universal, ya que cualquier sitio que escriba en español tomará prestados términos ingleses, y cualquier sitio que escriba en inglés hará lo mismo en la otra dirección. Esa mezcla de idiomas incumple el criterio sin que nadie lo advierta, y la mayoría de los sitios no tienen ningún mecanismo para solucionarlo. Drupal 10 y versiones posteriores incluyen una solución nativa en el Core que no requiere módulos adicionales, y la diferencia entre los sitios que cumplen y los que no casi siempre es solo una cuestión de concienciación.

## La brecha de accesibilidad: las palabras extranjeras

La accesibilidad ahora tiene peso en dos frentes a la vez. Mejora el SEO y **es un requisito legal**. Desde que la Ley Europea de Accesibilidad entró en vigor en junio de 2025, cumplir el nivel AA de las WCAG dejó de ser una buena práctica para convertirse en una obligación legal para cualquier sitio web.

Uno de los errores más frecuentes al redactar contenido se da justo en esta intersección: **usar una palabra o expresión de otro idioma sin identificarla ni marcarla semánticamente.** El caso más común es escribir en el idioma principal y recurrir a préstamos lingüísticos. Un texto en español toma prestados anglicismos como *link*, *marketing* o *cookies*; un texto en inglés toma prestadas palabras de otros idiomas de la misma manera.

Esto responde a una regla concreta. El criterio WCAG 3.1.2 "Idioma de las partes" (nivel AA) exige que cualquier cambio de idioma en una página se identifique en el marcado. El RGAA francés establece lo mismo en su criterio 8.7. La regla es precisa, y también lo es la forma de cumplirla.

El coste se entiende mejor desde el lado de quien escucha. Una persona ciega utiliza un lector de pantalla configurado en inglés y llega a la palabra sin marcar "paella". El sintetizador aplica la fonética inglesa, algo parecido a *"pay-ell-uh"*. La lectura se interrumpe y la palabra a menudo se vuelve difícil o imposible de entender.

Más allá de esa mala experiencia, el fallo del marcado tiene una consecuencia formal. Un cambio de idioma sin marcar incumple el criterio WCAG 3.1.2, y no cumplir ese criterio significa no cumplir las WCAG AA, que ahora son el mínimo legal.

## El plugin de idioma de CKEditor en Drupal

Desde Drupal 10, el Core ya proporciona una respuesta nativa y sencilla a estos criterios: el plugin de selector de "Idioma" de CKEditor. **Sin módulos adicionales, sin dependencias complejas**. Si el sitio ya utiliza CKEditor, la herramienta ya está ahí. Permite envolver cada palabra extranjera en un `<span>` con el atributo `lang` correcto, de modo que el contenido cumpla el requisito de accesibilidad.

Un plugin tan útil no debería faltar en ningún sitio que tenga en cuenta la accesibilidad. Sin embargo, se ignora constantemente, y **la razón es principalmente la falta de concienciación**. La accesibilidad ha ganado peso real solo recientemente, por lo que muchos perfiles técnicos nunca supieron que el plugin existía. Tampoco ayuda que el botón no esté habilitado por defecto en los formatos de texto estándar de Drupal. Si nadie lo añade a la barra de herramientas, nadie lo usa.

## Cómo configurarlo

Activar la función es una tarea de configuración breve que no implica código. Los pasos son:

1. Ir a **Administración &gt; Configuración &gt; Autoría del contenido &gt; Formatos de texto y editores**.
2. Arrastrar el botón de **Idioma** a la barra de herramientas activa del editor.
3. Desplazarse hacia abajo en la misma página, elegir en la pestaña de configuración qué idiomas aparecen en el menú desplegable y guardar.

 

 

Conviene destacar un detalle. El selector puede presentar los 6 idiomas oficiales de la ONU, los 107 idiomas predefinidos en Drupal, o una lista limitada a los idiomas ya configurados en el sitio. La configuración multilingüe y la accesibilidad del contenido son cuestiones separadas en este caso, por lo que los **idiomas que aparecen en el selector son independientes** de los idiomas configurados en el sitio (a menos que se seleccione la opción *"Idiomas configurados en el sitio"*).

## Cómo usarlo

Una vez que el botón está en la barra de herramientas, el uso diario es sencillo y se hace manualmente mientras se escribe. Se escribe el texto que necesita una palabra en un idioma diferente al del contenido actual, se selecciona esa palabra y se indica a qué idioma pertenece.

El resultado es el marcado exacto que espera el criterio. Tomemos una frase en inglés que toma prestada una palabra española:

```html
<!-- Antes -->
<p>For dinner, we went to the new restaurant downtown to eat some authentic paella.</p>

<!-- Después -->
<p>For dinner, we went to the new restaurant downtown to eat some authentic <span lang="es" dir="ltr">paella</span>.</p>

```

 

 

Funciona de la misma manera en la otra dirección, una frase en español que toma prestada una palabra inglesa:

```html
<!-- Antes -->
<p>El cliente nos ha dejado un feedback muy positivo sobre la nueva interfaz.</p>

<!-- Después -->
<p>El cliente nos ha dejado un <span lang="en" dir="ltr">feedback</span> muy positivo sobre la nueva interfaz.</p>

```

El plugin también añade `dir="ltr"` automáticamente para indicar la dirección de lectura del idioma seleccionado. Para un idioma como el árabe o el hebreo, aplicaría `dir="rtl"` en su lugar, de modo que las palabras de derecha a izquierda se manejen correctamente sin ningún paso adicional.

## La única pega: el marcado es manual

Hay una limitación que conviene dejar clara. **El etiquetado es manual y depende de la disciplina editorial.** El plugin no se aplica retroactivamente al contenido publicado antes de que existiera el botón, y el contenido nuevo solo se marca cuando alguien se acuerda de marcarlo mientras escribe.

Conviene señalarlo porque condiciona cómo encaja la función en un proceso editorial real. La solución es nativa y fácil, pero no es totalmente automática. Para que se sostenga en el tiempo, el marcado tiene que **formar parte de la escritura**, no ser una pasada de accesibilidad posterior. En un sitio con un gran catálogo de contenido antiguo, cerrar la brecha en el contenido heredado es una tarea propia.

## Conclusión

El cumplimiento del criterio para marcar palabras extranjeras se resuelve con un solo clic dentro del propio editor. **Drupal lo trae de forma nativa**, tanto la configuración como el uso son mínimos, y el único esfuerzo real es **el hábito de marcar las palabras a medida que se escriben.** Dado lo simple que es la herramienta y que se trata de un requisito legal, dejar el botón desactivado es difícil de justificar.

Si necesitas ayuda para implementar este u otros criterios de accesibilidad, Metadrop puede echarte una mano como especialista en accesibilidad. Ponte en contacto.



 [      Descargar how-to-mark-foreign-words-for-accessibility-in-drupal-with-the-ckeditor-language-plugin.pdf (PDF, 542.14 KB)  ](https://metadrop.net/sites/default/files/2026-09/how-to-mark-foreign-words-for-accessibility-in-drupal-with-the-ckeditor-language-plugin.pdf)

 

[Accesibilidad](https://metadrop.net/es/articulos?text=Accesibilidad)

[CKEditor](https://metadrop.net/es/articulos?text=CKEditor)

[Multiidioma](https://metadrop.net/es/articulos?text=Multiidioma)

 

- Alberto Ortega
    
    Drupal developer
 
 Haz que tu web sea accesible y cumpla con la normativa 

[Auditoría de accesibilidad de Drupal para cumplimiento con EAA y WCAG 2.1](https://metadrop.net/es/servicios/auditoria-web/accesibilidad " See Auditoría de accesibilidad de Drupal para cumplimiento con EAA y WCAG 2.1")

La auditoría de accesibilidad Drupal de Metadrop evalúa el sitio contra WCAG 2.1, EN 301 549 y la EAA, entregando un plan de remediación priorizado con estimación de esfuerzo y consultoría experta.

 

 Ver más