Accessibility

- [Instructor] One of the things you can do easily…in both Flexbox and Grid is to change…the order of elements on the page.…Now this seems really useful, if say you wanted…to move something from the header to the footer…based on view port size.…But there are a few issues that you need…to worry about, first keep in mind that people…who are blind may be accessing your page…with a screen reader that reads the text…out loud to them.…A screen reader won't take into account…any of the CSS you are using for a layout…so it will read the content in the order…it is in the HTML.…That's why you should always create your HTML…in a logical order before you apply any CSS.…

But even if your source code is in a logical order…moving things to different positions on the page…can cause problems for anyone who is using…a keyboard to navigate, you might do this yourself sometimes…if you're a so-called power user because it's often…faster between keyboard and mouse.…Most of the time you can easily navigate from one…selectable element to the next using the Tab key…