One thing I want to mention is that there's a downside to changing the display order that you may want to be aware of: tabbing through content. The tab order is still based on the source order, which becomes an accessibility issue. Now you might be thinking that in our example, the tab order is logical on a desktop but only becomes out of logic on smaller devices, such as phones, which most likely, but not always, will not be tabbing through fields. Perhaps that's mostly true; however, changing the display order is also a problem for screen readers, such as JAWS, which read the content to visually impaired users based on the source order and not the display order. So, your content will still be announced by the screen ...
Accessibility impact
Get Mastering CSS now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
