Subtítulos de imágenes de soporte, además del texto alternativo

Característica
1

Continuando la discusión de ¿Cómo añadir una descripción a las imágenes subidas?:

Vine buscando una forma de añadir un pie de foto —visible para todos— a una imagen. (<figcaption>)

alt vs. pie de foto

Me encanta que Discourse admita texto alt para lectores con deficiencias visuales, pero son efectivamente inaccesibles para lectores videntes. Los lectores videntes no necesitan necesariamente la misma descripción completa de la imagen, pero a menudo se beneficiarían de un poco de contexto, por ejemplo, ¿De qué película es esa captura de pantalla? ¿Cuál es el título de esa obra de arte?

La búsqueda se complicó un poco por el hecho de que “pie de foto” se usa a menudo aquí al discutir el texto alt de las imágenes. Incluso la función de IA de Discourse se llama “Caption with AI” (Añadir pie de foto con IA). Este punto se menciona en una discusión sobre el método manual de “añadir pie de foto” (texto alt).

sintaxis

El hilo principal termina en 2019 con:

Encontré algunos temas antiguos relevantes en CommonMark señalando que:

Pero https://talk.commonmark.org/ actualmente tiene un banner con “Tenga en cuenta que la especificación de CommonMark está actualmente congelada con respecto a las características” y la especificación de imágenes no parece abordar el uso de pies de foto.

siguiente

¿Sería tan malo desviarse de CommonMark en este caso e implementar algo en Discourse para soportar la etiqueta común <figcaption> para imágenes?

Test our new composer!
Encourage/enforce adding image descriptions
2

No soy un experto en accesibilidad, pero no entiendo esta solicitud de funcionalidad. ¿Cuál es la diferencia, en la práctica, entre alt y figcaption y por qué abogan por que nos desviemos de CommonMark? ¿Qué me estoy perdiendo?

Cuando subo una foto, digamos de mi gato, se le da una leyenda que está asociada a la foto. Luego puedo editar la leyenda para compartir contexto.

Un gato atigrado gris está sentado en una barandilla de madera al aire libre, luciendo alerta y curioso con un fondo verde y frondoso. (Con leyenda de IA)
Un gato atigrado gris está sentado en una barandilla de madera al aire libre, luciendo alerta y curioso con un fondo verde y frondoso. (Con leyenda de IA)3024×4032 1.19 MB

La leyenda se muestra al pasar el ratón por encima (en escritorio) y en la parte inferior de la foto, cuando la seleccionas para verla más grande:

Captura de pantalla 2025-06-09 a las 7.58.47 AM

1 me gusta
3

Hola Tobias: al revisar, exageré esta parte:

[cita=“ToddZ, post:1, topic:333922”]
Me encanta que Discourse admita texto alt para lectores con discapacidad visual, pero son efectivamente inaccesibles para los lectores con visión.
[/cita]

El texto alternativo está disponible para los lectores con visión, pero requiere acciones con el mouse que normalmente no realizo al desplazarme por los temas. Sin un icono “alt” presente, ni siquiera se me habría ocurrido pasar el mouse sobre las imágenes para verificar la presencia de texto alternativo. Esto en realidad tiene mucho sentido, ya que el texto alternativo no está destinado a impartir información adicional y debería ser superfluo para los usuarios con visión…

[cita=“tobiaseigen, post:2, topic:333922”]
¿Cuál es la diferencia, en la práctica, entre alt y figcaption…?
[/cita]

Tampoco soy un experto en accesibilidad, pero veo que estas características tienen propósitos bastante diferentes tanto para los usuarios con visión como para los usuarios con discapacidad visual.

texto alternativo:

  • se anima a proporcionar una descripción detallada de la imagen para los usuarios con discapacidad visual, como equivalente a las imágenes
  • oculto de forma predeterminada para los usuarios con visión, porque pueden ver la imagen
  • (presumiblemente manejado de forma predeterminada por lectores de pantalla y otras herramientas de accesibilidad)

leyenda de la figura (figcaption):

  • puede proporcionar un título, un aparte, una cita u otra pista de contexto a todos los usuarios, no necesariamente una descripción completa de lo que representa la imagen
  • se muestra en el flujo del documento/publicación para todos los usuarios, con o sin visión
  • no requiere ninguna acción para ver, aparte de la navegación y el desplazamiento normales

