ordenadas numeradas listas lista etiqueta ejemplos definicion atributos css xhtml w3c semantic-markup screen-readers

css - etiqueta - listas numeradas html



¿Cuándo deberíamos usar<dl> sobre<ul>? (3)

Cuando trabaja con un conjunto de definiciones y no simplemente con una lista de elementos no ordenados.

¿En qué escenarios deberíamos buscar <dl> no <ul> ?

¿Importa para el usuario del lector de pantalla <ul> o <dl> ? ¿el software del lector de pantalla notifica al usuario que el contenido está en <ul> o <dl> ?


Para casos ambiguos como sus ejemplos en el comentario sobre la respuesta de Jonathan (nombre de la persona, luego descripción, pregunta y luego respuesta), ¿por qué no instala una versión de prueba de un lector de pantalla o dos y descubre qué construcción se lee más adecuadamente?

Aquí hay dos (desde here ):


Un <dl> es una lista de definiciones. Debería usarse en un caso como, tal vez, un diccionario:

Caso de uso:

<dl> <dt>Thesaurus</dt> <dd>A book for finding synonyms of other words, often alphabetical. Similar to a dictionary.</dd> </dl>

Resultado de lo anterior:

Tesauro
Un libro para encontrar sinónimos de otras palabras, a menudo alfabético. Similar a un diccionario.
La idea es que el término a ser definido se mantiene en el elemento <dt> , y la definición de ese término se da en el <dd> .

Un <ul> es una lista desordenada. Ahora, un <dl> no implica ningún orden en su contenido, pero sí implica una relación semántica entre sus hijos. Un <ul> , sin embargo, podría contener cualquier cosa que no esté ordenada.