From the course: Responsive Layout

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Accessibility

Accessibility - HTML Tutorial

From the course: Responsive Layout

Start my 1-month free trial

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…

Contents