Imagen de un poema escrito a mano: Agua del mar de Vicente AlexandreEn un artículo anterior, ya he tratado de arrojar luz sobre el problema de marcar versos en HTML o XHTML. Después de discutir este problema en un foro de accesibilidad web, en el que estoy suscrito, creo que he llegado a una conclusión importante.

Hasta ahora siempre he tenido una tendencia a considerar que la marca <br> es una marca de presentación que debe evitarse, ya que el salto de línea no aporta información. Creo que estaba equivocado. El salto de línea sí tiene cierto sentido semántico, al menos, a la hora de codificar poemas. En un poema, el salto de línea es importante, y aporta información al lector. Le dice donde tiene que hacer una pequeña pausa.

Por ello creo que no solo hay que utilizar <p> para marcar las estrofas de un poema o canción, sino que hay que marcar con <br /> los saltos de línea donde acaba un verso. Luego, con CSS se puede aplicar estilos aurales para que los agentes de usuario hagan una pausa al leer. De esta forma:

<div id="poema">
<p>
Con diez cañones por banda,<br />
viento en popa, a toda vela,<br />
no corta el mar, sino vuela<br />
un velero bergantín.<br />
Bajel pirata que llaman,<br />
por su bravura, el Temido,<br />
en todo mar conocido<br />
del uno al otro confín.
</p>
</div>

Y en el CSS especificar el estilo aural de los <br> en los idiomas:

div.poema br {
pause-after:500ms;
}