Listas de definición

[frijolerou]

Me gustaría saber si es correcto el siguiente uso de las listas de definición (en especial la parte destacada en negritas)


<h4>Sitios recomendados:</h4>

<dl>

<dt>Título del sitio</dt>
<dd>Descripción del sitio a visitar</dd>
<dd>URL del sitio a visitar (link)</dd>

<dt>Título de otro sitio</dt>
<dd>Descripción del sitio a visitar</dd>
<dd>URL del sitio a visitar (link)</dd>

</dl>

[n2h]

Yo lo haría de la siguiente manera:

Código:

<dl>

<dt>Título del sitio</dt>
<dd>Descripción del sitio a visitar<br />URL del sitio a visitar (link)</dd>

<dt>Título de otro sitio</dt>
<dd>Descripción del sitio a visitar<br />URL del sitio a visitar (link)</dd>

</dl>

De la otra manera es como que tenés dos definiciones para un solo elemento.. no me piacce... asi me parece mas lógico y creo que ve exactamente igual.

Suertessssss!

[Remo:Erdosain]

Yo voto por el metodo de frijolerou. Visualmente funciona igual y además tenes un elemento más al que aplicarle estilo.
Además, y no menos importante, mis estimados, Separate adjacent links with more than whitespace ;).

Sí, el salto de linea cuenta como espacio en blanco. Además, en el recontra supuesto caso que te caiga un screen reader, el programa leería más pausadamente el salto de la descripción a la URL.

[n2h]

if there is no text or image separating two adjacent links, even if they occur on consecutive lines, some screen readers will incorrectly read adjacent links as a single link.

Quién lo hubiera dicho, yo crei que eran un poco mas piolas los lectores de HTML

[frijolerou]

JAJAJAJAJAJJAJAJA... lo ves? hay que temerle a las máquinas :P

n2h: me parece lógico tu razonamiento (lo de la "doble descripción") y no cacho mucho si usar dos <dd> para un <dt>es "accesible".

De hecho en la Recomendación del W3C "HTML 4.01 Specification siempre se habla de parejas "término/definición" en relación a las listas de definición. Habla también de "términos y definiciones múltiples", pero siempre en pareja:

<DL>
<DT>Center
<DT>Centre
<DD> A point equidistant from all points
on the surface of a sphere.
<DD> In some field sports, the player who
holds the middle position on the field, court,
or forward line.
</DL>


En el caso de utilizar un salto de línea <br /> para separar "texto" y "link" choca justamente con lo que mencionaba Remo:Erdosain, más aún cuando en algún momento tendría que incluir más de un link por sitio (por ejemplo si el sitio listado tuviera una versión en inglés y otra en español y fuese necesario incluir las dos URL).

Considerando esa situación, se me ocurrió podría servir anidando una lista <ul>, con los links, como parte del contenido del <dd>. Por ejemplo:

<dt>Titulo del sitio</dt>
<dd>Descripcion del sitio
<ul>
<li>URL de la version en ingles</li>
<li>URL de la version en español</li>
</ul>
</dd>
</dt>

Por lo menos la sintxis me la valida, ¿alguna opinión al respecto?

[Remo:Erdosain]

Personalmente, ninguna.
n2h: Trust no one, y menos en un screen reader ;).

[n2h]

Me dejó de lo mas satisfecho esa solución :D