AccessiTrans – Traductor ARIA para WPML y Elementor

El plugin AccessiTrans – Traductor ARIA para WPML y Elementor facilita la traducción de atributos ARIA en sitios desarrollados con Elementor y WPML, garantizando que la información de accesibilidad esté disponible en todos los idiomas de tu sitio web.

Características principales

• Detecta automáticamente y hace disponibles los atributos ARIA para traducción
• Integración completa con WPML String Translation
• Compatible con todos los elementos y plantillas de Elementor
• Múltiples métodos de captura para garantizar una detección exhaustiva
• Mecanismo de reintento para traducciones fallidas
• Función para forzar la actualización y limpiar cachés
• Modo de depuración para solución de problemas
• Ajustes de optimización de rendimiento
• Sistema de caché de traducciones para mejorar rendimiento
• Compatible con internacionalización

Atributos ARIA compatibles

El plugin permite traducir los siguientes atributos:

• aria-label: Para proporcionar un nombre accesible a un elemento
• aria-description: Para proporcionar una descripción accesible
• aria-roledescription: Para personalizar la descripción del rol de un elemento
• aria-placeholder: Para textos de ejemplo en campos de entrada
• aria-valuetext: Para proporcionar representación textual de valores numéricos

Métodos de captura

El plugin ofrece varios métodos de captura para asegurar que todos los atributos ARIA sean detectados:

1. Captura total de HTML: Captura todo el HTML de la página (altamente efectivo pero puede afectar al rendimiento)
2. Filtro de contenido de Elementor: Procesa el contenido generado por Elementor
3. Procesamiento de plantillas de Elementor: Procesa los datos de plantillas de Elementor
4. Procesamiento de elementos individuales: Procesa cada widget y elemento de Elementor individualmente

Ajustes avanzados

• Reintentar traducciones fallidas: Reintenta automáticamente las traducciones que fallaron en el primer intento
• Modo de depuración: Activa el registro detallado de eventos
• Captura solo para administradores: Limita los métodos de captura intensivos en recursos a usuarios administradores
• Captura solo en idioma principal: Solo captura cadenas al navegar en el idioma predeterminado

Compatibilidad

Funciona con todo tipo de contenido de Elementor:

• Páginas regulares
• Plantillas
• Secciones globales
• Cabeceras y pies de página
• Ventanas emergentes y otros elementos dinámicos

Versiones probadas: * WordPress 6.8 * Elementor 3.28.4 * WPML Multilingual CMS 4.7.4 * WPML String Translation 3.3.3

Por qué este plugin es importante para la accesibilidad

En sitios web multilingües, la información de accesibilidad debe estar disponible en todos los idiomas. Los atributos ARIA proporcionan información esencial de accesibilidad que ayuda a las tecnologías de asistencia a entender y navegar por tu sitio web. Al hacer que estos atributos sean traducibles, garantizas que todos los usuarios, independientemente de su idioma o capacidad, puedan acceder a tu contenido de manera efectiva.

Instrucciones de uso

Cómo añadir atributos ARIA en Elementor

1. Edita cualquier elemento en Elementor
2. Ve a la pestaña «Avanzado»
3. Busca la sección «Atributos personalizados»
4. Añade los atributos ARIA que deseas traducir

Formatos compatibles

Elementor indica: «Configura atributos personalizados para el elemento contenedor. Cada atributo en una línea separada. Separa la clave del atributo del valor usando el carácter |.»

Puedes añadir los atributos ARIA de dos formas:

Formato básico (una línea por atributo): aria-label|Texto a traducir

Formato multilínea (varios atributos): aria-label|Texto a traducir aria-description|Otra descripción

Esto generará los atributos HTML correspondientes en la vista pública: aria-label=»Texto a traducir» aria-description=»Otra descripción»

Cómo traducir los atributos

1. Una vez añadidos los atributos, guarda la página o plantilla
2. Ve a «WPML → String Translation» (traducción de cadenas)
3. Filtra por el contexto «AccessiTrans ARIA Attributes»
4. Traduce las cadenas como harías con cualquier otro texto en WPML

Mejores prácticas para un rendimiento óptimo

Para la mejor experiencia y rendimiento del sitio web, sigue estas recomendaciones:

1. Navega por el sitio solo en el idioma principal mientras generas cadenas para traducción. Esto evita el registro de cadenas duplicadas.

2. Utiliza la función «Forzar actualización» cuando las traducciones no aparezcan como se esperaba.

3. Desactiva los métodos de captura después de la configuración inicial:

   • Una vez que hayas capturado todos los atributos ARIA para traducción, recomendamos desactivar todos los métodos de captura
   • Esto mejora significativamente el rendimiento del sitio y evita que se registren cadenas adicionales en WPML
   • Vuelve a activar los métodos de captura temporalmente cuando realices cambios en tu sitio que incluyan nuevos atributos ARIA

Ejemplos prácticos

Para un botón de menú: * Atributo: aria-label|Abrir menú

Para un enlace de teléfono: * Atributo: aria-label|Llamar a atención al cliente

Para un icono sin texto: * Atributo: aria-label|Enviar email

Para un carrusel: * Atributo: aria-label|Galería de imágenes * Atributo: aria-description|Navega por las imágenes del producto

Autor

Desarrollado por Mario Germán Almonte Moreno:

• Miembro de IAAP (International Association of Accessibility Professionals)
• Certificado CPWA (CPACC y WAS)
• Profesor en el Curso de Especialización en Accesibilidad Digital (Universidad de Lleida)
• 20 años de experiencia en ámbitos digitales y educativos