Planeta Latinoamericano

La falta de atributo alt perjudica accesibilidad y SEO

Los atributos alt vacíos perjudican tanto la accesibilidad como el SEO, y el coste es medible. Google Lighthouse marca el error en ambas auditorías: hasta 6 puntos menos en la puntuación de Accessibility y 8 puntos menos en la de SEO.

El impacto en los usuarios reales puede ser peor que la puntuación. Los lectores de pantalla ignoran por completo una imagen sin texto alt, así que las personas ciegas ni siquiera saben que hay una imagen, lo que hace la experiencia confusa y disruptiva. Además, se incumple el Success Criterion 1.1.1 de las WCAG, Non-text Content, el requisito básico.

Esa es la razón por la que tuvimos hacer algo cuando un proyecto de migración dejó miles de imágenes sin atributo alt.

Una migración de Drupal dejó alrededor de 12.000 imágenes con un texto alternativo erróneo o vacío

Una migración de Drupal 9 a Drupal 11 para un proyecto multidioma de noticias deportivas reveló alrededor de 12 000 imágenes con atributos alt vacíos o incorrectos, detectados mediante la herramienta Screaming Frog. Algunas imágenes no tenían ningún atributo alt, mientras que otras tenían texto alternativo en el idioma incorrecto; en la versión /es del sitio aparecía texto alternativo en inglés.

El siguiente paso obvio era buscar un patrón. ¿Estaba el problema ligado a un tipo de contenido concreto, como Artículos? ¿Se...

Entity Mesh es un módulo de Drupal de Metadrop que hace visible la estructura de enlaces internos de un sitio. Audita cada nodo tal como lo ve un crawler anónimo y luego agrega el resultado en una visión de conjunto exportable, pudiendo observar: dónde se rompe la navegación, dónde se malgasta el crawl budget y dónde las versiones de idioma se desincronizan. Para un sitio de Drupal con mucho contenido o multilingüe, esto convierte los enlaces internos de una suposición invisible a una parte medible del SEO técnico. Cada enlace es una intención de navegación Estructurar bien el contenido comienza por saber cómo se conecta realmente el sitio. Pocos módulos de Drupal proporcionan información agregada a nivel de sitio sobre el contenido y sus conexiones, por lo que esa visión de conjunto suele faltar cuando se toman decisiones. Entity Mesh se creó para responder a una pregunta específica: ¿cómo se interconectan los nodos? ¿coincide la navegación real con el propósito deseado? Si el objetivo es que un visitante compre un producto, la ruta...

¿Qué es un error? Objetivo diagnosticar Verificación de Axiomas Divide y Vencerás (Bisección del problema) Lectura y Comprensión del Error Debugging Efectivo Búsqueda en internet Chatbot IA Técnica del Pato de Goma Apagar y encender Pidiendo ayuda ¿Y si no se soluciona? Plan B Conclusión Si te dedicas a programar te habrás encontrado muchas veces en una situación en la que algo no va y no sabes qué pasa. Pero el problema real viene cuando no sabes cómo averiguar por qué pasa. Por experiencia sé que es muy...

CKEditor5 Markdown es un nuevo módulo contribuido de Drupal que añade un plugin de barra de herramientas a CKEditor5 para convertir Markdown a HTML bajo demanda.

Qué hace el módulo CKEditor5 Markdown

El módulo añade un nuevo botón en la barra de herramientas del editor CKEditor5 de Drupal. Al pulsarlo, se pega o escribe Markdown en el diálogo que aparece, se confirma y el contenido se inserta como HTML formateado en la posición del cursor.

La conversión utiliza la biblioteca marked (versión 9, licencia MIT) con compatibilidad con Markdown al estilo GitHub. La biblioteca ya está compilada vía Webpack, por lo que no se requiere ningún paso adicional de compilación frontend.

El módulo requiere Drupal 10.3 o superior, o Drupal 11, con el módulo ckeditor5 de Drupal core habilitado.

CKEditor5 Markdown: ejemplo

Por qué conversión explícita en lugar de la función oficial de pegado de Markdown

CKEditor5 incluye una función integrada de...