Clear layout and design
Lesson 6 of 9 · Video · about 2 minutes
Watch on YouTube (opens in new tab)
Keyboard keys inside the YouTube player are YouTube’s own: K or Space plays and pauses, J and L move 10 seconds, C turns captions on and off, F is full screen.
Transcript
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
End of transcript.
A clear, consistent layout helps everyone find information, and especially people with cognitive disabilities.
Video: “Clear Layout and Design”, W3C Web Accessibility Initiative (WAI). Source page with transcript. Audio-described version.