Esencialmente, el texto alt reemplaza la imagen: le dice exactamente qué es. Una figcaption puede decirle por qué el autor la puso allí.

El texto alternativo para su imagen es preciso: “Un gato atigrado gris está sentado en una barandilla de madera al aire libre, mirando alerta y curioso con un fondo verde y frondoso”. (La gente de accesibilidad podría sugerir aún más detalles y menos subjetividad: “Un gato atigrado gris se sienta con delicadeza en un banco de madera al aire libre, llenando el encuadre y mirando algo fuera de cámara. El fondo frondoso e iluminado por el sol está borroso, mientras que el gato está a la sombra con su rostro enfocado”).

Una leyenda de la figura (figcaption), sin embargo, podría decir “Gato con ejemplo de texto alternativo” o “A Ravenpaw no le preocupa tu pedantería”.

[cita=“tobiaseigen, post:2, topic:333922”]
¿por qué está defendiendo que nos desviemos de CommonMark?
[/cita]

No puedo hablar de las implicaciones más amplias de desviarse de CommonMark; solo pensé que si Commonmark no tiene planes de implementar nuevas características, la divergencia podría justificarse para algo ampliamente útil.

2 Me gusta
4

Hola Tobias, soy nuevo por aquí. Estoy buscando migrar mi foro phpBB a Discourse. ¡Me encanta el pie de foto que aparece cuando pasas el ratón por encima de la imagen! Sin embargo, no me queda claro cómo añadir un pie de foto al subir; ¿podrías aclarármelo? No tuve éxito en una subida a mi sitio de prueba.

Una pregunta relacionada, por supuesto, es qué tan difícil sería modificar import_phpbb3.sh para asignar los “comentarios de archivo” de phpBB (en los adjuntos) a las subidas convertidas para que aparezcan al pasar el ratón. Además: phpBB permite asignar comentarios de archivo a otros tipos MIME, por ejemplo, .mp3 y .mp4. ¿Sucede eso con Discourse?

Gracias
Dan

1 me gusta
5

¡Gracias por recordarme esa foto súper linda de mi gato! En el ejemplo que di, el pie de foto fue creado automáticamente usando inteligencia artificial. Creo que eso es lo que sucede aquí en Meta, y también es lo que puedes hacer en sitios alojados por Discourse de forma predeterminada. Si quisieras hacer eso en un sitio autoalojado, tendrías que configurarlo usando IA.

6

La función de subtítulos automáticos de IA se eliminó en julio.


La forma en que puedes añadir pies de foto depende del editor que utilices. En el editor de texto enriquecido, haces clic en la imagen, luego en el texto debajo de la imagen y lo editas.


En el modo Markdown, puedes editarlo en la vista previa en el pequeño icono del lápiz, o puedes escribir directamente en el editor.

1 me gusta
7

Hola Dan, ¡y bienvenido!

Estrictamente hablando, eso no es un pie de foto, es texto alternativo de la imagen, destinado a describir la imagen para usuarios con discapacidad visual. (Y yo estaba preparando algunas capturas de pantalla de edición para ti, pero Moin se me adelantó).

Tu pregunta sobre cómo manejar los comentarios de archivos en una importación de phpBB se respondería mejor en su propio tema de Soporte, ya que las personas adecuadas podrían no notarla en este hilo.

1 me gusta
8

¡Moin, muchas gracias! Esta es una característica genial. Todd, tienes toda la razón, encontraré un lugar adecuado para preguntar sobre la importación de phpBB.

Observaré que aunque se puede agregar texto a un gif, este no aparece al pasar el ratón por encima; sin embargo, los gif se usan con poca frecuencia en mi foro. phpBB sí permite agregar un comentario a .mp3 y .mp4, aunque, al parecer, en Discourse no existe tal opción para agregar texto. Tendré que revisar mi archivo de respaldo .sql en busca de estos archivos adjuntos con comentarios y decidir cómo gestionarlos.

Estoy emocionado con Discourse y con llevar mi foro al siglo XXI. :zany_face:

-Dan