Lesson 2: Responsive Design and Accessibility

Modern websites must work well on any device and be usable by everyone. In this lesson, you’ll learn how to design and build pages that adapt smoothly from small mobile screens to large desktop displays, while still being clear, readable, and easy to navigate.

You’ll practise core responsive design techniques, including flexible layouts, scalable images, and media queries. You’ll also build accessibility into your work from the start by using semantic HTML, applying ARIA only where it adds real value, and checking your pages against key WCAG expectations.

By the end of this lesson, you should be able to create layouts and forms that remain functional and user-friendly across different screen sizes and for users with different needs, including those who use screen readers, keyboard navigation, or high-contrast settings.