CSS: Web Page Layout - Usability and Accessibility

External: Coursera Courses ↗ · Coursera

Open Course on External: Coursera

Free to audit · Opens on External: Coursera

CSS: Web Page Layout - Usability and Accessibility

Coursera · Beginner ·🌐 Frontend Engineering ·3mo ago

Key Takeaways

Styles web pages using CSS for usability and accessibility

Original Description

In this course, you will learn how to use CSS to control the appearance, layout and responsiveness of web pages. Through interactive, guided lab activities on Coursera, you will style existing HTML pages and build responsive layouts using modern techniques such as CSS Grid, ensuring your designs work well across a range of screen sizes and devices. You will explore the principles of responsive and accessible design, learning what web accessibility means and why it matters for users, organisations and society. Using hands-on exercises, you will apply practical techniques to improve accessibility, including testing pages with assistive technologies and automated accessibility checking tools, then fixing common issues to meet recognised standards. The course also introduces advanced CSS features such as variables, selectors, transitions and animations. By applying these in guided labs, you will develop efficient, maintainable and accessible stylesheets that reflect current best practice in modern web design.
Watch on External: Coursera ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related Reads

📰
Great perspective—framework vs. library is the right way to frame it. 👏
Learn the key differences between Next.js and React to make informed decisions for your 2026 projects
Dev.to · abderrahmen bejaoui
📰
Show Dev: CountryClue – A fast and minimalist world flag guessing game
Learn how to build a fast and minimalist web game for guessing world flags using CountryClue as an example
Dev.to · Тимофій Олійник
📰
Build It HTML-First: Why a Plain Web Form Beat a React Rewrite
Learn how a utility company's decision to rewrite a React application in plain HTML resulted in a doubling of users, highlighting the benefits of progressive enhancement
Dev.to · Arthur
📰
Starting the Frontend for a Full-Stack E-commerce Store (Auth Store, Axios, and Public vs. Protected Routing)
Learn to set up the frontend for a full-stack e-commerce store using Auth Store, Axios, and public vs. protected routing
Dev.to · Chinwuba
Up next
Elementor Angie Ai Plugin Tutorial
Quick Tips - Web Desiign & Ai Tools
Watch →