Inappropriate Description List Elements Order Check
Description
The “Inappropriate Description List Elements Order Check” evaluates whether there is any description list containing elements that are not valid list items where the order of the terms and definitions is not correct.
Example outcome
I located 1 description list that contains elements that are not list items or that are not correctly ordered.
Impact
- Visual Impairments: Screen readers may misinterpret the relationships between terms and their definitions or skip content entirely.
- Cognitive Disabilities: Users may not understand the structure of term-definition relationships, leading to confusion.
- Learning Disabilities: Incorrect ordering and improper elements in lists can make it harder for users to follow and comprehend content.
Fixes
To address inappropriate description list elements or inappropriately ordered ones:
- Locate the inappropriate description list element or the inappropriately ordered.
- If it is an inappropriate description list element, either wrap it or replace it with a
<dt>
or<dd>
element, according to its purpose. - If it is inappropriately ordered, ensure that a
<dt>
and a correspondent<dd>
element are always paired and presented in this order.