The sequence in which content is presented visually matches the
reading order in the DOM. e.g., headings, paragraphs, and other
structural elements are ordered logically both visually and
programmatically.
Illogical list order:
This list is in an illogical/unnatural order:
Step 2: Bake the cookies
Step 1: Gather the ingredients
Note: Hard to automatically test or detect. Requires a human tester or AI
to compare elements visually and programmatically, and ensure that they
are logically ordered.