In what scenarios we should go for <dl>
not <ul>
?
Does it matter for screen reader user <ul>
or <dl>
? does screen reader software notify user about content is in <ul>
or <dl>
?
A <dl>
is a definition list. It should be used in such a case as, perhaps, a dictionary:
Use-case:
<dl> <dt>Thesaurus</dt> <dd>A book for finding synonyms of other words, often alphabetical. Similar to a dictionary.</dd> </dl>
Result of the above:
<dt>
element, and the definition of that term is given in the <dd>
. A <ul>
is an unordered list. Now, a <dl>
does not imply any order to its contents, but it does imply a semantic relation between its children. A <ul>
, however, could contain anything that is not ordered.
When you're working with a set of definitions and not merely an list of unordered items.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With