====== 1.2.1 Write the HTML source code by following the logical reading order ======

The order of writing the tags in the HTML source code must follow the logical reading order of the page.

This means that if a tag immediately precedes another tag when visually browsing over the page, the first tag must also immediately precede the other in the HTML code.

<note astuce>**Tip**

To test this criterion, you just need to deactivate the CSS and ensure that the resulting output corresponds to the reading order of the page when CSS is activated. 
</note>

<note attention>**Warning**

If content is hidden by default, make sure that it is positioned properly in the HTML flow when the styles are deactivated.
</note>

===== Related recommendations =====

<note bulle>
  * Previous recommendation: [[notices:html-css:structurer-les-menus-de-navigation-avec-des-listes]]
  * Next recommendation: [[notices:html-css:veiller-a-la-coherence-de-l-ordre-du-flux-html-d-une-page-a-l-autre]]
</note>