Grid, content re-ordering and accessibility

Take this:

<ol>  <li>Get hungry</li>  <li>Order pizza</li>  <li>Eat pizza</li></ol>

That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually shown in that order. In most layout situations, the visual order will match that DOM order. Do nothing, and the list items will flow in the block direction of the document. Apply flexbox, and it will flow in the inline direction of … Read article

The post Grid, content re-ordering and accessibility appeared first on CSS-Tricks.