Source: W3C WAI, https://www.w3.org/WAI/perspective-videos/layout/

Visual: Web Accessibility Perspectives: Clear Layout and Design

Audio: Poor layout can be very frustrating.

Visual: A man in a kitchen is looking for things to make a coffee. The man is frustrated about not finding what he is looking for.

Audio: And the same applies to the Web. Good design involves good layout and that means a better user experience.

Visual: The man rearranges the kitchen in a time-lapse.

Audio: This includes clear headings, navigation bars, and consistent styling.

Visual: The man is now browsing a badly laid out pizza delivery website and is shaking his head.

Audio: Any web user will get frustrated with bad layout and design.

Visual: A woman is using the same complex website with screen magnification. She only sees a portion of the screen at a time, so the website appears even more confusing.

Audio: Complex layouts also make finding information difficult or impossible for people with visual disabilities.

Visual: The woman is shaking her head and is unable to use that website.

Audio: And they are confusing for people with cognitive and learning disabilities who need clarity and consistency of the presentation.

Visual: The man calls a friend over to help.

Audio: Bad design also impacts anyone who isn't particularly confident around computers.

Visual: The friend is just as confused and navigates to a different, better pizza website.

Audio: Web accessibility: Essential for some, useful for all.

Visual: This second website is much clearer and easier to use. They are both happy. The woman using screen magnification has also used that website and is delightfully eating a pizza.

Visual: Visit w3.org/WAI/perspectives for more information on Clear Layout and Design